Web Design 2 : Final Project - Yong Sheng

Just finish my web design 2 project - to redesign a commercial site.

click here to browse the site or http://fannsaw.reubenteo.com.

This is not a complete site.

Target Audince :

- Age : 20 - 39

- People who stay overseas / far away from home

User Testing Q&A

1. How do you find the website user friendly?

- Yes

- No (to question 2)

- Others : _______________________________________

2. Why it is not user friendly?

- ____________________________

3. Can this website identify its own company?

- Yes

- No

- Kinda

- Others : _______________________________________

4. Can you understand the navigation buttons?

- Can

- No

- kinda

- Others : _______________________________________

5. Can you understand what is this website aabot?

- Yes, please tell me about it________________________________________

- No

- kinda?

- Others : _______________________________________

6. How is the position of the navigation?

- Yes

- No

- Kinda

- Others : _______________________________________

7. Can you find out more about the product?

- Yes,

- No,___________________________________________

- Maybe?

- Others : _______________________________________

8. Lets say you want to go to the "Cherrie & Lychee" page, can you find it easily?

- Yes

- No : ___________________________

- Kinda.

- Other : _______________________

9. Do you find the shipping information useful?

- Yes

- No

- Where is it?

- Other :_________________________

8.Will you suggest people to view my site?

- Yes,

- No,___________________________________________

- Maybe?

- Others : _______________________________________

9. Will you visit my site again?

- Yes

- No.

- Other : ____________

1o. Does the website load fast?

- Yes

- No

- Other : ______________

11. Compared to their current site (here), which website looks better?

- Mine

- Theirs

- Mine

12.How would you rate this site?

- *****

- ****

- ***

- **

- *

- Others : _______________________________________

13.How do you feel about this site?

Comments, question, suggestions : ___________________________________________________

14. Your age, and gender : ___________________

15. Are you far away from home?

- Yes

- No

Thanks a lot!!!!

Web Design 2 : Final Project - Strategic Brief

Project Definition -

