1. This slide presentation contains the current project for a screen design course through the Art Institute of Pgh online division.
Due to some experiences in ballet, the subject is focused on developing boys/male character.
The goal is to create a unique site encouraging their development as dancers and leaders.
Christina KrausslachDec 2010

2. Initial Screen Picture
3. Mood Board
4. B&W Drafts
5. B&W Choice
6. Revised B&W
7. Home Pg | Color Draft
8. Inside Page | Color Draft
9. Final Color Typography Analysis
Christina Krausslach http://kuler.adobe.com/#themeID/1149202
Wk6F ~ Screen Design Makeover ~ Development of Visual Elements (Part 1)

Color Guide } Castle (hm pg.) and Study
Overall Web Color Guide | Ballet Prince |
http://kuler.adobe.com/#themeID/1148976
if one clicks the tiny icon to the right of the theme name (in this
case Ballet Prince), it opens up a really neat window revealing the
Hex colors and type of Color Rule used. In this case it was a Custom Rule.
Typography Color Guide | Ballet Prince Type | http://kuler.adobe.com/#themeID/1149202
10. Final Color Typography Analysiscont.
11. Final Color Typography Analysiscont.
12. Final Color Typography Analysiscont.
13. Final Home Page
14. Final Inside Page
15. Christina KrausslachIMD131Dec 2010
Conclusion
Changes | in this project include navigation link color and font on the bottom of both the home page and inside page; link font and spacing on left inside page.
User Feedback | The majority of the changes necessary involved the above according to. All other feedback involves more multimedia functioning such as pop-up windows for audio and product picture enlargement (the small yellow box on inside page which does not actually have a photo due to copyright).
The Goal | is to create a unique site encouraging primarily boys and young men to develop as dancers and leaders.
Typography | is to be creative, balanced and give a personal feel as if inside a castle. A basic Russian castle image was created to honor the worldwide influence of ballet originating in Russia.
Visual Elements | include texture (background, object fill, shading), volume (use of gradient fill), depth (contrast of light and dark color), movement (repetition with size variation as well as shape through the swirls (whimsy), balance, unity (cohesive colors and functional shapes), visual hierarchy on home page is castle image first due to size and top down through the typography while on inside page is left to right due to typography and function.