Kindweave

A full e-commerce concept for a sustainable fashion brand — from homepage to checkout, designed in Figma.

00

problem

Sustainable fashion brands often fall into one of two traps. Either the website looks like it was built by an NGO — worthy but joyless. Or it borrows the aesthetic of luxury fashion without earning it — cold, exclusive, disconnected from the values underneath. Kindweave needed something different. Warm but considered. Approachable but designed. A site that made you feel good about shopping before you'd even added anything to your cart.

solution

An end-to-end e-commerce experience designed around the brand's earth-first identity. Terracotta and forest green as the primary palette — colours pulled directly from nature, from soil and leaf. Rounded components throughout. Nothing sharp or aggressive. Every screen designed with the same question in mind — does this feel like Kindweave?

THE STORY

Kindweave is a sustainable fashion brand built around a simple idea — kindness woven into every thread. The clothing is considered, ethical and planet-first. The website needed to feel the same way.

This was a full e-commerce concept designed in Figma. Not a single screen. The whole flow.

THE SCREENS

Homepage—split-color hero with the brand's flagship headline. Two CTAs: Shop Collection and Our Impact. The sustainability mission is visible from the first scroll.
Product Listing Page — filter by material, not just category. Organic cotton, hemp, linen, recycled paper. The filters are part of the brand story, not just a UX convenience.
Product Detail Page—fabric swatches, size selection, color options. The product description leads with material and sustainability. "Add to Bag," not "Add to Cart"—a small word choice that softens the transaction.
Cart—"You are making a difference with 3 items." The cart copy is brand-aware. Carbon-neutral shipping was called out explicitly. Eco-tax is shown as a feature, not a penalty.
Checkout — clean, two-column. Contact information and shipping address on the left, persistent order summary on the right. Nothing that makes you hesitate.

year

2024

timeframe

16 days

tools

Framer, Figma

category

UI/UX

01

02

03

04

05

.say hello

i'm open for freelance projects, feel free to email me to see how can we collaborate

.say hello

i'm open for freelance projects, feel free to email me to see how can we collaborate

Create a free website with Framer, the website builder loved by startups, designers and agencies.