top of page
ep-hero.jpg

K-12 Education

As a software developer in the K-12 education market, the client wanted a modern website developed using Drupal CMS platform. I sourced a great development company and lead the design process working with their marketing team.

Previous Web Site

The previous site was a fixed width that didn't scale to fit resolutions of tablets and high-res monitors and was not mobile friendly.

ep-previous-site.jpg

Competitor Research

Using Google search and interviews with marketing team,  top competitor's web sites were reviewed for industry standards and usability.

ep-competitive.jpg

Site Map

Site map updated to reflect desired user flows and organization. It was determined that users needed to be able to navigate by role as well as by product.

site-maps.jpg

Whiteboard Sketches

Collaborative meetings were held to  build the initial whiteboard sketches. Overall organization of key pages were used to create initial wireframes. 

ep-whiteboard-sketches.jpg

Wireframes

Basic wireframes were developed for the home page and product feature layouts.

ep-wireframes.jpg

Design Inspiration

The team was challenged to choose website styles from all industries that appealed to them. We discussed the results and narrowed down the elements and style to include in the initial mockups.

ep-inspiration.jpg

High-Fidelity Mockups

Mockups were created to review with the team. Details were determined as the process evolved.

ep-mockups.jpg

Custom Imagery

Because stock photos are limited for education they are often found in the competitor's marketing and web sites. A photo shoot was not in the budget at this time so custom images were created by combining people from non-education stock photos and backgrounds to ensure unique K-12 imagery.

ep-custom-photos.jpg

Carousel Slides

Slides were designed to tell the story of the product offerings in a simple, visual way. Happy people with good eye contact were chosen to encourage a connection with the users.

ep-carousel-slides.jpg

Custom Icons

Icons were developed simplify navigation representing product features and offerings.

ep-icons.jpg

Final Prototypes

Prototypes were finalized to hand off to development team.

ep-final-prototypes.jpg
ep-final.jpg
bottom of page