Docstoc

Project Plan Vancouver Film School

Document Sample
Project Plan Vancouver Film School Powered By Docstoc
					AREEM (SKINCARE)



Project Plan
Date: 11 June, 2003
Producer(s): Se-Eun kim
E-mail(s): seeunkim@vfs.com
Class: class 49-10
Term: Term 5
Project Type: Independent Group
Document Version: 0.4
Table of Contents

Table of Contents ........................................................................................................................................ 2
Project Summary ........................................................................................................................................ 3
Audience Analysis ....................................................................................................................................... 6
Functionality.............................................................................................................................................. 10
Content .................................................................................................................................................... 15
Information Architecture ............................................................................................................................. 23
Design ...................................................................................................................................................... 33
Asset Management ..................................................................................................................................... 40
Risks ........................................................................................................................................................ 42
Team........................................................................................................................................................ 43
Quality Assurance ...................................................................................................................................... 44
Project Schedule ........................................................................................................................................ 47




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                                                                       2
Project Summary

      Concept/Theme/Vision
        This project is developing useful information for website about young woman and their skin and beauty.
        Every young woman does not want to be old and she always pursues to be good looking.
         This site will be helpful to check their present skin condition by themselves.

      Objectives
       - Offering young woman to control good skin, keep good looking and look younger.
       - Providing quick ways for women has to solve skin problems.
       - Support young women to make natural beauty.
       - Offering young women for more youthful appearance of their skin.
       - Diminish their fine lines and wrinkles

      Origin
       This idea comes from me because I always get pimples and it is very stressful for me.
       I did a lot of things to make my skin good but the result was not good. I thought that many women have this kind of skin problem,
       not only me.
       This project will be good for all women and me because it will contain useful information about skin.

      Format
       This project will be a website, because a website communicates to the user and consultant easier
       I thought that a website is better to connect everywhere and this site has videos but it is not too much.
       If this project has a lot of videos. I should choose CD-ROM or DVD.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                                                   3
        Research and Brainstorming
        Preliminary research:
        www.c-skin.co.kr, www.interbird.co.kr/skinshop, http://user.chollian.net/~hungrywitch. http://skin.gagsee.com/contents.htm.




       -How to make natural toner: introduce about different kind of toner, e.g.) rose, cucumber, lemon, wine, clear strained rice wine, watermelon,
        wormwood. This part have image sculpture step by step for make toner at home and it will be downloadable for PDF, doc.
        In PDF and doc page have logo mark

       - How to make natural weakly at home. It will be dividing by skin type and weakly effect.
         E.g.) dry skin, normal skin, oily skin, sensitive skin and for white skin, soft skin, etc.
         (Cucumber, tomato, lemon, potato, yogurt, bamboo salt, licorice root, aloe Vera, Job’s tears,)
         This part have image sculpture step by step for make toner at home and it will be downloadable for PDF, doc.

       -2 things separate massage part. One is massage for make small face and other is for prevent wrinkles. It will be show video and audio.
        Technical requirement: video and audio.

       -Skin self-test.- User can be testing their present skin condition by themselves. (Questioner).
                         Technical requirement: PHP

     -Consultation board- User consults with skin care consultant that used board (Q&A)
                     Technical requirement: PHP or ASP
    -Right way of wash face (what is good way of wash face, how to wash)-Include use natural stuff for wash face




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                                                          4
836f951f-b585-4cbd-ad67-70edcaf9340b.doc   5
Audience Analysis

      Research




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   6
      User Profiles
         - PC Window 2000 or XP
         - Pentium IV or III
         - 56K modem, Cable, ADSL
         - Internet explorer 5.0, 6.0
         - Do not know about skin care or a little
         - Have not experience
         -


      Personas

   Sport Player
   Name: Susan Thomas
   Age: 31
   Gender: female
   Marital status: Married
   Occupation Description: Susan was swimming player in Canada. She has been swimming for 15 years.
   Salary:$35000 Per year
   Education: Undergraduate
   Technical limitations: Computer platform – PC, Operating System – Windows 2000,
                             Internet Browser - Internet Explorer 5.1, Internet Connection - ADSL
   Technical requirement from user: Some web knowledge of software, Flash player
   User need: She wants learn about how to make pack at home. Usually she does not have enough time for skincare.
               She want to that is easy to understand and read.
               She hopes that consult with a consultant on the web.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                            7
   Style list
   Name: Patricia Smith
   Age: 44
   Gender: female
   Marital status: Married
   Occupation Description: She is one of the great style lists in North America. Last year he originated the idea of e-kindergarten.
                               Now he is working for broadcasting.
   Salary: $30,000 per year
   Education: Undergraduate
   Technical limitations: Constantly working on the broadcasting, day or night.
   Computer platform – PC
   Operating System - Window XP
   Internet Browser - Internet Explorer 5.1
   Internet Connection - Cable

   Technical requirement from user: Some web knowledge of software, Flash player
   User need: She always works in outside, so she's skin has problem. She wants to make something for her skin
               When she come back home but she does not have knowledge.
               She wants to see step by step instruction for example of how to make pack and toner.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                                               8
   High school student
   Name: Caste Sharon
   Age: 17
   Gender: female
   Marital status: single
   Occupation Description: she is high school student in Vancouver.
   Salary: $0 per year
   Education: high school
   Technical limitations:
                            Computer platform – PC
                            Operating System - Window 2000
                            Internet Browser - Internet Explorer 5.1
                            Internet Connection - 56k modem

   Technical requirement from user: Some web knowledge of software, Flash player
   User need: She always is worried her skin because she has got pimples on the face.
               She does not want to worry so much.
               She wants to know knowledge about pimple and how can reduce that.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                9
