NeuroActiv Pro · Sales page design brief

The job

Where the page sits. A reader buys NeuroPulse (49 €, a memory programme for people aged 60 to 70: three audio tracks and four PDF guides). They may then see a first upsell. Then they land on this page, the last offer, shown once. Do not assume they bought the first upsell.
What it sells. NeuroActiv Pro, a food supplement built on magnesium. 30 capsules per bottle, one a day. Three packs: 1 bottle at 69 €, 3 bottles at 147 €, 6 bottles at 234 €. One-click purchase: no form on this page, only buttons.
The goal. Convert, and push the 6-bottle pack.
The argument. "Your memory now has its programme. And your body?" After 60, the body loses a mineral without anyone noticing: diet, stress and very common medicines all drain it. No audio can put it back. The page never says NeuroPulse is incomplete: magnesium is a second, separate problem.
The voice. Julien Mercier, an independent science journalist, in the first person. Calm, honest, never oversold. He is not a doctor and nothing on the page suggests he is.

Who reads this page

A 65-year-old on a phone, often in the evening, often with reading glasses. Warm on memory, cold on supplements, a little tired of being sold to. In about ninety seconds they must understand why magnesium, see the bottle, see the three packs and find the button.

What we need from you

Mobile is the primary view and gets designed first: most of our buyers are on a phone.

1 · Figma, the page

Mobile and desktop, every section, with the prototype copy placed as is. Mobile first, desktop derived from it.

2 · The visuals

Two flat illustrations, the six ingredient visuals and the two small icons of the day diagram (section 06). Illustrations as SVG, photos as JPG at 2x.

3 · The selling blocks as components

Pack card (best offer, compact), final offer card, guarantee block, buttons, decline link, sticky mobile bar, FAQ accordion, callout, author block.

4 · Handoff notes

One page in the Figma file listing anything you changed in structure or order, with spacing and type values. Our developer implements in the existing site (Astro and Tailwind). You do not code.

The prototype

Open it here, on your phone first. It is a working page, not a wireframe: the copy is final, the section order is final, the selling logic is final. The visual layer is ours and rough. That is the part we want from you.

Prototype · narrow

Prototype · desktop

Click a screenshot to open it full length

Settled, keep it

Every word of the copy. If a sentence has to be shortened to fit, mark it and we rewrite it. Each line was checked for what EU law allows a supplement to say.
The section order.
On mobile, the 6-bottle pack first and full size, the 3 and 1 compact side by side under it. On desktop, 6 in the middle.
The price per day on every pack, and the "pour essayer / pour juger / pour en faire une habitude" logic.
The decline link as a plain text link, readable, under the offers. Never a button, never hidden.
Body text aligned left, 18 px minimum on mobile.

Yours to push

All the visual craft: hierarchy, spacing, rhythm, how blocks breathe on desktop.
The hero composition. Headline and bottle must both be on the first phone screen; the arrangement is yours.
The two illustrations, redrawn properly (ours are sketches).
The ingredient visuals: keep the photo style or propose better, as long as all six match.
The closing band, the final offer card, the guarantee block.
Icons, badges, dividers, small details that help a tired eye.

Not in this brief

Countdown timers, stock counters, exit pop-ups, blocked back buttons. Do not design around them.
Text inside generated images.
Light grey text, small text, tight leading. The reader is 65.
Testimonials, star ratings, "Best seller" badges. We have none for this product.

Readability floor

Body text 18 px minimum on mobile, line height around 1.6, aligned left.
One reading column, 680 px maximum on desktop. Pack cards may go wider.
Secondary text no lighter than taupe #726B58 on cream.
Tap targets 48 px minimum, buttons 56 px.
Prices in Lora, written the French way: "39 €".

Section by section

What each block does in the prototype, and where we most want your hand.

