Web Design · 2025

Sustainable branding that doesn't smell like a recycled leaflet.

YoGreen needed a site that takes its values seriously without shouting them. We built a calm, confident surface; shop-ready and story-rich.

YoGreen sustainable brand website hero

Client

YoGreen

Year

2025

Role

Art direction & site

Scope

Brand site, shop, story

Context

YoGreen is a sustainable brand with honest sourcing and a visual language that was still trying to find itself. Their previous site did the thing every eco-brand site does: stock photos of leaves, beige backgrounds, and a story page nobody read.

They wanted shoppers to feel the difference before they read it. Less greenwash vocabulary, more quiet confidence; and a site that reads the same on a farmer's phone as on a buyer's desktop.

The challenge

The challenge

Sustainability is a crowded claim. Every brand in the category says the same five words. We had to build a site that carried the values visually, not verbally; and make the product feel like the hero, not the packaging.

How we worked

Quiet confidence, loud product.

01

Product-first, decor-second

We put the product at the center of every frame and stripped the garnish. No swooping vines, no generic leaf patterns; just the thing you're buying, lit well, held in a real hand where it mattered.

YoGreen product-first layout
02

A palette that earns its green

One sage, one cream, one ink. No gradients. Green isn't a decoration here; it's reserved for the places where the brand wants you to pause. Spend it sparingly and it means something.

YoGreen palette demo
03

Mobile that actually respects the thumb

Most e-commerce sites design for desktop and shrink. We did the opposite. Every key action; add to cart, sort, quick view, story block; was drafted on phone first, then expanded. The desktop layout inherited the discipline.

YoGreen mobile experience
04

Story where it's earned

No separate "Our Story" graveyard. The sourcing, the farms, the decisions; they show up inline, on the product pages they're relevant to. A shopper meets the origin next to the price, not in a footer page nobody opens.

Site showcase

Pages in practice.

YoGreen homepage composition
YoGreen across devices
YoGreen mobile detail
YoGreen product page

What we shipped

Deliverables

01Brand site architecture
02Shop & product pages
03Mobile-first UX
04Story integration pattern
05Art direction guide
06Copy & voice framework

Outcome

A site that sounds like it believes itself.

The new site stopped borrowing authority from the category and started earning its own. Shoppers spend more time on product pages, the story block has stopped being a separate place, and the brand sounds like a brand instead of a checklist of virtues. Commerce and meaning, on the same page; literally.

Values, not vocabulary.

WANT SOMETHING SIMILAR?

Need a site that carries your brand without shouting?

Start with a free Revenue Check-up. We map your site's blind spots together.

Next project

Vanlig Studio