Functionality

      Functionality Mapping/Process Flow Diagrams (Overview)




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                        10
836f951f-b585-4cbd-ad67-70edcaf9340b.doc   11
836f951f-b585-4cbd-ad67-70edcaf9340b.doc   12
836f951f-b585-4cbd-ad67-70edcaf9340b.doc   13
      User Scenarios
                                    Action                                              Process
   Login              Login membership (register)   Login page > write ID & pass > come into register page

   Find ID &          When user forgot their ID     Login Page > click search ID & pass button > Open popup window >

   password           &pass                         Type the username and email >press the submit > send > get results > close
                                                    window
                      Search to user Password, ID
   New member         Join Membership and write     Login Page > Click New member button > Open popup window > Type the

                      personal information          member personal information on the fill > press the submit button > send >
                                                    get confirm massage >close

   Self test          Check the user present skin   Register Page > press the self skin test menu > read the questions > answer

                      condition                     the question each pages > submit > send > get result

   Calendar           Check date and write memo     Register Page > press the calendar > show the calendar > check the
                                                    schedules > write memo > submit > send > confirm page > calendar
   Communicate        Write to message              Communicate board page > click write button > type the massage with your

   Board                                            email and name > submit > send > list page

                      Read message                  Communicate board page > click message title for what you want > go to
                                                    detail read page > click list, replay button > list or replay page
                      Delete message                After write message action > click delete button > send >delete massage >
                                                    list page
                      Replay message                After read massage action > press replay button > write to message > submit
                                                    > send > list page
   Guest book         Write the message to          Guestbook page > write the message to administrator > submit > show the

                      administrator                 read page




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                                          14
Content

       Content mapping

        Page ID                 Page name                          Link                        Document Type   Topic, Keywords

