Digital Product Design
SD-home.jpg

Schooldata.com

 
SD-cover.jpg

Problem
The beta launch of Schooldata.com was coming up, and the design hadn’t crystallized. The site needed a fresh, new visual presence, mobile designs, and well-defined patterns.

Solution
Redesign the application to bring the visual brand to life, ensuring mobile responsiveness, and a tight UI library.


Step 1: The Basics
I started with a foundation of patterns for form-based and static pages. 

SD-sign_up-parent-w_saved-2.png

All pages were simultaneously designed as mobile responsive.

SD_signup-mobile-states.jpg

Step 2: The Homepage
We leaned into chalk-based drawings for brand identity, and showcased them on the homepage.

SD_homepage-desktop.jpg
SD_homepage-mobile-states.jpg

Step 3: My Surveys
Teachers are invited to take surveys for incentives, which feeds the content on the site.

SD_my_surveys-desktop-2.png
SD_my_surveys-mobile-states.png

Step 4: Profile Page
The School Profile page is the most complex page on the site, yet I distilled its content into very few patterns. 

SD_school-profile.png