E-commerce · UI/UX · Development
AuraThreads.
A fashion magazine you can shop.
A bespoke storefront for an eco-conscious high-street brand: editorial energy, pastel bento layouts, and product cards and a checkout built to convert.
- Client
- Aura Threads
- Sector
- Fashion · eco-conscious high street
- Year
- 2026
- Scope
- E-commerce UI/UX
- Full-stack development
- Design system
- Checkout
[01]Project overview
Eco-conscious,never earnest.
Aura Threads is a rising high-street brand making considered clothes from organic, recycled and reclaimed materials.
Ibrandify designed and built its storefront end to end: the editorial layout system, the product card, the checkout, and the code behind them.
Editorial system
Pastel bento layouts and a type scale made for fashion
Product experience
Cards, colourways, saving and quick add to cart
Checkout
One page, guest first, wallets first
Full-stack build
Components, cart and order flow in Next.js
[02]The challenge
Not anothergreen-leaf brand.
Aura Threads wanted the high-energy, editorial feel of a luxury fashion house, with the conversion power of a modern e-commerce giant. Rarely do the two sit together.
What eco brands usually look like
What Aura Threads asked for
The energy of a fashion house. The mechanics of a marketplace.
Editorial confidence on every page, and a path from seeing to owning that never slows down.
[03]Strategy
Four decisionsshaped everything.
Soft pastels, asymmetric bento grids and intuitive product cards, held together by a few rules we never broke.
Editorial first
Every page opens like a spread: large type, one image idea and plenty of air. The shop follows the story, not the other way round.
Pastel as a system
Six soft tints give each product its own stage. One coral signal is reserved for buying.
The card does the selling
Colourways, saving and adding to cart happen on the card itself, so most decisions never need a product page.
Subtract at checkout
Guest by default, one page, wallets first. Every field has to earn its place.
[04]Storefront Design
Editorial pages,built for conversion.
The final storefront abandons the typical grid for an asymmetric editorial layout. Every scroll feels like turning a page in a high-end fashion magazine.
The Bento Layout
Product tiles sit beside editorial stories on an asymmetric grid, so browsing reads like turning pages.
Product cards that sell
Colourway swatches re-tint the tile, a heart saves for later, and add to cart lives on the card. Most choices never need a product page.
[05]Admin Dashboard
Control atyour fingertips.
A bespoke SaaS admin dashboard engineered to give the team complete visibility over inventory, sales metrics, and their live sustainability score.
01
Live Analytics
Real-time sync with checkout metrics.
02
Sustainability Score
Tracks material usage and carbon offset live.
03
Inventory Mapping
Automatic stock alerts to prevent overselling.
04
Dark Mode Ready
Theme syncs automatically with OS preferences.
[06]Design system
Six pastels,one signal.
Each product gets its own pastel stage. Coral is reserved for the moment of buying, so it is always the loudest thing on screen.
Blush
#FFD6E0
Lilac
#E2D8FF
Butter
#FFF0B3
Mint
#CDEEDB
Sky
#D3E8FF
Peach
#FFDCC2
Type
Display
Bricolage 800 · 96/80 · −6%
Soft power.
Heading
Bricolage 700 · 32/32 · −3%
This week’s edit
Body
Inter 400 · 16/24
Organic cotton, cut boxy and dyed in small batches.
Accent
Instrument Serif Italic · 32/32
shop.
Size chips
Buttons & toggle
Radius
Cards 32 · Images 24 · Buttons pill
Spacing
8px base · 12 / 16 / 24 / 32 gaps
Elevation
One soft shadow, only on the active card
[07]Impact
A storefront witha point of view.
- An eco brand that looks like every eco brandA fashion house with its own voice
- A catalogue of identical product gridsPages that read like magazine spreads
- Product pages for every small decisionChoices made on the card itself
- A multi-step checkout to get throughOne page that gets out of the way
The result is a storefront that feels like flipping through a high-end fashion magazine, while the path to a purchase stays short, clear and quick.
Next project
Passage: Many Ways In