0.0 home                   Main             www.vfs.com/~seeunkim/areem                      Index.php
1.0 Skin care              Skin care        www.vfs.com/~seeunkim/areem/skin                 Skincare.php
 1.1 Toner                 Toner            www.vfs.com/~seeunkim/areem/skin/tomer           Toner.php
    1.1.2 Lemon            Lemon_toner      www.vfs.com/~seeunkim/areem/skin/toner/          Lemon. php
    1.1.3 Aloe vera        Aloe_toner       www.vfs.com/~seeunkim/areem/skin/toner/          Aloe. php
    1.1.4 Cucumber         Cucumber_ton     www.vfs.com/~seeunkim/areem/skin/toner/          Cucumber.php.
                           er
    1.1.5 Grapes           Grapes_toner     www.vfs.com/~seeunkim/areem/skin/toner/          Grapes. php
    1.1.6 Kiwi             Kiwi_toner       www.vfs.com/~seeunkim/areem/skin/toner /         Kiwi. php
    1.1.7 Apple            Apple_toner      www.vfs.com/~seeunkim/areem/skin/toner/          Apple.php.
    1.1.8 Bleak tea        Blacktea_toner   www.vfs.com/~seeunkim/areem/skin/toner/          Bleak. Php
    1.1.9 Green tea        Greentea_toner   www.vfs.com/~seeunkim/areem/skin/toner/          Green. Php
    1.1.10 Download        Download_tone    www.vfs.com/~seeunkim/areem/skin/toner/          Down_toner.pdf
                           r
  1.2 Scrob                Scrob            www.vfs.com/~seeunkim/areem/skin/scrob/          Scrob. Php
    1.2.1 Almond           Almond scrob     www.vfs.com/~seeunkim/areem/skin/scrob/almond    Almond. Php
    1.2.2 Apricot          Apricot scrob    www.vfs.com/~seeunkim/areem/skin/scrob/apricot   Apricot. Php
    1.3.3 Bean             Bean scrob       www.vfs.com/~seeunkim/areem/skin/scrob/bean      Bean. Php




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                                    15
    1.4.4 Pineapple        Pineapple        www.vfs.com/~seeunkim/areem/skin/scrob/painapple      Pineapple. Php
                           scrob
  1.3 Moisturizer          Moisturizer      www.vfs.com/~seeunkim/areem/skin/moisturizer          Moisturizer. Php
  1.4 Eye cream            Eyecream         www.vfs.com/~seeunkim/areem/skin/eyecream             Eyecream. Php
     1.4.1 Vitamin         Vitamin cream    www.vfs.com/~seeunkim/areem/skin/eyecream/vitamin     Vitamin. Php
     1.4.2 Orange          Orange cream     www.vfs.com/~seeunkim/areem/skin/eyecream/orange      Orange. Php
   1.5 Cleanser            Cleanser         www.vfs.com/~seeunkim/areem/skin/cleanser             Cleanser. Php
     1.5.1 Cucumber        Cucumber         www.vfs.com/~seeunkim/areem/skin/cleanser/cucumber    Cucumber. Php
                           Clean
     1.5.2 Seaweed         Seaweed clean    www.vfs.com/~seeunkim/areem/skin/cleanser/seaweed     Seaweed. Php
     1.5.3 Egg             Egg clean        www.vfs.com/~seeunkim/areem/skin/cleanser/egg         Egg. Php
     1.5.4 Bean oil        Bean oil clean   www.vfs.com/~seeunkim/areem/skin/cleanser/beanoil     Beanoil. Php
     1.5.5 Milk            Milk clean       www.vfs.com/~seeunkim/areem/skin/cleanser/milk        Milk. Php
     1.5.6 Rice water      Rice water       www.vfs.com/~seeunkim/areem/skin/cleanser/ricewater   Ricewate. php r
                           clean
     1.5.7                 Cucum& potato    www.vfs.com/~seeunkim/areem/skin/cleanser/c&p         c&p. php
Cucum&potato
   1.6 Best of wash face   Wash wway        www.vfs.com/~seeunkim/areem/skin/bestwash             Bestwash. Php
2.0 Special care           Special care     www.vfs.com/~seeunkim/areem/special                   Special. Php
  2.1 Make small face      Make small       www.vfs.com/~seeunkim/areem/special                   Small. Php
                           face
    2.1.1 Chin             Chin _shape      www.vfs.com/~seeunkim/areem/special                   Chin. Php
    2.1.2 Cheek Bone       Cheekbone_sh     www.vfs.com/~seeunkim/areem/special                   Cheek. Php
                           ape




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                             16
    2.1.3 Forehead         Forehead_shap      www.vfs.com/~seeunkim/areem/special         Forehead. Php
                           e
    2.1.4 Nose             Nose_shape         www.vfs.com/~seeunkim/areem/special         Nose. Php
    2.1.5 Fresh eye        Eye_shape          www.vfs.com/~seeunkim/areem/special         Fresheye. Php
  2.2 Anti Wrinkle         Anti Wrinkle       www.vfs.com/~seeunkim/areem/special         Wrinkle. Php
    2.2.1 Eye wrinkle      Eye wrinkle        www.vfs.com/~seeunkim/areem/special         Eye_w. php
    2.2.2 Nose mouse       Nose mouse         www.vfs.com/~seeunkim/areem/special         Nose_w. php
    2.2.3 Cheek            Cheek              www.vfs.com/~seeunkim/areem/special         Cheek_w. php
    2.2.4 Forehead         Fore head          www.vfs.com/~seeunkim/areem/special         Forehead. Php
