School on Wheels

Highlighting a brand through UX design.

Digital Product Design
Visual Communication

A great organization  should have an equally fantastic website… but that isn’t always the case, as most of us have experienced at one time or another. It’s especially crushing when a nonprofit that effectively serves a cause we love is being held back by a site that is dull or difficult to navigate. This was the case with our recent clients, School on Wheels. Their mission could not be more noble or their execution more on target— they provide academic help to children who are homeless or living in shelters and foster care in Southern California.

SOW_Desktop

When School on Wheels approached us for a simple site refresh, we soon discovered that a quick update wasn’t going to be enough to boost their message and reach more users. Because so many different users visit the website, their content was dense and the site hierarchy was often misleading. In order to give School on Wheels a truly user friendly and well-branded site, we needed to take a deeper dive into organizing their information.

The first piece of our solution was a comprehensive workshop in which we worked with School on Wheels to better understand the needs of their site users. We all took part in an exercise that categorized all the content from their current site onto index cards — by dividing the information into categories that we could physically group and move around, we were able to better understand how each part of the site relates to the others. This activity is not only important for our team to understand the site content but also for our clients to think critically about their website and its function. This exercise enabled our team to turn almost 70 pages of information from the site into just five main pages accompanied by a logical grouping of pages in the footer. Together, these elements formed an organized site map with a clear hierarchy.

 

SOW_Screens

 

In addition to the information architecture, our design also played a big role in creating a streamlined, usable site that highlights both School on Wheels’ mission and adds consistency to the brand. By offsetting the playful, bright color palette and youthful typeface with a very simple layout, we were able to draw users directly to the mission statement and images of the children who benefit from School on Wheels’ tutoring services. Our goal was to funnel visitors to the site directly into their desired pathway, whether that’s to donate, volunteer, or simply to find more information on the mission and programs.

 

SOW_Timeline

 

At verynice, we know a streamlined and approachable site does more than just provide users with a good experience. By creating a site that School on Wheels can use to funnel visitors into their network as volunteers, donors, and advocates, we hope to empower them to grow their community of support— and effectively expand their mission to provide more tutoring services to underserved and homeless children.

 

SOW_Mobile

 

SOW_Tablet

Credits

Strategic Direction:
Matthew Manos

Design Direction:
Kate Manos

Art Direction/Design Lead:
Alisa Olinova

Design:
Josiah Pak, Jessica Nam, Jean Pongsai, Elisa Michelet

Project Management:
Noah Goldberg-Jaffe


Causes

Education


Immigrant Heritage Month

Design Strategy
Visual Communication


Branding a movement that celebrates America's rich immigrant heritage.

View Project

City of West Hollywood

Design Strategy
Strategic Foresight


Designing an Innovation Academy to build capacity for government staff

View Project

NRDC: Demand Clean Power

Design Strategy
Visual Communication


A national campaign to demand clean power.

View Project