Tuesday, June 16, 2009

WD2 - Enhancement Stage 2

jl-home
jl-about
jl-recruit

As usual, you can go on ahead and click on the images to view the larger version.
What I've done is added a few more elements into the web page.
Still a few more changes that need to be done on the layout.
Stay tune for the change soon.

Saturday, June 13, 2009

WD2 - Screenshot of Home Page

I'm still working on space for nav buttons. T.T Thinking of redesigning ...o.o'

JL-Home1

Monday, May 25, 2009

Project Concept Proposal Part 1, Moodboard, Sitemap

Project Definition

The purpose of this project is to study justlife’s current website at www.justlifeshop.com, study its target audience and enhance their existing website’s interface. A proposal for a better site navigation is allowed. The task has to be completed in 7 weeks with a fully functional commercial website with no less than 8 HTML pages that shows at least 3 levels of content structure. The logo and identity of justlife are not to be altered in anyway. Repositioning of the brand is not permitted as well.

Current Site’s Analysis Goals

justlife’s website is catered to two language markets; English, being the primary market and Chinese, the secondary market. This website promotes organic products that are not only healthy but are also environment friendly. In addition, the website promotes an organic lifestyle with recipes that are healthy as well as events that will educate the public on how to lead a chemical-free lifestyle.

The web site could probably improve by separating into an English language section and a Chinese language section. This would benefit the Chinese reading users when they visit the website especially when they visit the ‘Brands’ page since that page in entirely in English and not bilingual like the ‘Recipe’ page. The ‘Products’ section could also be enhanced by arranging the products into categories that can expand into another section to provide users with more information on the products of their interest. Also, rather than waiting for an event to happen to educate the public on living an organic lifestyle, small information boxes around the website that provides information on healthy living and environmental messages would make the site more informative. The ‘Shops’ and ‘Contact’ section could merge into one section for easy navigation for the users.

Also, the banners on the website could be repaired. This is because when users hover their mouse cursor over the banner, the cursor would change into a hand cursor indicating that the banner can be clicked and will lead the users to another page, but in fact the current page that they are on will only be refreshed.

Client’s Analysis

“Our retail concept goes beyond just selling organic products. justlife reflects our passion for a career that inspires the love for nature and respect for life.”
Quoted from justlife’s website.

justlife is the first approved organic retail franchise by Ministry of Entrepreneur ad Co-operative since February in 2005. It is founded and under the management of justlife group sdn bhd. justlife’s first organic shop started in 1999. Today, justlife is a name that stands for distinctive quality and inspiration for sustainable health. Each day, the numbers of justlife supporters are increasing rapidly.

justlife’s mission is to provide high quality organic products to the public at affordable prices and at the same time, protecting the planet for future generations by educating the public now to preserve their soil and environment. This can be seen when a customer goes into a justlife store, they are not encouraged to use plastics bags to carry their purchased goods, and instead they are advised to use a reusable cloth bag or carry.

Short and Long-term Site Goals

By giving detailed information on products, this would give confidence to potential customers because they would know what they are purchasing. And if the customers are satisfied with their purchase, they would come back again to purchase more items. At the same time, satisfied customers would promote this site to friends and family members. This would help generate more profits for justlife shops.

By providing and updating tips on how to preserve the soil and environment on the website, users will come back to the website for more information on how they can lead better lives and at the same time change the world for a better place. The users would also share the website with friends by word-of-mouth.

The website’s goal is to create brand loyalty by providing regular updates on environmental-friendly tips and events as well as product information.

Target Audience

The target audience for the website would be young adults from ages 17 to 29, followed by adults aged 30 to 55, who are the secondary target audience.

These would be people who are concerned about their health and environment and want to do something to make the planet a better place to live. These poeple would most likely be looking for organic products and/or tips to change their lifestlyes to a healthier one.

Competitors Analysis

Primary: Country Farm
Secondary: General Nutrition Centers, Inc.(GNC)
Tertiary: McDonald’s, Kentucky Fried Chicken(KFC), Pizza Hut, Nando’s.


Moodboard & Sitemap

justlife-moodboard jl-sitemap
Click on images to view larger.

Sunday, May 17, 2009

Web Design 2 - Redesign Commercial Website

Client: justlife (click here to proceed to their website)

justlife is a local business that started in 1999 selling organic goods to the public. They have branches in Selangor, Kuala Lumpur, Penang, Negeri Sembilan and Malacca.

Below are screenshots of four selected pages from the client's website. (CLICK ON THUMBS TO ENLARGE IMAGE)

-Home page-
jl home

-About page-
Photobucket

-Products page-
Photobucket

-Contact page-
Photobucket


Below are the client's four competitors. All of the competitors are local companies.

-Country Farm-

cf1-home

Pros:
1. Although it has a boxy navigation, I like the simple design and the treaments applied to this
website.
- Gradient background and reflection at bottom of page does not make the site feel flat and
boring.
2. Colours used makes this site feels fresh. This is very fitting because this site is all about selling
fresh, healthy organic food and products that are evvironmantally friendly.
3. There is consistency in layout, colours, and treatment on every page.