3.0 Pack (mask)_           Pack               www.vfs.com/~seeunkim/areem/pack            Pack. Php
  3.1 Pack is…             Pack is            www.vfs.com/~seeunkim/areem/pack            Pack is. Php
  3.2 Skin type            Skintype           www.vfs.com/~seeunkim/areem/pack/skintype   Skin_t. php
    3.2.1 Dry skin         Dryskin            www.vfs.com/~seeunkim/areem/pack/skintype   Dry. Php
    3.2.2 Oil skin         Oilskin            www.vfs.com/~seeunkim/areem/pack/skintype   Oil. Php
    3.2.3 Normal skin      Normalskin         www.vfs.com/~seeunkim/areem/pack/skintype   Normal. Php
    3.2.4 Sensitive skin   Sensitiveskin      www.vfs.com/~seeunkim/areem/pack/skintype   Sensitive. Php
    3.2.5 Red skin         Redskin            www.vfs.com/~seeunkim/areem/pack/skintype   Red. Php
  3.3 Effect of pack       Effect             www.vfs.com/~seeunkim/areem/pack/effect     Effect. Php
    3.3.1 Remove horsy     Remove             www.vfs.com/~seeunkim/areem/pack/effect     Remove. Php
    3.3.2 White            White              www.vfs.com/~seeunkim/areem/pack/effect     White. Php
    3.3.3 Refresher        Refresher          www.vfs.com/~seeunkim/areem/pack/effect     Refresher. Php
 4.0 Pimple                Pimple             www.vfs.com/~seeunkim/areem/pimple/pimple   Pimple. Php
   4.1 Organ               Organ              www.vfs.com/~seeunkim/areem/pimple/pimple   Organ. Php
   4.2 Sort of pimple      Different Pimple   www.vfs.com/~seeunkim/areem/pimple/pimple   Sort. php




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                   17
   4.3 Control             Control          www.vfs.com/~seeunkim/areem/pimple/pimple          Control. Php
 5.0 Register              For member       www.vfs.com/~seeunkim/areem/regi                   Register. Php
   5.1.1 Login             User login       www.vfs.com/~seeunkim/areem/regi                   Login. Php
   5.1.2 Community         Talk with        www.vfs.com/~seeunkim/areem/regi                   Board. Php
board                      members
   5.1.3 Calendar          Check            www.vfs.com/~seeunkim/areem/regi                   Calendar. Php
                           schedule
 6.0 Link                  Link to anther   www.vfs.com/~seeunkim/areem/link                   Link. Php
                           site
 7.0 Sitemap               About all site   www.vfs.com/~seeunkim/areem/sitemap                Sitemap. Php
 8.0 Guest Book            Write memo       www.vfs.com/~seeunkim/areem/guestbook              Guest. Php
 9.0 Credit                copyright        www.vfs.com/~seeunkim/areem/credit                 Credit. php


       Determination of content tone and style
   This site will use green color on main interface. Look like feeling of pure and innocent.
   Green color make to natural feeling and it is comfortable to user eye.
   This site determined content tone and style like the womanly
   Video look like very soft and restful




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                       18
        Storyboards (these can be inserted as scans or handed in separately)
   (Special care massages part)




       Scene 1                scene1-1         scene 2                scene 2-1          scene 3         scene 3-1
    Front middle              FM_close         left or right middle   scene 2_close up   camara moving   scene3_close up
    First take front face     same as scene1                          stress on point
    And model will do
       action by step.
   (Reference=scripts)




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                              19
   (Pimple) – Storyboard




   (Reference=shortlists and shortlists)




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   20
       Scripts
    Special care massage
    This is example of scripts for special care section.(step by step)
 (Shaping an oval chin)
    1) First, completely stretch out your palm and then rub your chin in the direction
   2) Pinch in your skin from the chin up to the ear line. Divide your skin into 3 parts (center, left, right of your chin part)
   3) Starting under downward to the line of chin with your finger but control the power from strong to soft. Repeat 10 times
   4) Use your hand palm; rob from the chin to ear until your skin gets hot. Repeat 10 times.
(Shaping nice forehead)
  1) First, use your palm; rub your forehead horizontally, vertically and diagonally. Repeat 10 times.
  2) Put your point finger and middle finger on middle of your forehead, and rub horizontally, vertically and diagonally. Repeat 10 times.
  3) Use you end of finger, massage like a scratch the through the line of border between hair and forehead
