Role: UI/UX, Strategy, Design
Category: Education
Timeframe: 2016 - 2017
Tools used: Adobe Illustrator, Photoshop, Invision, XD
Challenge
Seminole County Public Schools (SCPS) is evolving the K-12 education landscape. As a Premier National School District, they are challenging the status quo and driving innovation in the classroom for nearly 70,000 students every day. Despite being the second highest ranked school system in the state of Florida, they struggled with an expanding field of choices for education. As elite private schools continued to elevate their perception as higher value alternatives, SCPS found themselves competing for students and the mindshare of parents across their communities.
Seminole County Public Schools (SCPS) is evolving the K-12 education landscape. As a Premier National School District, they are challenging the status quo and driving innovation in the classroom for nearly 70,000 students every day. Despite being the second highest ranked school system in the state of Florida, they struggled with an expanding field of choices for education. As elite private schools continued to elevate their perception as higher value alternatives, SCPS found themselves competing for students and the mindshare of parents across their communities.
To adapt, SCPS needed to transform their web presence and reposition their brand as a high-performing school system. The challenge was daunting: their existing school websites were dated, unattractive and difficult to maintain – especially by non-technical staff. The navigation was confusing, making it difficult for visitors to find simple information like summer reading lists or lunch menus. Many of their websites were also not easily accessible to users with disabilities, greatly hindering the overall user experience.
Solution
First, collaborated with key SCPS leaders to craft a compelling story reflecting the district’s mission, vision and values. Through intensive discovery sessions and focus groups, established the key components of the SCPS brand, as well as a website framework to meet the needs of a diverse audience.
With many private school websites carrying a $100K+ price tag, SCPS needed a smart solution for rebuilding dozens of websites in their district. To help deliver a value-based strategy with agency-quality results for each school, I created a design package with a comprehensive training component – building the initial templates and then teaching each school to build and maintain their own websites. This approach saved SCPS thousands of dollars in development costs while empowering its staff to be more productive.
To help SCPS elevate their perception and compete more effectively with private schools, I designed a mobile responsive, visually-driven user experience – elevating the use of beautiful images and graphics. A more intuitive navigation – complete with an “I want to…” search capability – helped connect visitors with frequently searched topics such as teacher bios and schedules.
With many private school websites carrying a $100K+ price tag, SCPS needed a smart solution for rebuilding dozens of websites in their district. To help deliver a value-based strategy with agency-quality results for each school, I created a design package with a comprehensive training component – building the initial templates and then teaching each school to build and maintain their own websites. This approach saved SCPS thousands of dollars in development costs while empowering its staff to be more productive.
To help SCPS elevate their perception and compete more effectively with private schools, I designed a mobile responsive, visually-driven user experience – elevating the use of beautiful images and graphics. A more intuitive navigation – complete with an “I want to…” search capability – helped connect visitors with frequently searched topics such as teacher bios and schedules.
Homepage Wireframe Desktop
UI Style Guide
A web style guide was created to set the stage for the color palette, typography, image treatment,
icon treatment, button styles and other ui components.
A web style guide was created to set the stage for the color palette, typography, image treatment,
icon treatment, button styles and other ui components.
