Skip to main content
Stavros Apostolou
[ Fork 01 ]fork/pnoepnoe.com:mainconcept

PNOĒPnoe

A minimal redesign that distills PNOĒ’s dual messaging of B2C performance optimization and B2B business value into a single, clean visual language. By reducing color and visual complexity, the design lets the sophisticated product communicate without barriers.

Independent concept redesign · not affiliated with, endorsed by, or commissioned by PNOĒ.

[ 2 screens · Figma ][ Health Tech ][ Marketing Site ][ Data Visualisation ]

Commits

Every design decision, and why it was made.

  1. feat(hero): minimal visual hierarchy, brand-first identity

    Removes serif headline to eliminate competing visual anchors. Promotes ‘elite-level metabolic testing’ to the only prose in the column. Typography swaps from serif to geometric sans, and chrome recedes from a full-bleed opaque nav bar to a floating inset pill. Imagery reframes from consumer-athletic (outdoor, altitude, mountains) to clinical-instrumented (cutout subject, black-and-white, thermal breath plume backing), recalibrating the audience from end-athlete to professionals delivering care. Chroma simplified from 4+ hues to 2 (red + grayscale). Red accent signals both the CTA and the breath plume, collapsing the signal path. Layout expands from 2-column (copy, photo) to 3-column plus typographic base layer (copy, centered subject, etymology block, full-bleed wordmark, marquee footer).

  2. feat(vo2-section): social proof restructured, product claim prioritized

    Merges two separate sections (trust statement + logo row, vo2 graphic + copy) into one continuous gray field. Reading order inverts: product claim first (heading + copy), then structural proof (gauge with logos flanking). Current order buries the proposition. Serif heading lifted from inside the gauge graphic, moved to section top, set in heavier weight and size, now the unambiguous largest element. Typography corrected: VO₂ uses true subscript, second line title-cased. Gauge converted from decorative to instrumental: added pointer at ~45 mark, raised numerals and tick contrast to near-black (current state is barely separable from background). Gauge bleeds off bottom edge, implying measurement continues. Logos demoted from explicit trust claim to ambient proof: desaturated to light gray, dispersed into left/right negative space at staggered heights (3 per side), trust heading removed. Copy measure tightened from ~115 to ~70 characters. Single chromatic accent introduced: ‘23 biomarkers’ set in red, echoing the hero CTA color.

Files changed

The surfaces this fork touches: their site, then mine.

Modified: hero

Navigation and hero messaging redesigned for clarity and brand identity.

theirs
mine
Modified: advanced-vo2-section

Merged two sections into one, inverted reading order, added gauge instrumentation and proof restructuring.

theirs
mine

Before / after

Drag to compare, or click either side to open it full-size.

hero
Compare
◄►
advanced-vo2-section
Compare
◄►