(Eye)
  1) Put your palm on your eye, rub up to down. Repeat 10 times.
  2) Put your palm on your eye, and then left your skin up.
  3) Push around the temple with point of your fingers massage like make a circle inside 10 times and outside 10 times.
(Shaping a slim cheek)
  1) Push around the temple with point of your fingers, Repeat 10 times
  2) Push around the middle of cheekbone slowly with your finger. You can control the power from strong to soft. Repeat 10 times.
  3) Cover both of your cheek with your hands, massage like making a circle. Repeat 10 times.
  4) Grab your cheeks with your thumb and point fingers, Pinch slightly. Repeat 10 times
(Shaping a higher-nose)
  1) Push the lowest part of your nose, which is in the middle of your eyes, strongly with your point fingers. Repeat 10 times
  2) Push upside from the point next your nose until meeting your brow strongly and slowly. Repeat 10 times
  3) Push upside from the bottom of your nose to the top of your nose like lifting your nose up. Repeat 10 times.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                                                     21
        Shortlists.
    Special care massage
0.1 show model's front face
0.2 model act as action (step1 - step2 -step3 -step4)
      step1 - teach the point on the face
      step2 - act by order
      step3 - repeat 10 times
0.3 shoot close up (front)
0.4 Camera move to right or left (depend point)
0.5 shoot different position
0.6 She (model) wills 0.2 again.
0.7 close up the face
0.8 camera move to right from left
0.9 shoot close up again
(Repeat all video part)
    This is a storyboard of animation in pimple
0.1 High school student leave from home and going to school
0.2 She study very hard but class room is not good environment.
0.3 Also she is playing with friends but outside is covered with dust
0.4 Her face is reflected in a mirror
0.5 Her face is so drawn when she watch the face
0.6 show the how to produce the pimples (process)
0.7 she wash up the her face
0.8 she's smile face
0.9 She goes to bed and take good sleep.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                22
Information Architecture

      Schematic Diagrams (numbered)




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   23
  1.0   SKIN CARE – here is how to make basic skincare stuff at home
      1.1Toner - for toner
         1.1.1 Rose - make toner use to rose, show images step by step for recipe
         1.1.2 Lemon - make toner use to lemon, show images step by step for recipe
         1.1.3 Aloe vera - make toner use to aloe, show images step by step for recipe
         1.1.4 Cucumber - make toner use to cucumber, show images step by step for recipe
         1.1.5 Grapes - make toner use to grapes, show images step by step for recipe
         1.1.6 Kiwi - make toner use to kiwi, show images step by step for recipe
         1.1.7 Apple - make toner use to apple, show images step by step for recipe
         1.1.8 Bleak Tea - make toner use to bleak tea, show images step by step for recipe
         1.1.9 Green Tea - make toner use to green tea, show images step by step for recipe
         1.1.10 Download – for download toner section (PDF)
   2.0 SPECIAL CARE – for anti_wrinkle and make beauty
      2.1 Make small face – video for show how make to small face
          2.1.1 Chin – video for make nice chin shape
          2.1.2 Cheek Bone – video for shaping cheek bone
          2.1.3 Forehead – video for make a soft forehead
          2.1.4 Nose – video for make high nose
          2.1.5 Fresh eye – video for make fresh eye
      2.2Anti Wrinkle – video for show how prevent to wrinkle
          2.2.1 Eye wrinkle – video for how prevent to eye wrinkle
          2.2.2 Nose mouse - video for how prevent to wrinkle near mouse
          2.2.3 Cheek -
          2.2.4 Forehead
