Source：willo.farm ↗ Checked 2026.10.31
Editor's note
What this site does
A vertical farm in Phoenix that has no shop of its own and instead tells you where to buy its greens — in the top bar, the header, the first screen and again at the end.
Conversion
Notes
What you see
A black bar at the top says the produce is now in every Arizona Whole Foods Market store. The header has a green “FIND US” button, and the first screen pairs “Arizona Grown · USDA Certified Organic” with the headline “The Purest Produce on the Planet” and two buttons: “FIND A STORE” and “OUR PRODUCE”.
A scrolling strip lists claims such as non-GMO seeds and zero pesticides. Then come four core products, a new range of herbs sold at a single store in Scottsdale (with its address), numbers on the growing method — 99% less water, 250 times more plants per acre — three five-star customer reviews, and a final “FIND A STORE NEAR YOU”.
What to take from it
A producer whose goods are sold in shops does not need a cart; it needs to tell people which shop to go to, and to repeat it.
Certification in the line above the headline, and differences expressed as numbers rather than adjectives, make the case quickly. Customer reviews right after the numbers back them up in plain words.
Typography
Typefaces
| Element | Desktop size / weight | Desktop line height | Mobile size / weight |
|---|---|---|---|
| h1 | 86px / 500 | 1.05 | 45px / 500 |
| h2 | 55px / 500 | 1.10 | 32px / 500 |
| h3 | 24px / 500 | 1.20 | 19px / 500 |
| Body (p) | 14px / 700 | 1.60 | 12px / 700 |
Measured values (desktop 1440px, mobile 375px, 2026.10.31). 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 Willo 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: Httpster
