Web Design Process

01. Planning

Review current website & objectives

user research

User research and
identify objectives

user research

Scope of requirements

strategize

Analyze & strategize

goals

Define goals

02. Structure

Concept Phase

Flow chart and sitemap of website

content hiearchy

Define content hierarchy flow

design solutions

Design solutions for brand standards

visual assets

Creating visual assets

Skeleton Phase

Produce overall visual feel and call to actions

wireframes hiea

Creating wireframes and prototypes

wireframe design

user interface

User Interface

Designer’s tool kits:

Photoshop

Illustrator

Sketch

03. Development

Customize back-end and test performance on platforms

photoshop

Prepare page templates and CMS

Add Visuals

Populate visuals and texts

Conduct browser testings

Conduct browser testings

Developer’s Sources:

Sublime Text

WordPress

Drupal

04. Deploy Live

launch

Launching and maintaining the website

Web Design Process