3.0     PACK (MASK) - here is introduce about how to make basic pack at home
      3.1 Pack is....
      3.2 Skin type
          3.2.1 Dry Skin – pack for dry skin
                3.2.1.1 Banana – for make banana pack
                3.2.1.2 Grapes – for make grapes pack
                3.2.1.3 Watermelon – for make watermelon pack
          3.2.2 Oil Skin – pack for oil skin
                3.2.2.1 White of egg – for make white of egg
                3.2.2.2 Carrot – for make carrot pack
          3.2.3 Normal Skin – pack for normal skin
                3.2.3.1 Cucumber – for make cucumber pack
                3.2.3.2 Apple – for make apple pack




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                      24
                3.2.3.3Yogurt – for make yogurt pack
                3.2.3.4Egg – for make egg pack
                3.2.3.5Milk – for make a pack, use milk
         3.2.4 Sensitive Skin – pack for sensitive skin
                3.2.4.1Aloe Vera – for make aloe pack
                3.2.4.2Job's Tea – for make job’s tea pack
         3.2.5 Red Skin – pack for red skin
                3.2.5.1Orange – for make orange pack
      3.3 Effect of pack – different pack effect
         3.3.1 Remove horsy – for remove horsy on your skin
                3.3.1.1Black sugar – for make black sugar pack
                3.3.1.2Cucumber – for make cucumber pack
                3.3.1.3Yogurt – for make yogurt pack
         3.3.2 White – for make white skin
                3.3.2.1Lemon – for make lemon pack
                3.3.2.2Watermelon – for make watermelon pack
                3.3.2.3Kiwi – for make kiwi pack
         3.3.3 Refresher – for make more fresh skin
                3.3.3.1Milk – for make milk pack
                3.3.3.2Tomato – for make tomato pack
                3.3.3.3Strawberry – for make strawberry pack
   4.0 PIMPLE – information about pimple
     4.1 Organ
     4.2 Sort of pimple
     4.3 Control
   5.0 REGISTER
     5.1Login – membership section
         5.1.1 Community board -
         5.1.2 Skin care check – for user can check their skin type
         5.1.3 Calendar – for memo and schedule
   6.0 LINK – link anther site
   7.0 SITEMAP
   8.0 GUEST BOOK
   9.0 CREDIT -




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                              25
(Taxonomy)




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   26
This is the taxonomy of schematic in skincare (AREEN) website
All everything set in array like format type which is audio, video, image, html, php and content folder.
In side folder, it divided menu name on site.


(Nomenclature)
   linkName_#.jpg
   button_status_#.jpg
   page_#.html
   page_#.php
   flash_Name_#.fla
   flash_Name_#.swf
   footage_linkName_number
   edited_Name_#.mov
   editing_Name_#.mov
   Name_#.swf
   audio_Name_#.midi
   audio_Name_#.midi
   audio_Name_#.wav
   audio_Name_#.swf
   content_Name#.txt
   object_Name#.jpg
   object_Name#.gif




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                   27
      Wire frames




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   28
836f951f-b585-4cbd-ad67-70edcaf9340b.doc   29
      Workflows/Interactive Storyboard




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   30
836f951f-b585-4cbd-ad67-70edcaf9340b.doc   31
836f951f-b585-4cbd-ad67-70edcaf9340b.doc   32
Design

        Style Guides
   - Color choice
    This site has different subordinate color on the page.
    Main page will be use green color skim; it will be make clean and fresh feeling.




       Which is basic color of other page (blue, yellow& orange, red, pink?)




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                               33
836f951f-b585-4cbd-ad67-70edcaf9340b.doc   34
   - Type choice




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   35
      Design Composites/Mockups (main page)




836f951f-b585-4cbd-ad67-70edcaf9340b.doc       36
       Design Research
        Research 1
        Neutrogena: http://www.neutrogenacosmetics.com




       The Neutrogena site is one of famous basic skincare website. They have a lot of branch store in the world.
       Many young women used Neutrogena product for washing face.

       Pros: This site use blue color skim, it makes that give to user for more cool and clean feeling.
             Well icon image and good image used, good navigation usability.

       Cons: This site has too many actionable menus.
            General overview, this site uses a dull color. No color change effect.
            90% is white color sometimes it looks clean but it is monotonous.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                            37
       Research 2
       Clinique: http:// www.clinique.com




       This clinique site also one of best skincare Product Company.
       They have a lot of skincare products and it also divided by skin type.

       Pros: This site use green color. Usually green color make to feel comfortable to people
             In intro page, this site has language choose section, products image and big clinique text
             It will be emphasize that what site and what for.

       Cons: All images have bordered it make to feeling not soft. The navigation is dropdown menu but it is so slow.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                                38
       Research 3
       Sisley: http://www.sisley.tm.fr




      Pons: This site is very womanly and soft. They use gray color and it will march with flowers.
           In intro page, have popup window like requirement for explore.
           Good image, well brand and unique design site.
           Every page change main color.

      Cons: this site has chosen a category on the right top but it is so many options and it make real.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                   39
