At the heart of the SAE website design were two key design elements: parallax scrolling and a playful grid layout. Parallax design brought a dynamic edge to the user experience, letting visitors dive into content with smooth, immersive scrolling. Alongside this, a super playful grid layout added an extra layer of visual excitement, showcasing SAE's creative spirit.
Introducing gradients to each pillar amplified depth and contrast, unlocking new possibilities for our colour palette. This nuanced enhancement not only intensified colour variation but also expanded their versatility across the site's design.
From application forms to detailed course pages we ensured a cohesive user experience; with all interactions, error states and hover states considered to work seamlessly on dark and light backgrounds. Additionally, the development team was provided with a comprehensive UI kit for efficient implementation.