A site that provides parents with school details, reviews, tour sign-ups, and travel options—all in one place, without the need to navigate multiple sites.SchoolMe
![](https://freight.cargo.site/t/original/i/1bad70ca20b3d637a653b01dbea0cb4eb580220d28db4de95114dfc62a38514b/Sample-for-JPS.jpg)
![](https://freight.cargo.site/t/original/i/7e28792ab003c4b87f19c25efb8729af68e1712c296bcc6751bd1b9055260a69/Sample-for-JPS--1.jpg)
![](https://freight.cargo.site/t/original/i/de1116117fff50de6a1c8c1eb4e0884351c37e04ac35710734b4b37cb2104154/Sample-for-JPS--2.jpg)
![](https://freight.cargo.site/t/original/i/3344d5391831470fb3758e05d9caf09dff66767d64a83ac6f9173801e248eef9/Sample-for-JPS--4.jpg)
The Research
Five parents participated in the research survey, and their goals and frustrations were incorporated into the persona creation.
![](https://freight.cargo.site/t/original/i/04d29594d421e1d7ca9f0ed83aa91c5358e0525da66d480772289d3bbb59ff2a/SchoolFinder-Persona-1.jpg)
The Challenge
Create a site that offers parents school details, parent reviews, tour sign-ups, and travel options without overwhelming them with excessive data. The sitemap helped simplify the navigation system, while the digital wireframes provided a vision where hovering over a card changes its color. Additionally, the school’s location on the map is highlighted, displaying the distance from the user’s house.
![](https://freight.cargo.site/t/original/i/a219c622c3fff548bf6a3611b538bf856d748ec809a9f7559ee251d306b3abac/Web-1920--3.jpg)
![](https://freight.cargo.site/t/original/i/dc0ab1e656d31311d004c44d1909e565139b01508b5ab933dd43d6003e5c394e/Screenshot-2023-07-28-at-12.52.50-PM.png)
![](https://freight.cargo.site/t/original/i/fe3b63a0a46795a4a9ad41452034f3dd9af7190712acd2710ff9809466f77c6d/IMG_9919.jpg)
![](https://freight.cargo.site/t/original/i/38fdf9ecc58adc0c4ee5174295aa91d89d794f266ea7af97db10ddd39e9208b7/UX-SCHOOLME-for-website-portfoliopg2.jpg)
Usability Study Findings
![](https://freight.cargo.site/t/original/i/090e2e8a29640569ad65bdc49941dcd0f5a3ccb74ad364d3db0fbb294b6a5c0c/UX-SCHOOLME-for-website-portfolio2.jpg)
Additionally, participants wanted to have access to information about the distance to schools from their home. However, this information was missed due to an overload of information on one page. In response, the distance info was repositioned to function as a school search option.
Desktop and mobile variations facilitate easy access for people using various devices, resulting in a responsive site.
![](https://freight.cargo.site/t/original/i/6da355ce5de202e89170a8d3d3a3f5217a62b75cae33c7462794a5d642072964/Large-GIF-2152x980.gif)
Project Summary
The objective was to design a website for finding schools. The research revealed that parents often navigated various sites to find information about a school. The challenge required including as much school data as possible without overcrowding the website’s design. Emphasis was placed on creating a responsive site to enhance the user experience across different devices. Additionally, color contrast was highly considered, ranging from 18.83:1 to 10.96:1, ensuring accessibility for users with diverse visual needs.
![](https://freight.cargo.site/t/original/i/0dfc8af28974a45e4102b8334c49232367614d0782bd6b9181a3e8dc07420f8a/iPhone-14-Pro--8.jpg)
Next Steps
Users' feedback indicated a positive response to the wealth of school information provided. However, the next steps involve conducting further usability testing to evaluate the effectiveness of the rating filter and to identify whether rearranging schools by distance poses a significant challenge for users.
Role
UX Researcher/Designer
Responsibilities
Conducting interviews, user research, ideation, paper and digital wireframing, lo-fi/hi-fi prototyping, creating a responsive site, conducting usability testing, and iterating designs.
Programs
Adobe XD / Adobe Illustrator
UX Researcher/Designer
Responsibilities
Conducting interviews, user research, ideation, paper and digital wireframing, lo-fi/hi-fi prototyping, creating a responsive site, conducting usability testing, and iterating designs.
Programs
Adobe XD / Adobe Illustrator