Strategic Brief

Project Concept Proposal

This is a project of redesign a commercial website which was given by lecturer randomly. The website that i need to redesign is body perfect,http://bodyperfect.com.my/. It is a website that selling some product, some promotion and also giving some services like spa,facial to woman.In this project, we are not allowed to change the logo,identity and reposition the brand. What we need to do is learn the basic concept and redesign the website with new design or idea. We have 8 weeks to create at least 8 pages of HTML and finish it in that 8 weeks.




Current Site's Analysis

The purpose of the website is let user know more about the facilities and benefits of beauty. Other than that, they also list out all the treatment,for example, face, body slimming, body beauty & wellness , bust care, spa, and beauty services.They also show out their success story and some awards. They provide email address, location of the beauty center and telephone number for all the people who interest to do some treatment or buy their products. The target audience is woman.

There have some pages that need to improve. The font that used is too simple, they like to use boxy shape to design the web page, the size of the picture are not accurate, there are no hierarchy for the arrangement of words,and also some space are wasted.





Client's Analysis

Body Perfect believe that being beautiful is for everyone. Can get to experience and enticingly new realm of beauty treatments at here. With the perfect combination of nature, state of the art technology and skill, They promise you the best very best in professional beauty care. All of the
treatments are technologically advanced and exclusive- imported from some of the leading
scientifically forward countries like USA, France and Italy.

Their treatments are also ISO certified and have the US FDA stamp of approval and patent. They are also endorsed by leading dermatologists in USA, Europe and Japan. They create a very good atmosphere, a very good environment for the beauty treatment. They promise an unforgettable and mesmerising experience with their internationally trained Beauty Managers, who will guide through your beauty requisites.




Short & Long-term Site Goals

For the short term, they should add more promotion to attract more costumers attention to their
package. Now they just have one promotion. There is not enough to attract more and more people. Other than that, they should promote some special package during some festival like buy one free one. But until now, they never update and change their promotion even the Hari Raya is coming soon.

For the long term they should do more promotion at some public places such as shopping mall or some advertisement of the beauty center. In TV programme, i never saw the advertisement of this beauty center.Compare with the other beauty center such as London, weight. They should promote more product in their website and also do some advertisement in TV programme to get more attention by costumers.




Target Audience

-Their target audience is female, anyone who like beauty.

For the career opportunity part:

Operations Manager:
-Female candidate aged 30 and above with 5 years of experience in the retail and service operations section.
-Possess relevant tertiary qualifications and have strong analytical skills.
-Able to work independently and oversee the daily operations of the assigned Body Perfect outlet.
-Must have exceptional management and leadership skills.

Beauty Consultant:
-Female candidate aged 25-35 years.
-Experience in the beauty industry would be an added advantage.
-Able to cooperate and efficiently assist the center/ Beauty Manager accordingly.
-Aggressive, results oriented, willing to learn and have pleasant personality & good communication skills.

Senior Beauty Therapist:
-Female candidate aged 18 and above.
-Preferably with least 2 years of experience.

Junior Beauty Therapist:
-female candidate aged 18 and above
-Those who has keen interest in beauty but with no beauty training are encouraged to apply.

Customer Service Executive:
-Female candidate aged 21-30 years.
-Able to provide excellent customer service support. Computer literate.
-Possess good interpersonal and communications skills and exude excellent phone manners.
-Able to converse fluently in English and Malay.

Masseur:
-Female candidate aged 21-30 years.
-Preferably with at least 2 years of experience.




Competitor's Analysis

Primary Competitor:V L Skin care http://vl.com.my/vl_skincare/index.html

VL Skin care is a center that has treatment for those with problematic sensitive skin, transforming them to a silky smooth radiance glowing with beauty. The treatment such as hair care, body care, normal skin, acne skin, and sensitive skin. They have a lot of product to promote compare with the Body Perfect. The webpage is very nice, warm, comfortable.

Other than that, they also show out all the achievement from year 2002 until 2008. From that we can get a lot of information and some news. From this way can attract a lot of customers attention.

Secondary Competitor: London Weight Management http://www.londonweight.com/

London Weight Management is a center which is helping the people who face overweight problems. The treatment are not same with the Body Pefect. They just focus in the weight problem, but Body Perfect's treatment contain many areas such as skin care, slimming body, spa, etc...But the promotion part, London has more promotion and advertisement than Body Perfect.

Tertiary Competitor:SK ii http://www.sk-ii.com/home_ww.php

Treatment on face,they sell a lot of products like purifying, renewing, brightening, nourishing,
anti-aging, protecting, and enhancing.




MooDboaRD







Web Design 2 - 4 url of beautiful commercial site

1. SAMSUNG url:http://www.samsung.com/my/

main page





2. yonex url:http://www.yonex.com/

Main PageBag
Racquets


3. NIKE url: http://www.nike.com.my/

Main Page
Products (Basketball)
4. SK2 url:http://www.sk-ii.com/home_ww.php

HomeAbout UsLive ChatWhat's NewProducts

Web Design 2 - 4 url of competitor

1. http://vl.com.my/vl_skincare/index.html
main page



VL Expertise
VL Product
Contact Us

2.http://www.londonweight.com/
Main Page
About Us
Our Services
Contact Us

3. http://www.spavillage.com/tembokbali/index.htm
HomeContact UsSpa TreatmentDining
4. http://www.yunnamhaircare.com/main.html
About UsCommercialProfessionalContact Us

Web Design 2 -4 screenshot of client's site ( critique )