Cons:
1. In the "Products" page, the navigation to the left is too long and many of the clickable links
lead to an empty page and is unnecasseary and is confusing.

gi home
Pros:
1. Easy Navigation
2. I like the fresh colours that they use.

Cons:
1. Although the simple is neat and clean, it's feel very much like a medical website rather than something that fresh and lively/active.

mo1-home

Pros:
1. Has flash, so the site does not feel too static
2. Their "Products" page is neatly organised and additional info like the price of the item and ingredients of the item are given. Very useful for visitors who want to what they are paying for. ;)
3. Easy navigation
4. The contact us page not only has the address and the phone numbers of the site, there is also a section where site visitors can input their name and email address and send a short message to the company.

Cons:
1. Although they have a neat "products" page, I do not see the need to have it repeated on the left side of the page.
2. The design of the page looks plain and dull.

rw1-about


Pros:
1. Has flash, so the site does not feel too static.
2. Products information is stated clearly. This would help buyers decide which product would suit their needs.

Cons:
1. Their products are listed too long
2. No index.html page
3. The flash does not stop and provide info when I hover my mouse over it. So if you wants to know what were the produts that were displayed in the flash, you'll have to play the guessing game by going through the whole list of products on the left nav bar
4. The design on the top of the page feels cheap and crowded.


-Beautiful Commercial Websites-

HP
hp1hp2
hp3hp4
1. Beautiful art direction. Very fantasy like.
2. Voice over made the site feel more fantasy

Alpine Meadows
am1am2
am3am4
1.The images are rough and textured. It suits the website because it is promoting a ski lodge.
2. The treatments are taken into details and be seen in their contact page; their buttons are not flat because a white border and drop shadow have been added.


coke1coke2
Photobucketcoke4
1. This is similar to the hp website above. It has a fantasy art direction and has many fun interactions and games.


1. This website is very slick and even the music makes this site's atmosphere feel even more slick and laid back.
2. The transition from one section to the other is very smooth.
3. Although it's slick this website too feels dreamy because of the low-lighting used.

-HTML/CSS/Javascript Tuts-
http://www.noupe.com/category/tutorial
http://www.domedia.org/oveklykken/articles.php
http://www.webmonkey.com/tutorial
http://www.ndesign-studio.com/resources/links/
http://www.javascriptkit.com/javatutors/
http://www.echoecho.com/javascript.htm

-Design Tuts-
http://abduzeedo.com/tutorials
http://vandelaydesign.com/blog/
http://www.myinkblog.com/category/tutorials/
http://www.pixel2life.com/

Saturday, May 16, 2009

a stop motion love story

iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!
iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!
iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!
iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!

Is that obvious enough? hahaha!

By carlos lascano
music by sigur ros (love!muahahaha XD)

sit back and relax...

A SHORT LOVE STORY IN STOP MOTION from Carlos Lascano on Vimeo.

Tuesday, March 24, 2009

Your feedbacks please. ^^

Hello all.

Here I am again with another update. This time I'm in need of your assistance.
Based on the screenshots below, could you leave your feeback to this short survey in my comment section please? (Not in my tag board yea)

Questions:
1. Does the enter page look interesting to you?
2. Is the information easy to read?
3. What say you about the colour mood of the design?
4. Does the typography/fonts suit the site?
4. Would you come back to visit this site often if it gives monthly/weekly updates?
5. Do you feel it's fun to explore the site?
6. Is navigation easy for you?
7. Is the language used easy for you to understand?

Thanks in advance for your time and feeback. Much appreaciated. Real site shud be up and running soon for you to play around with .^^

Photobucket
Creamy Corner's Enter Page

Photobucket
Creamy Corner's Home Page

Photobucket
Creamy Corner's About Page

Photobucket
Creamy Corner's Recipe Page 1

Photobucket
Creamy Corner's Recipe Page 2

Photobucket
Creamy Corner's Gallery Page

Photobucket
Creamy Corner's Contact Page

Thursday, March 19, 2009

Just a quick update

hello~

My finalized website layout~ yay!! muahahaha actually, it's been finalized for weeks now. Hehe. So here's a preview of my Creamy Corner website, and as usual, click on the image to have a larger view yea? ^^ Will post the link to the working website when I'm done dreamweaving it. So stay tune folks!

Photobucket
Creamy Corner's Enter Page

Photobucket
Creamy Corner's Home Page

Photobucket
Creamy Corner's About Page

Photobucket
Creamy Corner's Recipe Page 1

Photobucket
Creamy Corner's Recipe Page 2

Photobucket
Creamy Corner's Gallery Page

Photobucket
Creamy Corner's Contact Page

Thursday, February 12, 2009

Typography for Digital Media (TDM)

For my TDM class, we were required to redesign a brochure that was chosen by our lecturer.

Here's the original:

Front
TDM

Inside
TDM



And here's the redesigned version of it:

Front.a
TDM

Front.b
TDM

Inside
TDM

Wednesday, February 11, 2009

WDM-enter
WDM-recipe
WDM-about
WDM-contact

First four digital output for my new interface. ^^ However, there are still some changes that i need to do...