Web Ecosystem Design for Aurae's Digital Wellness Platform by Zoe P.Web Ecosystem Design for Aurae's Digital Wellness Platform by Zoe P.
Built with Framer

Web Ecosystem Design for Aurae's Digital Wellness Platform

Zoe P.

Zoe P.

Case Study: Aurae

Role: Web Designer
Tools Used: Framer, Affinity Suite (Designer, Publisher)
Deliverables: UX/UI Design Architecture, Web Production & Deployment
Aurae is a privacy-first digital wellness ecosystem that translates real-time biometric telemetry from wearables, such as heart rate variability (HRV), sleep cycles, and stress proxies,into dynamic, generative neuro-acoustic soundscapes.
The goal was to design an interactive web architecture that mirrors the product's core philosophy: creating a beautifully restrained digital environment that fades seamlessly into the background to restore internal calm.
How do you design a visual identity and web experience for an application that actively avoids trapping the user's attention? The solution required immense restraint, balancing sophisticated technical precision with a visceral sense of tranquility. The interface needed to feel less like a piece of software and more like an open digital sanctuary.

3. Visual Strategy & Art Direction

We intentionally rejected cold, clinical medical blues and generic "zen" greens. Instead, we curated a dynamic, fluid mesh gradient combining Lavender, Mint, and Light Blue, overlaid with a rich, tactile chromatic noise texture. This gradient serves as a direct visual metaphor for the shifting internal states of the human nervous system.
To project both authority and mindful clarity, we paired a sophisticated, high-contrast Editorial Serif for main headings (bringing structure and intellectual depth) with a hyper-clean, geometric Sans-Serif for body prose to optimize legibility and minimize cognitive load.
The smartphone viewport was treated like a premium printed editorial layout rather than a cluttered app interface. We stripped away excess metadata, defaulting to a serene "Welcome Back" landing state centered entirely around user calm.
Built completely on Framer, the web ecosystem utilizes an elegant, asymmetric layout grid. Information is spaced with generous padding, giving the typography room to breathe and allowing the user to digest the manifesto without feeling rushed.
Like this project

Posted Jun 30, 2026

Designed a calming web ecosystem for digital wellness using Framer and Affinity Suite.

Likes

1

Views

0

Timeline

Jun 9, 2026 - Jun 29, 2026

Clients

Aurae