1. The circle (red arrow) put at there got a bit weird. Not suitable for the design and the environment.
2. The font that used is simple.
3. The women who sit at there, make people confused, don't know whether is sit on the sea
or ?









1. All thing in box . looks boxy.
2. The font a bit big, let me feel too many space was waste, should change the size.
3. Some of the font was bold, some are not.
4. The size of the picture can be smaller.





1. The photo at the left is nice and clear.
2. But the size of the 4 photo at the bottom can be bigger.
3. No hierarchy, the arrangement of the words.




1. Too boxy
2. Using the same photo with the main page, and just overlap the women.
3. Do not have any design, waste the space.
4. A bit rigid




url : http://bodyperfect.com.my/home.htm

Web Design 2 :4 URL of design tutorial

Tutorial
photoshop



-http://www.hongkiat.com/blog/41-nicest-photoshop-photo-effects-photoshop-tutorials/
-http://www.tutorialized.com/
-http://www.freevectors.net/
-http://photoshoptutorials.ws/
-http://www.good-tutorials.com/

illustrator
-http://www.ndesign-studio.com/resources/tutorials/
-http://www.smashingmagazine.com/2008/02/05/illustrator-tutorials-best-of/
-http://www.tutorialized.com/tutorials/Illustrator/1
-http://www.noupe.com/tutorial/vector-illustration-60-illustrator-tutorials-tips-and-
best-practices.html
-http://www.tutorialguide.net/design/adobe_illustrator/

Web Design 2 :4 URL tutorial - html , css , javascript

URL of CSS tutorial
-http://www.cameronolthuis.com/2006/04/top-10-css-tutorials/
-http://www.w3schools.com/Css/default.asp
-http://www.echoecho.com/css.htm
-http://www.csstutorial.net/
-http://htmldog.com/guides/cssbeginner/

URL of HTML tutorial
-http://www.w3schools.com/htmL/
-http://www.htmlcodetutorial.com/
-http://www.echoecho.com/html.htm
-http://www.blinkx.com/video/adobe-dreamweaver-html-and-
xhtml/l7RD3YmYMJxcHtYQQisrIQ

URL of JAVASCRIPT tutorial
-http://www.echoecho.com/javascript.htm
-http://www.w3schools.com/JS/default.asp
-http://www.javascriptkit.com/javatutors/
-http://www.tizag.com/javascriptT/

Web Design II - Sitemap









Web design 2 - Gantt Chart









MOODboard





" hOw 2 。 。 。"

1st idea : how i made him/her surprise

1. who am i - keh yao ,be a magician, want to teach u some tricks of magic by using a very
simple thing
2. who is he/ she - any friend, any people
3. what for - to learn something that is easy but can let other people feel surprise
4. 1st task - using poker card to hv some tricks
5. 2nd task - using a rope to show a magic
6. 3rd task - using 2 pencil and one paper for the magic trick
7. what we need for the preparation - poker card, rope , pencil & paper
8. outcome - how to use the things of life to make a magic (special n amazing~ )


2nd idea : how to draw a cute cartoon with simple shape and line

1. who am i - a person who teach u draw cute cartoon
2. what kind of cartoon - animal and people
3. what for - to learn how to use simple shape but still can draw a cute thing
4. 1st task - draw animal
5. 2nd task - draw people
6. 3rd task - draw vehicle
7. what is the preparation thing - pencil, marker pen, paper
8. outcome - learn new thing in drawing


3nd idea : how to make a card (birthday card, etc.)

1. who am i - author
2. who is the person - for those birthday ppl
3. what for - birthday
4. what special - by using simple but special item, can make the card more attractive
5. 1st task - preparation
6. 2nd task - the making
7. 3rd task - the final
8. outcome - how to make it special




Mood Study

That time listen the music,let me feel like i was in a ceremony.
So i use doted line again, and draw out some curve line, and i use some different
color like orange,gold,green,yellow,etc to represent the people who walk on the street.
There has some show or dance in the ceremony. The street is busting, full of people.
I use gold color on it is because it let me feel like the emperor and empress were come out.
It was a noble ceremony.

I use some darker color like dark purple,dark green,brown,gray,etc to represent the people
who stand beside the street and see the show/ ceremony.Along the street was full of people.




When listen this music, was give me some mysterious feeling. So i used some dark color like dark purple, dark green, to express the feeling. That time when draw this artwork, the situation like in the bamboo jungle. So i use big doted line for it to show the bamboo in abstract way. The music let me feel that has a people inside the bamboo jungle and he/she was lost the way to go out, the situation is very scary,worry,darkness,and mysterious. Suddenly the music change to a high key, let me feel like the person who lost saw some light (the way out), the happiness was appear, the feeling of worry,scary,all gone. So ,i use some gaily color like red and orange,and i use it on the sky. It represent firecracker. Even though they lost their way, but they never give up, and finally they saw some light, with the feeling of happiness.



When drawing this artwork, the music let me feel like
something was cover or hiding inside. So i use a lot of gray color
to represent the cloud, it was hiding something that moving or
covering something that was just born out. Then i use some
colorful color to represent the thing that moving, it looks like
a dragon. First,u can see that i using dot line, it is because i
wan show the feeling of "born", it was just "produce". After that,
i use a smooth line to show that the "dragon" was coming out.

I follow the flow of the music to draw out the movement
of the "dragon". The key of music was repeat turning, suddenly
high key,suddenly low key, so the line of "dragon" is curve line. Freedom
was appear through the movement of the "dragon".








Part E : Logo Type Matrix