Web Design Process

Plan

a. brief
goal, intended audience, what

b. research
content gathering
competitive analysis
target audience research:
i) demographic: age, gender, language,
ii) psychographic: culture, slang, interests
iii) technical: device, screen size, browser

Design
Information Architecture (illustrator)
– Sitemap – hierarchy (prioritization), structure, user-flow
– wireframe diagrams

Mockup – Photoshop
– colour, typography, motives, layout, grid