Written By
Colin Ulin
On
March 21, 2017
Posted In

22 Wireframes - and Even More Ideas!

March 21, 2017

Today we kicked off with a full morning of wireframing to prepare us for design and development starting in the afternoon.

Exodus team wireframing.

Wireframing is a part of all our website projects and involves sketching out layouts of key pages and important elements before converting them into polished designs. By taking the time to flesh out the key elements of a site early, we are able to anticipate content needs and development and design challenges ahead of time. While the designer, Sarah, starts bringing some of these wireframes to life, the content team can start creating content to supplement the new sections of the site and I can begin researching solutions for some of the trickier pieces of functionality.

Deb describing her wireframe.

For this project, we wireframed the Home, Stories, About, and Who We Serve pages. In total, we sketched out 22 wireframes and brainstormed tons of new elements, from interactive maps to fancy slideshow functionality. What became clear from comparing everyone's ideas was the need for large imagery and compelling artwork to help tell Exodus' story and the stories of their clients.

Wireframe voting.

As we move into mood-boarding, creating new content, and, finally, designing, we'll get to see the wireframes come to life and the Exodus' website start to form, but we still have a long way to go!