This is a project to re-design a commerical website which was given by lecturer randomly - website of Yong Sheng Confectionery (http://www.yongsheng.com.my/). The main purpose of redesigning is to imrpove the current layout, aesthetic and practicality of the website but not changing the company identity and logo. Research will be done based on the behaviour and need of the target audience when browsing the website. The scope of the redesign is to increas the traffic and usage of users into Yong Sheng Confectionery website. We are giving 8 weeks to finish at least 8 pages of design and coding(HTML page).

Client Site's Analysis -

Company Background

Yong Sheng Confectionery is a confectionery manufacturers in the southern region of Malaysia that focuses in the production of quality wife cakes, moon cakes, cookies, pastries and hampers. It was established in 1952 in Muar, Johor.

Current Site's Analysis Goals

- fusion of eastern and western design to bring out an elegant to bring out the baba nyonya feeling rather than just safe but not interesting design

- scrollbar navigation is confusing as it blends in real well with the design

- building a community among customers to ensure their trust and to gain confidence

- always keep promotion updated

- give an identity to Nando's Malaysia

- more friendly user

- simpler with interesting content

- list more about the product, and service that they provide

Short & Long Term Site Goals

short term goal :

- updates on more promotion with print-out discount vouchers.

- current events that happening in the company

- set their website theme according to different festivals and happenings to show that they are concern towards different races and cultures of their audience.

long term goal :

- make sure the return of the user and customers and their support to the company.

- customers to continue to support and communicate with the company. Building confidence and trust from the customers.

Target Audience

- target audience are those who love wife cakes, mooncakes, traditional cookies and pastries

- age : 20 - 40, because they know how to use internet, spend most time with computer and no time for family or they are overseas.

- who wish to purchase online and send it to friends / family that is in different country / out station

Competitor's Analysis -

Primary Competitor :

Baker's Cottage (http://www.thebakerscottage.com.my/index.html)

- as a manufacturer of premium cookies, mooncakes and frozen dough.

- they also own cafe chain in Malaysia

- fonts too small, hard to read.

- lousy pictures, not attractive, look like those illegal chinese toy factories

- but mooncake images are better.

Secondary Competitor :

HYT Food Industries - Casahana (http://www.hytfood.com/)

- they manufactures and supplies mooncakes, assortment of cookies and pastries

- all the products also come with very attractive packaging, with a concept behind every year

- very nice design (website), but too small.

- not informative about the products, only display the product name.

Tertiary Competitor :

Tai Thong (http://www.ttrb.com.my)

- besides restaurants, they also sell mooncakes and homemade traditional biscuits

- their mooncakes and traditional biscuits are certified HALAL by the Islamic Development Department of Malaysia

- website look like secret recipe's website, no identity

- images are too large for website, and hard to read.

- takes a long time to load the images

- images are in 1 whole piece

Web Design 2 : Final Project - Moodboard

click to enlarge

Web Design 2 : Final Project - Questionare 1

1. Do you buy mooncakes?

- Yes

- No

- others : ___________

2. Do you eat mooncakes?

- yes

- no

- others : ____________

3. If you buy mooncakes, where do you usually get them?

(please choose not more than 3)

- mooncake outlets

- shopping malls / super market

- online (websites)

- gift shop

- pasar

- grocery stores / convenient stores / mini markets

- Chee cheong kai (Petaling Street)

- others : ____________

4. If you are loyal to a brand and they have a website, would you check them out?

- yes

- no

- others : ________________________

5. Would you buy mooncakes online?

- Yes

- No

- others : _____________

7. If a brand provides online delivery services worldwide, would you be attracted?

- Yes

- no

- others : _________

8. Why would you purchases mooncakes online?

- a gift back to family / friends at hometown

- a gift for family / friends overseas

- buy for myself

- send to clients as gift

- others : _____________________

9. What kind of mooncakes website is attractive to you?

(please choose not more than 2)

- colorful websites

- nice pictures

- list of products

- long history

- advertisement

- design is not a matters

- others : ______________

10. If there is a new mooncake flavor would you find out them online?

- Yes

- no

- others : _________

11. When you buy a mooncake, what sort of information would you like to know about it?

(please choose not more than 3)

- ingredients

- price

- weight

- nutritional facts

- promotions

- testimonials from celebrities/pornstars

- others: ____________

12. What else would you like to know from a mooncake website?

(please choose not more than 3)

- history of mooncake

- history about the company

- the outlets

- why my mommy buys from them

- how they are made

- services (restaurants, gift shops, customizable gifts, etc.)

- others: ________________

Web Design 2 : Final Project - URL Research

Web Design 2 : Final Project - Sitemap

Web Design 2 : Final Project - Gantt Chart

Web Design 1 : Celebutante - User Testing

Just finish most of my web design 1 project - to build a html page, using dreamweaver CS4.

Its really challenging, cause we are actually rushing projects for digital media 2, design method 2 and also typo... ooh ya, and also visual fund 2 & SEA.. Hope i passsss all the subs la...

Anyway, i post some of my screen shot of the web project and wanna do user testing here...

click here (http://celebutante.freehostia.com/)to view the site, thx alot for helping me..

This is my 1st web assignment, it is an incomplete site, some buttons are not ment to work.

Target Audince : Young Adults(age 16 - 29)

User Testing Q&A

1. How do you feel about the site

- Glamorous

- Cute

- Funny

- Sux

- Others : _______________________________________

2. How is the color mode of the site?

- Glamorous

- Cute

- Funny

- Sux

- Others : _______________________________________

3. Can you understand the navigation buttons?

- Can

- No

- kinda

- Others : _______________________________________

4. Can you understand what is this website aabot?

- Yes, please tell me about it________________________________________

- No

- kinda?

- Others : _______________________________________

5. Do you know what is a "Celebutante"?

- Yes, go to question 7

- No, go to question 6

- kinda?

- Others : _______________________________________

6. Do you know what is a "Celebutante" after viewing this site?

- Yes

- No

- kinda?

- Others : _______________________________________

7.Will you suggest people to view my site?

- Yes, (thx alot ar.. love u most d.. hahahha..)

- No,___________________________________________(help me promote ma...i know my site sux)

- Maybe? (dont hesiate d, jux tell ppl lah...)

- Others : _______________________________________

8. (question removed)

9.How would you rate this site?()

- *****(Very Good, can earn money d, xD)

- ****(Not Bad, can teach ppl d, hahahahah....)

- ***(pass lah, still need add oil in TOA..)

- **(kanasai, do sales la, dun study mm d...)

- *(sux sux sux, even a high school student can do better thn his)

- Others : _______________________________________

10.How do you feel about this site?

Comments, question, suggestions : ___________________________________________________

11. Your age, and gender : ___________________

What is a "Celebutante"?

- It usually applies to young women expected to inherit a fortune, like Paris Hilton or Nicole Richie who have become celebrities because of their riches, and not necessarily because of demonstrated talent. On the other hand, young actresses like Lindsay Lohan who have given excellent performances in the past and are sitting on pretty fortunes may also be considered a celebutante.

Typography for Digital Media

Typography | Re-design (Starbucks Leaflet)

Front Page

(click to enlarge)

Back Page

(click to enlarge)

Web Design 1 Project - How to...?

Mood Board

Mood Board 1  (click on image to enlarge)

Mood Board 02 (click on image to enlarge)

Mood Board 01 is more luxury and glamourus.

This is inspired by all those high-brand, like Louis Vitton, Chanel, Prada, Fendi and so on, the tv series, Gossip Girl, 90210, The O.C, and the book - The It Girl.

The design is more simple and clean. 

Mood Board 02 is more to femenin, pink, and girly. 

The reason why i choose this direction is basically from a girl's point of view(most of the girl).

Most of the girl like pink, strawberries, cherrie, cupcakes, more femenin stuff.

I personally prefer the 1st mood board, 'cause most of the high-brand are the fashion icon of all of the girl, and i dont really comfortable with those pinky stuff and those pinky princess. But the 2nd theme can be also a very challanging theme for me because i didn try things like this before. 

Web Design 1 Project - How To...? Flow Chart

Flow Chart

click image to enlarge

Web Design 1 Project - How to ... 2

How to look like trust fund babes / Celebutante.

Who i am - Fashion Critique

Who they are - people who would like to be like thm

What for - dress better, look better, look more confident

Tasks - how to dress like them in a inexpensive way

- Tips to look like them before start all the make over!

- Start from head to toe. Your hair. Does it need an update? Cut it, color it, or just look in front of the mirror one day and practice some great hairstyles. Pluck your eyebrows. Give yourself an at home facial. 

- Smile! Smile 24/7, dont show your bad hair or bad mood to others!

- Be unpredictable in your fashion choices.

- Don't follow mainstream fashion trend.

- Accessories are a must! 

- Act like there's an invisible tiara on your head, that you need to know that when you walk in a room, you're the most exciting girl in it, but don't act mean and still have to be like yourselves!

- Confidence not arrogance. Walk upright, be proud of who you are. 

- Take care of yourself. Life is all in the details.

- Do not over-accessorize. Don't overdo the makeup; 

-Remember to wash your face twice a day as well as exfoliate with a scrub once a week. Moisturize you skin every night and drink lots of water for healthy flawless skin.

- Have fun with your new look!

- 7 days to college

1. Monday

2. Tuesday

3. Wednesday

4. Thursday

5. Friday

6. Saturday

7. Sunday

- 7 Outfits for 7 different occassion

1. Dinner with family

2. Clubbing Night

3. Hanging out with friends

4. Dating

5. Formal/Presentation

6. Movie with best buddies

7. Casual day out!

- Others 

- shoes

- bags

- accessories

- fitness

- cosmetics

- hair and body care

- hairstyle  

Outcome - Look like them, but dont have to spend like them!

Others - gallary, mv, tv show, songs, hotspots(club, restaurant, travel place, etc)...