Leisy Vidal

Case Study

Foundation Academy

The Project Brief For

Foundation Academy

While working as a designer at Designzillas, I was assigned to work with the leadership team at Foundation Academy, Central Florida’s number one private Christian K-12 school, to revamp dozen of web pages into a more functional, streamlined, web experience for the school.

We made the user experience friendlier to tell the voice of Foundation Academy from the start, and the story of their three separate campuses uniting as one. Their old home page banner went from a single image slider with events to a full background video showcasing their three campuses, a CTA for better lead conversion that links directly to scheduling a tour, and a warm welcome from the principal, so that there’s a face to the name behind the school. All the new personal touches and updates to unite the three campuses via triages of color and imagery really made this new redesign come alive for their targeted user personas.

Step 01

User Flows and Wireframes

The Designzillas team got together for quite a few planning sessions to map out a full sitemap, user flow, and simple wireframes of each and every page. We outlined detailed acceptance criteria, content, design, and development needs on a per page, per section basis, for every single part of their web experience. With so many user personas and use cases at stake, we knew we couldn’t have let any important user flows go unplanned. Here’s a more detailed outlined of some of the earlier planning documents we outlined as a team.

A screenshot of an early sitemap of the website done in-house at Designzillas as part of project planning, with detailed acceptance criteria, content, design, and development needs outlined on a per page, per section basis.

Step 02

HIgh-Fidelity User Interface Designs

From the approved sitemap planning meeting and rough wireframes, we moved into more solid high-fidelity designs. I started playing with different font pairings, layouts, photography styles, and menu designs. To be able to unite the presence of their three unique campuses as one, I used a triad of colors, collages of three-images, imagery of students of all age levels.

From left to right: views of global design regions used in the home page and about page of the website.

Step 03

Project Summary

Once the UX and UI for this project was approved, the designs and assets were handed over to the Designzillas development team during a full design to developer handoff. The Foundation Academy website is now live, and we continue to iterate on their web experience by designing and developing additional pages, monitoring data, testing experiences via A/B testing, and marketing the site via digital and print ads.

 

Back to all Case Studies