Mental Health Landing – Gradient & Motion Polish (Faide)

Faide’s long-scroll page introduces a mental-health platform aimed at accessible, stigma-free support - anytime, anywhere. My work focused on translating a thoughtful visual direction into a calmer, more intentional motion system: a living gradient background that carries momentum between sections, consistent animation cadence, and responsive refinements that keep the experience steady across devices.

The existing build already communicated a clear product narrative. The task was to align motion with message - keep interactions supportive, not showy - so visitors can absorb the value of features like Mood Tracking, Journaling, and guided plans without friction. This meant making timing feel natural, ensuring backgrounds transition gracefully, and maintaining visual integrity on smaller screens.

Dynamic background: Implemented the final gradient and added low-amplitude, scroll-aware movement to create gentle handoffs between sections - visually cohesive, light on performance.

Animation rhythm: Audited durations/delays/easing; brought particular elements in line with sibling sequences; reduced micro-stutters by fixing overflow/clip edges.

Responsive tidy: Adjusted spacing, stacking, and type scale for mobile/tablet; verified consistent behavior across modern browsers.