Maryvale Academy logo 20th anniversary

Maryvale Academy

Deliverables

  • Website Redesign
  • New Visual Identity: Colour Palette, Typography
  • Hero-banner Video Edit from B-roll Footage

Project Description

Maryvale Academy’s website underwent a full redesign in WordPress and Elementor to establish a fresh yet traditional visual identity that feels both timeless and inviting. Every page was reimagined with a richer color palette — expanding the faded light‑blue and grey into three complementary accent hues — and updated typography to reinforce the school’s heritage while energizing its online presence. Streamlined user flows guide families through academics, admissions, school life, and a dedicated campaign section. Lastly, a dynamic hero‑banner video assembled from B‑roll footage brings Maryvale’s vibrant community spirit to life.

Live website will soon be available.

Maryvale Academy Independent School website redesign using Wordpress and Elementor

Goal

Give Maryvale Academy’s website a refreshed, elegant look that honors its Catholic tradition, and positions the school as an inviting, vibrant community for prospective families and supporters.

Approach

I began by talking to the school stakeholders and reviewing top independent‑school websites to shape a clear site map and storytelling flow. Then I revitalized the faded light‑blue/grey palette by adding three complementary accent colors and selected typography that feels both timeless and stylish. After that, I translated everything into a fully responsive, mobile-friendly site using WordPress/Astra and Elementor — enhanced with custom PHP snippets Finally, I wove in a dynamic hero video assembled from supplied B‑roll to immediately connect visitors with Maryvale’s mission.

Challenges

Balancing the school’s conservative elegance with a chic, up‑to‑date look tested my design judgment, while building custom pages with Elementor widgets demanded meticulous cross‑device testing — all under the pressure of my first real‑world client deadline.

Results

The result is a fully responsive, launch‑ready website praised by the board for its refreshed branding and intuitive navigation. The new design, color palette and typography instantly feels up‑to‑date yet rooted in tradition; the Donations page is now impossible to miss; and the hero video immediately immerses visitors in Maryvale’s vibrant community from the moment they arrive.
Maryvale Academy homepage Our school and about us page School life and academics page Giving page Giving campaign for maryvale's new building page
Expanded view