01 / custom website
A marketing site for Fern, a wellness app in beta. The goal was to introduce the product without making it feel clinical, technical, or over-explained.
Fern is a wellness app designed to help people notice patterns across symptoms, routines, food, energy, and everyday life.
The website was built to introduce the product clearly and support early beta growth without relying on heavy marketing language or dense onboarding flows.
The product already had a strong visual direction before the site was developed. The challenge was translating that feeling into a usable web experience without losing clarity.
Most wellness websites lean heavily into productivity language, medical framing, or oversized claims. Fern needed a calmer presentation that felt more personal and reflective.
The site also needed to work well across mobile devices since most early visitors were expected to come from phones.
The project started in Figma with a full visual system covering:
The visual direction was built around soft lavender tones, minimal layouts, layered imagery, and low-contrast environments pulled directly from the product experience.
The frontend was then developed from scratch using:
The structure of the site was kept intentionally simple. Visitors could move through the product explanation, understand the app quickly, and request beta access without being pushed through multiple pages.
The desktop and mobile layouts were designed separately so spacing, pacing, and navigation felt natural on both.
The final site introduced Fern in a way that matched the tone of the product itself.
The onboarding flow stayed lightweight, the interface remained easy to navigate across devices, and the visual system carried consistently from the website into the app and onboarding emails.
The project established the foundation for Fern’s early beta rollout and public-facing identity.