JohnathanFong_Project2_Process

Project 2 | Process work | March 11, 2008


Originally, I aimed to make "manage.me" as streamlined as possible. High contrast, black and white, with nothing but typography to create a clean visual aesthetic. However it became clear through the design process that my layouts needed a bit more personality, which is how I realized my final visual concept.
 * Design Rationale**

The goal was to maintain a modern grid-structure, creating just enough interest without being offensive. As a portfolio website for self-managed models, it was important that the design of manage.me remain as simple and "selfless" as possible, considering that detouring attention away from portfolio content would defeat the website's purpose. There was also the issue of choosing colors that were genderless, because in the fashion/modeling industry there is such a strong female presence that often the men are overlooked. Manage.me, by remaining neutral with subtle earthy tones, incorporates a design that is inviting for both sexes.

A slightly smaller resolution was chosen to accommodate various screen resolutions, allowing for optimum viewing capabilities without much adjustment. In the end, I hope to have achieved both an effective and practical design while developing a solution for this project.

++++++++++++++++++

Celebrities as a medium and streams to consider Establishing personas Developing rough site concepts Mapping site-based persona activities
 * Initial process work package**

__Download__: [|FONG_JOHNATHAN_initial_process.pdf]

++++++++++++++++++

Re-developed personas ([|FONG_JOHNATHAN_personas.pdf]) Specific scenarios ([|FONG_JOHNATHAN_scenarios.pdf]) Final site map ([|FONG_JOHNATHAN_final_site_map.pdf])
 * Secondary process work**

++++++++++++++++++

Content and design inspirations ([|FONG_JOHNATHAN_inspirations.pdf]) Logo identity ([|FONG_JOHNATHAN_logo_identity.PDF])
 * Tertiary process work**

__Developing a visual style__
 * 1st idea with grid ([|FONG_JOHNATHAN_idea_1.pdf])
 * 2nd idea without grid ([|FONG_JOHNATHAN_idea_2.pdf])
 * Final Visualization without grid ([|FONG_JOHNATHAN_final_visualizations.pdf])

CSS/html dummy ([|FONG_JOHNATHAN_wireframe_screens.pdf])

++++++++++++++++++

Download website folder ([|FONG_JOHNATHAN_website_final.zip]) When viewing my website, please begin with index.html. Also, __helvetica light__ has been included for optimal viewing.
 * Final website**

++++++++++++++++++


 * CSS tutorials referenced:**

http://www.w3schools.com/

[|Visual Quickstart Guide: HTML, XHTML & CSS (6th edition)] by Elizabeth Castro

++++++++++++++++++

Page created by JohnathanFong.