Before
Page Speed38/100
Bounce Rate82%
Conversions0.4%
After
Page Speed98/100
Bounce Rate24%
Conversions+340%
L
Logic Layer Solution
logiclayersolution.uk
before
after
We Build Digital Experiences
That Drive Growth.
150+
Projects
98%
Satisfied
8yr
Experience
All work
App + Site · 2024

Solstice — sleep coaching app

Sleep coaching app and marketing site for a behavioural-science-backed consumer wellness brand.

Client
Solstice Health
Industry
Consumer wellness
Duration
14 weeks
Year
2024
React NativeExpoNext.js
solstice.com
Solstice
ProductPricingDocsTry free
Built for teams that ship daily.
Sleep coaching app and marketing site for a behavioural-science-backed consumer wellness b…
Get startedWatch demo
Feature 1
Short description of capability.
Feature 2
Short description of capability.
Feature 3
Short description of capability.
Fig. 01 — Production UI · 2024Solstice Health
Year
2024
Category
App + Site · 2024
Stack
React NativeExpoNext.js
Scope
  • Brand identity
  • Marketing site (Next.js)
  • App (React Native + Expo)
  • Behavioural-science programme design
  • App Store optimisation
The challenge

What they needed to solve.

Solstice had brilliant clinicians and zero design language. The MVP was a generic React Native template with no behaviour-change scaffolding. Marketing landing pages converted at 1.1%.

Our solution

How we approached it.

A complete identity, marketing site (Next.js), and app (Expo) — built around a behavioural-science approach to sleep coaching. The app rewards consistency over intensity, and the marketing site avoids every wellness cliché.

Web design

Design decisions.

Palette
#1a1f3a
#f5f3e8
#f59e0b
#a78bfa
#10b981
Typography
  • AaGT Walsheim — headlines
  • AaSöhne — UI
  • AaSöhne Mono — time + metrics
Layout system

Dawn-to-dusk palette gradient across the app. No red anywhere. Calm motion (≤180ms). Earned animations only on milestones.

Design highlights
  • Behavioural-science programme baked into UX
  • Dawn-to-dusk palette responds to user's local sunset
  • Milestone animations earned, not constant
Before · After

What changed.

solstice.com
Solstice
ProductPricingDocsTry free
Built for teams that ship daily.
Sleep coaching app and marketing site for a behavioural-science-backed consumer wellness b…
Get startedWatch demo
Feature 1
Short description of capability.
Feature 2
Short description of capability.
Feature 3
Short description of capability.
After
solstice.com
Solstice
ProductPricingDocsTry free
Welcome to our website.
We provide services for businesses. Contact us for more information.
Get startedWatch demo
Feature 1
Short description of capability.
Feature 2
Short description of capability.
Feature 3
Short description of capability.
Before
Drag to compare ←→
Fig. 02 — Drag handle to reveal before / afterSolstice Health
solstice.com
Solstice
ProductPricingDocsTry free
Welcome to our website.
We provide services for businesses. Contact us for more information.
Get startedWatch demo
Feature 1
Short description of capability.
Feature 2
Short description of capability.
Feature 3
Short description of capability.
Before

Generic React Native template, no identity, no behavioural design, 1.1% marketing conversion.

App Store rating
3.4
Conversion
1.1%
Day-30 retention
19%
DAU
2,400
solstice.com
Solstice
ProductPricingDocsTry free
Built for teams that ship daily.
Sleep coaching app and marketing site for a behavioural-science-backed consumer wellness b…
Get startedWatch demo
Feature 1
Short description of capability.
Feature 2
Short description of capability.
Feature 3
Short description of capability.
After

Brand-led identity, behavioural programme baked into UX, calm motion, conversion-focused marketing.

App Store rating
4.7
Conversion
3.4%
Day-30 retention
41%
DAU
18,600
Results

What we measured.

01App Store rating from 3.4 → 4.7
02Marketing conversion from 1.1% → 3.4%
03Featured by Apple under 'Apps We Love'
04Day-30 retention from 19% to 41%