Section	What it does	Your focus
1 · Top bar	"Votre commande est presque terminée", step 3 of 3.	Calm system message, compact. Tells the reader where they are.
2 · Hero	Label, headline "Votre mémoire a maintenant son programme. Et votre corps ?", sub-headline, bottle.	Design this first. Headline and bottle on the first phone screen.
3 · Opening	Author block (square photo with rounded corners, "C'est encore Julien.", name, title), four short paragraphs.	The author block is a component: reuse it at the close. The last bold sentence is the turn of the page; make it land.
4 · The problem	Heading on medicines that drain magnesium, a callout, the reservoir diagram with three numbered leaks and their list.	Image 01 (the reservoir) and its numbered list read as one block.
5 · Three recognised roles	The three authorised claims in a framed panel.	Make it look like a fact sheet, not a promise. Quiet, precise, trustworthy.
6 · Ce n'était pas vous	For readers who tried Ginkgo or omega-3 and felt nothing. Image 02 (house on its foundations), pull quote.	Pull quote set large in Lora, mauve.
7 · NeuroActiv Pro	Pale mauve band. Bottle at 3/4, "Dans chaque gélule" grid of six ingredients, the day diagram, a callout, a button that scrolls to the packs.	The product reveal. The supplement is the mauve object of the brand. The ingredient grid and the day diagram are where your visual work counts most after the hero.
8 · The offer	How to choose between 1, 3 and 6 bottles, "prix réservés à cette page" strip, three pack cards, reassurance line, decline link, guarantee.	Pack cards (section 07). The guarantee block sits right after the decline link.
9 · Questions	Four accordions, first one open.	Big tap targets, mauve chevrons.
10 · The close	Marine band: "Vous avez déjà fait le plus dur", three "Imaginez" lines, signature with the author photo.	A warm, quiet ending. Same author component as section 3.
11 · Final offer	"Prix réservés" strip, the 6-bottle card, two buttons for 3 and 1 bottles, reassurance, decline link.	The last thing before the legal text. The two smaller options are real buttons, secondary style.
12 · Legal mentions	Three paragraphs of regulatory text.	Keep as is, readable, 14 px minimum.

Buttons

Pack buttons: Oui, j'ajoute 6 flacons (with "Meilleure offre" under it), Ajouter 3 flacons, Ajouter 1 flacon. Final card: Oui, j'ajoute NeuroActiv Pro. The button in the product band and the sticky mobile bar scroll to the packs, they do not buy.

The bottle

The final label is being designed right now, in parallel. Design with the placeholder; we swap it when the real packshots arrive.

Placeholder, front viewTransparent PNG, 537 × 1013. Layout only.

Two packshots, same proportions

A, front view: hero and pack cards.
B, 3/4 view with a few capsules: product band (section 7).
Pack cards stack 1, 3 or 6 copies of A in code. Design the stacking you want; no flat pack images needed.

Do not copy the placeholder label onto the page

The words on the placeholder ("Gardez l'esprit clair", "Tonus", "Lucidité", "Sérénité") are not validated. Never turn them into benefit icons or headings.

The visuals

Illustrations follow the style of our quiz page: flat vector, thick navy outlines, simple rounded shapes, no gradients, no texture. Ours in the prototype are sketches to redraw.

Style reference · our quiz page

Illustration style

Flat vector illustration, thick navy outlines (#16385E), simple rounded shapes, no gradients, no texture. Palette limited to navy #16385E, soft blue #7BA3D0, mauve #684D75, light mauve #EDE4F0, cream #F5F1E8, one small ochre accent #E09A2C. Generous margins, calm, senior-friendly, no photorealism, no 3D.

Visual	Where	What it shows
Image 01 · Reservoir	Section 4	A container labelled "Votre réserve de magnésium", level dropping from "avant" to "après 60 ans", three numbered leaks at the bottom (1, 2, 3) that match the numbered list beside it. Short labels may be typeset in the SVG. Simple, readable at 300 px wide.
Image 02 · Foundations	Section 6, with the pull quote	Cross-section of a small warm house on a row of rounded foundation stones, one stone in mauve being set in place. Calm, solid, nothing dramatic.
Ingredient visuals × 6	Section 7, "Dans chaque gélule"	One square visual per ingredient: magnesium (glycinate), alpha-lipoic acid, butcher's broom, L-carnitine, turmeric, coenzyme Q10. Ours are AI-generated studio photos (powder in a white dish, the plant for butcher's broom and turmeric) on cream. Keep that style or propose a better one; all six must match. Magnesium is highlighted as the key ingredient. They are illustrative, not photos of our raw materials.
Day diagram	Section 7	Two moments of the day joined by a dotted line: sun, "Le matin", 1 gélule, 5 secondes; moon, "Le soir", 1 piste, 15 minutes. Two small icons to draw, the rest is typeset.

