Website Redesign: Visual Design

Category

A NON-WEB DEVELOPERS GUIDE TO A WEBSITE REDESIGN
Download the template now

PHASE 2: DESIGN

Built upon a sound UX strategy, the design process continues with the visual design of the website.

 

Determine the overall visual feel.

Use the Drupal theme as a base. Be sure to review the Institute's Brand Guide and Web and Digital Style Guide.

Resources:

Design homepage and main page mockups.

Using approved wireframes, design a homepage mockup including full screen and responsive views/layouts.

lightbulb icon
TIP:
Before creating mockups for the rest of the pages, take the homepage mockup all the way through the review and approval process.

 

Create and gather visual assets.

These assets include buttons, calls-to-action, photos, and videos.

Resources: 


Next Step

When all of the mockups have been approved, the project will move into the development portion of the build phase.