Brand site
W*nder
An educational CBD brand site, from sitemap to storefront.
Overview
W*nder sells a product many buyers still have questions about, so the site teaches before it sells. Plain-language education sits next to product storytelling, walking a first-time buyer from curiosity to a confident purchase.
The case study covers the sitemap, style exploration, and the page designs themselves, in a deep navy system with warm accents that keeps the brand feeling considered rather than clinical.
Inside the case study
- Sitemap and IA
- Style exploration
- Color and type system
- Landing and category pages
- Educational content blocks
- Product mockups
Case study visual. Export a key frame from the W*nder board and drop it in as assets/work/wnder-01.png.
Read the full case study
The complete annotated board, including every flow, wireframe, and screen, lives in Figma.