Appearance
Avelia Website Review — 2026-03-31
First design review of avelia-health.com homepage against the product spec and brand guidelines.
Reviewed: German homepage (/de) — dark mode default, light mode verified Stack: Astro 6, CSS custom properties, Cockpit CMS, no framework
PRO
1. Typography is exceptional
The Fraunces + Outfit pairing nails the "clinical but warm" brief. Bold serif headlines with italic red emphasis feel premium and editorial — far from "pink baby app" territory. Directly serves the positioning as a sovereign health tool.
2. Privacy section is a standout
The dark card with the blockquote + "ZERO-KNOWLEDGE. KEINE AUSNAHMEN." red badge is the strongest visual moment on the page. It makes the abstract concept of E2EE tangible and emotional. The spec calls this the #1 differentiator and the design delivers it.
3. Emotional honesty in the "feeling" section
"Diese Reise ist viel." with the numbered list (Das lange Warten, Gefühle ohne Namen...) is exactly the tone the spec describes: acknowledging emotional weight alongside clinical data. The pull-quote with the red left-border adds gravitas without being saccharine.
4. Stage selector is well-executed
The 7-stage radio group with icons maps directly to the product's core concept. Interactive selection with description text below makes the "stage-aware, not stage-gated" principle tangible for visitors before they've even downloaded the app.
5. Color palette communicates trust
Cream/off-white backgrounds with deep navy text and red accents feel like a high-end fintech or health app — exactly the "banking app's security meets shared diary's intimacy" the design workshop brief describes. No pastel pinks, no cartoon babies.
6. Dark mode is genuinely good
Not just an inverted light mode — the dark theme feels intentional with its own personality. Deep purple-navy tones add an intimate, private quality that reinforces the brand.
7. Waitlist CTA is clear and repeated
Two placement points (hero + bottom) with GDPR trust badges. Messaging is direct and the form is simple — low friction.
8. "Für zwei gemacht" section communicates the couple angle
Three clean cards for Linked Partners, Selective Sharing, Shared Timeline. Directly addresses the "built for couples from day one" differentiator that competitors lack.
CONTRA
1. No app visuals anywhere
The spec describes glass-morphism cards, a dashboard, medication vault, shared feed — the actual product. The homepage shows zero app screenshots or mockups. The journal-stack cards in the hero are abstract text snippets, not the app. For a product page trying to build a waitlist, this is a significant gap. Visitors can't picture what they're signing up for.
2. Hero right side is weak
The three floating journal cards with emoji + text are the closest thing to a product preview, but they look like generic CSS cards, not an app. They float with a subtle animation but convey nothing about the actual UI. Compare to competitors who show phone mockups front and center.
3. Guides section looks broken/empty
Only one card ("Lets start!") with a generic document emoji and no excerpt. This undermines the "evidence-based content" pillar — the section intended to demonstrate clinical authority looks like placeholder content. Either populate it or hide it until ready.
4. No social proof
The spec emphasizes the IVF community, partner testimonials, and trust-building. The page has zero testimonials, no user counts, no "as seen in" logos, no community references. The two blockquotes are written by the brand, not real users. For an early-stage product, even "Built by parents who've been through IVF" would help.
5. The "science" section lacks punch
"Evidenzbasiert. Kein Bullshit." is a great headline, but the three points next to it (Evidence-Based, Medically Reviewed, Honest Science) are just text claims with generic icons. No linked studies, no named reviewers, no credentials shown. The spec talks about "technical authority content" — this section could do more to prove it.
6. Monotonous section rhythm
Every section follows the same pattern: eyebrow label → big serif headline with red italic → body text/cards. After 8 sections this becomes predictable. No visual surprise, no full-bleed imagery, no illustration, no data visualization. The dark sections (stages, waitlist) break it up somewhat, but the light sections blend together.
7. No mention of pricing or business model (RESOLVED 2026-04)
The spec defines clear monetization (freemium + premium sync at $4.99/mo). The page says nothing about whether the app is free, paid, or freemium. The website now includes a full pricing section with three tiers: Free (incl. NFP & cycle tracking), Light (2,99€/mo), and Premium (8,99€/mo). Monthly/annual toggle, storage add-ons, and partner access note included.
8. Partner invitation story is missing
The spec highlights the partner invite flow as a key viral mechanic. The "Für zwei gemacht" section explains the concept but doesn't show how it works. A simple visual of the invite code flow would make the couple feature concrete instead of abstract.
9. The page is very long with no anchor navigation
8 full sections plus nav/footer. No way to jump to specific sections. The spec describes distinct user segments (IVF warrior, privacy-conscious, engaged partner) — each might care about different sections but must scroll through everything.
10. Locale picker feels like a feature, not a utility
The DE/Europe picker with region flags in the nav takes up significant visual weight for something most users will set once. It competes with the CTA button for attention.
Summary
| Aspect | Verdict |
|---|---|
| Brand alignment | Strong — tone, typography, color all match spec |
| Trust & privacy messaging | Strong — best-in-class for the category |
| Emotional resonance | Strong — the copy does heavy lifting |
| Product demonstration | Weak — no app visuals, no interaction preview |
| Content authority | Weak — guides section empty, science claims unsubstantiated |
| Social proof | Missing entirely |
| Conversion optimization | Moderate — clear CTA but no urgency, no pricing clarity |
| Visual variety | Moderate — elegant but repetitive layout patterns |
Bottom line: The design successfully establishes Avelia as a premium, trustworthy brand — but it's currently a brand manifesto page, not a product landing page. The biggest win would be adding real app visuals to make the product tangible.