St. George School
St. George Episcopal School, a private JK–8 institution in San Antonio, Texas, sought a refreshed online presence that reflected the school’s excellence and vibrant community. Their previous WordPress website was outdated and lacked maintenance. The administration had a strong vision for a professional design that showcased their school’s character and featured an engaging background video.
Objective
With the administration’s vision at the forefront, the main focus of Design TLC was to:
- Replace outdated website with a modern, professionally designed site.
- Incorporate a background video to tell the school story.
- Elevate site design to reflect the school’s strong reputation and character.
- Highlight alumni and community voices to build social proof.
- Include historical content.
- Ensure ease of content updates by staff.
Approach
Working with designer Allison Le, we designed and created an elegant, unique, and professional website that helps position St.George as the top-notch institution it is known to be. Subtle backgrounds, a modern color palette and fonts, and advanced interactive elements combined make this website stand out! The school also produced a nice background video which they wanted to feature on the home page to help tell the school story.
We incorporated “Community Stories” as a website feature. Their alumni have gone on to top colleges and hold prestigious and interesting jobs, including Texas Assistant Attorney General and Shark Tank entrepreneur! We created a slider on the home page to feature alumni, parents and teachers describing what they love about St. George. This dynamic content does for social proof, showing potential families what is special about the school through the eyes of people who have been or are part of the community.
To feature their historical content we used some animation and hover effects to create a timeline on the history page, which made use of some great old photography and documents. We also used accordions and tables to help present content in that is easy to read on all devices.
While the St. George website contains a lot of complex elements, we built it so that they can easily edit the content themselves, including adding new stories from community members, new staff, events and news posts.
Outcome
The new St. George Episcopal School website presents the school as a top-tier educational institution with deep roots and a thriving, connected community. With flexible templates and a polished design, the site offers a strong first impression to prospective families while empowering the school to maintain and grow their content in-house. Overall, this new website should stand the test of time, just like St. George School!
Key features include:
- Stronger brand representation through elegant, distinctive design.
- Increased engagement through community-driven content and alumni highlights.
- Enhanced usability across devices with responsive and organized layouts.
- Empowered internal team to manage content updates independently.
- A durable, future-ready website that reflects the legacy and excellence of St. George.
Before
New Website