The pack cards

The component that carries the sale. Exact content, top to bottom.

Element	6 bottles (best)	3 bottles	1 bottle
Ribbon	Meilleure offre · Pour en faire une habitude · 180 jours	Pour juger · 90 jours	Pour essayer · 30 jours
Visual	6 bottles + 90-day seal	3 bottles + seal	1 bottle + seal
Hero price	39 € par flacon	49 € par flacon	69 € le flacon
Per day	soit 1,30 € par jour	soit 1,63 € par jour	soit 2,30 € par jour
Ticks	Vous économisez 180 € · Le prix le plus bas par flacon · Garantie 90 jours	Vous économisez 60 € · Garantie 90 jours	Garantie 90 jours
Button	Oui, j'ajoute 6 flacons Meilleure offre	Ajouter 3 flacons	Ajouter 1 flacon
Total	~~414 €~~ Total : 234 €	Total : 147 €	Total : 69 €

The 6-bottle card dominates: mauve frame and ribbon, larger, most bottles, lowest price per bottle.
The price per bottle is the hero, in Lora. Per day and total stay readable, smaller.
"Ces prix sont réservés à cette page. Elle ne s'affichera qu'une fois." sits above the cards, in sections 8 and 11.
Decline link, plain text, taupe, underlined: « Non merci. Je continue sans NeuroActiv Pro pour l'instant. Je comprends que ces prix sont réservés à cette page, et qu'elle ne s'affichera plus. »

The legal line

A food supplement sold in France and Belgium can only claim what EU law authorises. For magnesium that is three things, already in the copy: normal function of the nervous system, normal psychological function, reduction of tiredness. Anything visual that suggests more is a claim, even without words.

Never on this page

A brain, a memory symbol, a lightbulb or a "sharp mind" visual attached to the bottle, the ingredients or the packs.
Blood vessels, blood flow or anything inside the body attached to magnesium or the other ingredients.
Benefit icons or labels next to the ingredients ("énergie", "circulation", "anti-oxydant"...). Ingredients are shown, never explained.
Badges like "Made in France", "Fabriqué en Europe", "Cliniquement prouvé", "Sans effets secondaires", "N°1".
Doctors, lab coats, laboratory scenes, before and after visuals, star ratings, testimonials.

Fine

Foundations, ground, reserves: the metaphors the copy uses.
Calm, rest, a serene face, an evening scene.
The 90-day seal, as large as you want.
The plain ingredient visuals and the day diagram.

Brand

The NeuroPulse charter. NeuroActiv Pro is a sub-brand: same family, mauve as its signature colour.

Cream#F5F1E8Page background

Warm white#FFFDF8Cards, panels

Marine#16385EHeadings, button text, closing band

Slate#3E5875Body text

Mauve#684D75NeuroActiv signature

Mauve pale#EDE4F0Product band, soft panels

Ochre#F2BC4E → #E09A2CButtons, one accent per screen

Ochre pale#FCF5E7Callouts, guarantee panel

Lora

Headlines, section titles, pull quotes, prices, signature.

Montserrat

Body text, labels, buttons, pack card details.

Assets we send

Click to see large. All prototype images are also in the prototype/img/ folder of this site.

Bottle placeholderReplaced by packshots A and B.

Julien MercierAuthor block, opening and close.

90-day sealPack cards and guarantee block.

Ingredient visualsSix AI-generated placeholders, same style.

Also in the package: the Lora and Montserrat font files, the NeuroPulse logo, and the quiz illustrations as style reference only.

Rounds and what is pending

Rounds

Round 1. Mobile only: hero, opening with the author block, the product band (ingredient grid and day diagram) and the three pack cards.
Round 2. The full page, mobile and desktop, both illustrations, guarantee, FAQ, close, final offer, sticky bar.
Final. Exports, components, handoff notes. Packshots swapped in when the label is final.

Pending on our side

The final label and the two packshots, in progress.
Payment links and everything that runs when the page is live. Not your concern.

Nothing pending blocks round 1.