Website Redesign: Wireframing

Website Redesign: Wireframing jtomasino3 Sat, 11/16/2019 - 23:01

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

PHASE 2: DESIGN

Wireframes are 2D illustrations indicating where the major navigation and content elements will appear on a webpage.

 

Design homepage wireframes.

Include full screen and responsive views/layouts.

Resource: How to create wireframes

Design main template-page wireframes.

Include full screen and responsive views/layouts.

lightbulb iconTIP:
While this is happening, the content team can begin assigning, gathering, and organizing content. At the same time, the web developers can begin working on any backend features that do not require design. The backend is the part of the website that users do not see or interact with.

 

Resources: 

Next Step

The design process continues with the visual design phase.