Schoolhouse Supplies
Website: Schoolhouse Supplies
Project Objectives
Restructure content to simplify navigation and drive users where they need
Create a mobile-friendly website
Brighten and enliven brand to reflect the core mission of the organization
The Process and Approach
Schoolhouse Supplies came to us with a tight deadline. They wanted to update their outdated website to be mobile friendly before a fundraising push during year one of the COVID-19 pandemic.
Schoolhouse Supplies provides free school supplies to Portland area teachers and students, ensuring no child is ever without a pencil. Supporting them on their rebrand and website update was such an honor.
Visual Identity
Providing school supplies to kids? Their brand needed to be fun, light and friendly. Keeping their logo, we elevated the colors to create some joy, applying it in more places to evoke lightness and happiness. We brought in crayon-like elements to create layers and texture. We were careful not to make it childlike, continuing to present the organization as respected and established, ensuring trust.
User Experience
We restructured the site, removing older, no longer useful content, combining and separating others as needed. The organization had multiple audiences—donors supporting the organization through donations and attending events, teachers and schools scheduling supply shopping, parents purchasing supplies, and volunteers reaching out.
From analytics we knew that most visitors were mobile to the website. And the website wasn’t supporting their mobile viewing. We considered various user journeys and how we could support each experience.
An intuitive structure and a mobile-first design was out priority. We also developed a color system to group website sections visually.
Website Design and Development
Applying our updated brand to a fun, mobile-first website resulted in a much more straightforward experience for every visitor. We went live on time and the fundraiser was a huge success.