Source：postevand.com ↗ Checked 2026.10.30
Editor's note
What this site does
A Danish maker of water in cartons that backs its environmental claims with numbers and footnotes, then splits visitors into online buyers, shop buyers and resellers.
Conversion
Notes
What you see
The first screen is a photograph of a carton held up against the sky, the name "Postevand™" set across the full width, and a B Corp badge. As you scroll, two large figures appear — 97% plant-based materials and an 18% lower climate impact — with a footnote naming the comparison (a bottle made from 100% recycled plastic), the firm that ran the life-cycle assessment and the ISO standards it followed.
The page then explains each part of the carton (cap, paper, thin plastic lining), the pledge to put 3% of sales towards climate work, and the public water source in northern Denmark. It ends with three routes — buy online, buy in-store, become a reseller — and five products with prices in Danish kroner.
What to take from it
An environmental claim is easier to trust when the number arrives with its source. Stating what was compared, who measured it and which standard was used lets readers check it for themselves.
Closing the page with separate routes for shoppers and for trade customers keeps both on the same page without mixing them. The reseller page gives a reply time and phone hours. On the day we checked, the "See stockists" link returned a 404 — a reminder that every entry point needs a working page behind it.
Typography
Typefaces
| Element | Desktop size / weight | Desktop line height | Mobile size / weight |
|---|---|---|---|
| h2 | 12px / 400 | 1.40 | 12px / 400 |
| h3 | 56px / 400 | 1.20 | 20px / 400 |
| Body (p) | 16px / 400 | 1.40 | 12px / 400 |
Measured values (desktop 1440px, mobile 375px, 2026.10.30). The most frequent setting for each element is shown. Sites that use h1 for a logo or small label will show a small h1.
Download
Download the wireframe
This structure, as a wireframe you can edit in Figma
The page structure above, rebuilt from DevNJ's wireframe parts. It contains none of the original site's copy, images or code.
Using it in Figma
- Download the SVG.
- Drag and drop the file onto a Figma canvas.
- It opens with one layer group per section — start by reordering sections or replacing the copy.
Text comes in as text layers (set in Noto Sans JP).
Screenshots are shown at reduced size as quotations supporting the commentary. All rights in the design, copy and images belong to Postevand and their respective owners. The wireframes are not copies of the original site; they rebuild its structure from DevNJ's parts. Owners or designers who would like this entry removed or corrected can contact us; we respond within two business days. Featured on: siteInspire
