Brand Gap Analysis · Gretel NY × Noom

Noom: Before & After

Gretel designed a sophisticated navigation system rooted in the compass metaphor. The live website became a pharma conversion funnel. This is what was lost — and what was restored.

Brand: Noom Agency: Gretel NY Page: Homepage Analysis: March 2026
"The gap between a brand identity and a live website is where brand equity goes to die." — Curious Endeavor
Dimension by Dimension
Before — Live Site
Gap
After — Brand Restored
Hero Section
Dark. Cluttered. Pharma.
Dark teal (#1b3f4e) full-bleed hero with an aggressive headline — "Meds to lose it. Noom to keep it off." Two product cards crammed side by side immediately push a product split before any brand relationship is established. The first impression is an ad, not an identity.
Meds to lose it.
Noom to keep it off.
Noom Med
Qualify?
Noom Weight
Trial →
❌ Brand
abandoned
Hero Section
Light. Editorial. Guided.
Warm cream background, large serif headline "Navigating a path to better health." The compass circle motif anchors the visual. A single CTA: "Find your path →". The brand promise leads. Products follow when the user is ready — not before.
Navigating a path
to better health.
Psychology-backed programs that guide you — not just for weight loss, but for life.
Find your path →
Navigation
Announcement bar + cluttered dropdowns.
An orange announcement bar interrupts before the nav begins. Multiple dropdown categories compete for attention. Orange CTA buttons at two levels. The nav reads as a store checkout menu, not a brand gateway.
⚡ Introducing Noom GLP-1Rx Plus — Try Now
❌ First touch
is an ad
Navigation
Clean wordmark. One action.
White nav. Noom wordmark left. Minimal secondary links. One "Get started" CTA in green. No announcement bar competing for attention. The nav is a guide, not a storefront.
Programs Science About Get started →
Typography
Inter only. No hierarchy. All weight.
A single typeface (Inter) at varying weights handles everything from headlines to footnotes. No serif contrast. Sections feel undifferentiated. The type does work but creates no mood — it's a spec sheet, not a brand voice.
Psychology-based weight loss.
Bite-sized daily lessons to teach you healthier habits for lasting weight loss
You'll receive access to some of the best coaches in the industry to guide you through every step of your weight-loss journey plus cutting edge AI support.
Start your trial
❌ No brand
voice in type
Typography
Serif headlines. Editorial hierarchy.
Source Serif 4 (light italic) for headlines creates warmth and authority. Inter handles body and UI. The contrast between the two systems creates a visual rhythm — each section has a distinct voice, from the grand statement to the practical detail.
Psychology-based weight loss
The science of
lasting change.
Lessons that teach the "why" behind your habits. Because change that sticks starts with understanding.
Find your path →
Color System
Three competing moods. No unity.
Dark teal hero → white product sections → dark teal again → light grey → back to white. Orange CTAs clash across all backgrounds. The palette has no logic — it follows section templates, not brand strategy. The result: the page feels like multiple different brands stitched together.
Hero
CTA
Sect.
Dark
Light
CTA
❌ No palette
logic
Color System
One palette. Intentional progression.
White and warm cream as base. Noom green as the brand anchor. Coral as a single accent. Soft black for text. Every color has a role. The palette progresses through the page with intent — warm → cool → accent — building a coherent emotional arc from welcome to action.
Base
Cream
Green
Coral
Text
Copy Tone
Pharma-adjacent. Qualify-first.
"See if you qualify" appears 4 times above the fold. Legal footnotes with superscript references run through body sections. The copy leads with medication, not mission. You're a patient before you're a person. The brand voice Gretel defined — curious, guiding, human — is entirely absent.
GLP-1Rx Plus ™
SEE IF YOU QUALIFY →
48% more weight loss vs. meds alone³
❌ Mission
replaced by
pharma tone
Copy Tone
Guidance-forward. Human-first.
The copy leads with direction, not qualification. "Find your path" instead of "See if you qualify." "A direction, not a destination" instead of clinical benefit claims. The tone is warm, intelligent, and confident — a guide, not a salesperson. Products are introduced after the relationship is established.
Find your path →
A direction, not a destination.
Navigating a path to better health
Understand why. Build the habit.
Layout Density
12+ sections. No breathing room.
Announcement bar → hero → 3 product modules → features carousel → Noom Med deep-dive → Noom Weight deep-dive → testimonials → press logos → blog grid → FAQ (10 items) → Instagram grid → footer CTA → mega-footer. Every pixel is claimed. The density signals desperation, not confidence.
❌ Density
= anxiety
Layout Density
7 sections. Each one earns its space.
Nav → hero → philosophy strip → programs → science stat → compass philosophy moment → single testimonial → minimal footer. Every section has one job. Generous padding between sections signals brand confidence. Whitespace is not empty — it's the brand saying: "we have nothing to prove."

Five decisions that gave
the brand back its identity.

Noom paid Gretel to build them a compass. Then they shipped a pharmacy ad. The brand gap isn't a design problem — it's a prioritization problem. When conversion teams own the homepage without a brand mandate, the identity gets stripped one "optimize this section" at a time until nothing is left but buttons.