Asset Management




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   40
Taxonomy and nomenclature
Pre-production
 Mockup_#.jpg
 Schematic_#.jpg
 Wireframe_#.jpg
 pro_flow_#.jpg
 tech_requirement_#.doc
 fun_mapping_#.gif
 storyboard_#.pdf
Production
 linkName_#.jpg
 button_status_#.jpg
 page_#.html
 page_#.php
 flash_Name_#.fla
 flash_Name_#.swf
 footage_linkName_number
 edited_Name_#.mov
 editing_Name_#.mov
 Name_#.swf
 audio_Name_#.midi
 audio_Name_#.midi
 audio_Name_#.wav
 audio_Name_#.swf
Back up
Word and text files: Zip disc and ftp server on web space will be used for all document files (every Thursday)
Image files: a rewriteable CD-ROM will be use for images because it is a lot of size. (Every Thursday)
HTML and PHP files: it will be save on the bigbert server, Zip disc and seeunkim.com web space (every Thursday)
Flash files: it will be save on the bigbert server, Zip disc and rewriteable CD-ROM (every Thursday)
Video files: It is large file, so it will be save on the computer and CD-ROM (every Thursday)
Audio files: wav file will used on the server, and midi file will save onto zip disc for backup(every Thursday)




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                          41
Risk



Risk                                                    Solution
Content - not enough information about skincare, pack   Get copyright from anther web site.
and all site content.                                   Get from book.
User do not have flash plug in                          Link to download get flash plug in download.
Spend a lot of time to translate Korean to English      Get copyright from website or prepare content early.
Do not have enough time to make Language section        First make English Part and copy it.
and link and can not finish on time.                    Just use same image, change the text and link.
Many images on site. It will be make loading slowly     optimize all image




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                       42
Team



              Se - Eun Kim                             Hee - jin Lee                          Jenifer Yu

Role : Producer, Project Manager           Role : Programmer                    Role : Animator
       Graphic Designer, 3D designer
       Interface Design
Skill: Photoshop, Illustrator,             Skill: Php. Prel, HTML,CSS           Skill: Flash MX, After Effect, Final
       Typography, Flash MX,                   JavaScript, Lingo,Actionscript   Cut Pro, Pro Tool, DVD Studio Pro,
       3D studio Max, Cult 3d                                                   QTVR
       Print design
Working: seeun will work graphic           Working: Liz will work programming   Working: Jen will work 2 min
design, image editing video, record        with php. She will developing all    animation on pimple part.
voice, navigation and basic html and       html and php site.                   It has story and show why pimple
php.                                                                            has broken out again on face.
-main work
Create image, icon, main and page
design.




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                               43
Quality Assurance

      TEST FROM INSIDE VFS
        Tester       Jun-Ho Moon (Class 49)           Justin Jcohen (calss49)          Jennifer Yu (class 49)


        Stream          Programming                       Programming                      Audio /Video


        Method Jun-ho will test the                  Justin wills consult me about   Jennifer wills consult with
                     programming                     interface and navigation        me about the video /audio
                     Functionality, usability, and   grouping and chunking.          level, quality and
                     the Value for skincare          *Design testing                 compression.
                     (Areem) website with PC
                     and Mac.
                     * Code standard
                       - W3c standards
                       - Doctype




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                           44
      TEST FROM OUTSIDE


         Tester           Sang- Jung Joo                       Sun – hwa     JO



         Occupation Php programmer                             Postgraduate course student(computer
                                                               programming)

         Method           Sang-Jung will provide advice me     Sun-Wha will provide consult to me
                          about usability of the member ship   about the general skincare (Areem)
                          section and plug-in testing.         website images, suitability of colors and
                                                               usability of navigation.




      TESTING CONDITIONS
         - PC Window 2000 or XP / MAC os9 or osx
         - Pentium IV or III / Power Mac or G4
         - 800X600, 1024X768, 1280X1024
         - 56K modem, Cable, ADSL
         - Internet explorer 5.0, 6.0 / Netscape 4.7, 6.0, 7.0




836f951f-b585-4cbd-ad67-70edcaf9340b.doc                                                                   45
      DEFECT TRACK FORM (VIA E-MAIL)




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   46
Project Schedule




836f951f-b585-4cbd-ad67-70edcaf9340b.doc   47
836f951f-b585-4cbd-ad67-70edcaf9340b.doc   48

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:11
posted:12/6/2012
language:Latin
pages:48