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.
Tuesday, June 16, 2009
WD2 - Enhancement Stage 2
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'
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
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
Click on images to view larger.
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
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-
website.
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.
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.
HP
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
http://vandelaydesign.com/blog/
http://www.myinkblog.com/category/tutorials/
http://www.pixel2life.com/
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-
-About page-
-Products page-
-Contact page-
Pros:
1. Although it has a boxy navigation, I like the simple design and the treaments applied to thiswebsite.
- 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.
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.
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.
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.
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.
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
1. Beautiful art direction. Very fantasy like.
2. Voice over made the site feel more fantasy
2. Voice over made the site feel more fantasy
Alpine Meadows
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.
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.
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.
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/tutorialhttp://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/tutorialshttp://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...
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 .^^
Creamy Corner's Enter Page
Creamy Corner's Home Page
Creamy Corner's About Page
Creamy Corner's Recipe Page 1
Creamy Corner's Recipe Page 2
Creamy Corner's Gallery Page
Creamy Corner's Contact Page
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 .^^
Creamy Corner's Enter Page
Creamy Corner's Home Page
Creamy Corner's About Page
Creamy Corner's Recipe Page 1
Creamy Corner's Recipe Page 2
Creamy Corner's Gallery Page
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!
Creamy Corner's Enter Page
Creamy Corner's Home Page
Creamy Corner's About Page
Creamy Corner's Recipe Page 1
Creamy Corner's Recipe Page 2
Creamy Corner's Gallery Page
Creamy Corner's Contact Page
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!
Creamy Corner's Enter Page
Creamy Corner's Home Page
Creamy Corner's About Page
Creamy Corner's Recipe Page 1
Creamy Corner's Recipe Page 2
Creamy Corner's Gallery Page
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
Inside
And here's the redesigned version of it:
Front.a
Front.b
Inside
Here's the original:
Front
Inside
And here's the redesigned version of it:
Front.a
Front.b
Inside
Subscribe to:
Posts (Atom)