A ground-up rebuild of jeunesseanion.com. Each direction shares one design system – the Jeunesse logo, Poetsen One + Inter, the magenta/purple palette on a calm canvas – and copy that's defensible under Philippine FDA Advisory No. 2019-246. What changes is how the tokens are spent. Click through, react with your gut, then we tighten the winner.
Open each direction below in a new tab. Don't read line by line – react to the overall feel. Note what you'd want more of, less of, or borrowed across directions. We'll combine the winning moves into the final build.
Same system, three theses. Nav and footer stay identical across all three so they read as one brand; the hero and structure carry the personality.
Type-led and calm. White grounds, oversized Poetsen One headlines, soft drifting accents, and generous whitespace. The quietest lane – closest to the Lactacyd / Betadine restraint the client referenced.
A full-bleed product hero, then a magenta stats band as the one saturated moment – oversized numbers, a glass-card anion feature, and a centred testimonial. Bold rhythm on a calm canvas.
A modular bento layout with products and where-to-buy surfaced immediately – a tile hero, a six-product range grid, and structured review cards. The most shop-forward of the three.
The rulebook and a worked page template. Whichever direction you pick, these stay the shared backbone.
Colour tokens, type scale, spacing rhythm, and the core component kit. Magenta as accent, never flood.
Open design system →How the site gets found on Google and in AI answers – metadata, schema, Taglish targets, and FDA guardrails.
Open playbook →
Gallery, sticky buy panel, a bento of details, centred FAQ, reviews, and cross-sell – built on the shared system.
View product page →You don't have to ship just one. Choose the dominant direction that gives you the right first impression, then steal the moves from the others that punch above their weight.
If you want a starting point: C as the shop-forward base (clear paths to product and purchase), with B's one confident hero moment, and A's editorial restraint holding the quieter sections calm.