Fully redesigned in 2018 and updated again in 2024, the Academy of the Sacred Heart website is fully mobile responsive and uses two different logo SVGs to swap between a wider logo on desktop and the school’s traditional crest on mobile.
Visit the demo site: willyates.org/ash1818org
2024: A major revision to the Admissions page was completed, in addition to updates to the school logo and video. Additionally, I custom coded a replacement for an accordion menu plugin and implemented glightbox to reduce load times.
2018: In the past, I had usually updated the ASH website as a summer project, which left plenty of time to iterate on the design, flow, and content. However, this revision had a very tight deadline and was conceptualized, designed, built, and filled with content in about a month and a half. There was certainly plenty to keep me busy 🙂
Content Management System: WordPress- E-Commerce / Online Store: WooCommerce
- Web Forms and Donations: Gravity Forms
- WordPress CMS and plugins allow end-users to maintain the site.
- Fully custom theme and graphics
- Call to action buttons drive users to Visit, Apply, and Give
- CSS Grid keeps top logo and CTA buttons aligned on landing page
- Mobile resolutions swap the wide logo to a circular logo / crest
- CSS Flexbox lets News items fill as device width scales (Calendar events and the School Goals do this too)
- Responsive-Nav for dropdown menus on desktop and hamburger-tap menu on Mobile
- App-style experience for “Add to Homescreen” shortcut on mobile
Visit the live site: ash1818.org
Visit the demo site: willyates.org/ash1818org
