Web Design & Development

Aura

A fashion e-commerce storefront with a shoppable bag and wishlist.

Aura: Home
Aura: Find Your Perfect Style
Aura: More Than Fashion
Aura: New Arrivals
Aura: Shop page
Aura: About page
Aura: Collections page
Aura on mobile

Home

Project snapshot

An editorial online store for a fashion label, with category browsing, quick-add products, a wishlist and a slide-out shopping bag.

Project
Aura
Type
Web Design & Development
Services
  • Website Design
  • Frontend Development
  • E-commerce
Tools
  • Next.js
  • TypeScript
  • Tailwind CSS
  • GSAP
  • React Three Fiber
  • Zustand
Key capabilities
  • Product Catalogue
  • Quick Add
  • Shopping Bag
  • Wishlist
  • Search
Status
Live

01Overview

ProjectOverview

Aura is a fashion storefront that needed to feel like a luxury magazine without losing the basics of a good shop. The homepage opens on an oversized serif STYLE headline with a model cut out in front of it, then moves straight into shopping: categories for women, men, accessories and footwear, and a New Arrivals rail with prices and sale prices.

Every product can be added to the bag in one tap, and the bag, wishlist and search are always one click away in the header. Cart state is handled in Zustand so the bag stays in sync across pages, and GSAP and React Three Fiber drive the motion and 3D touches.

02Key features

KeyFeatures

  1. Editorial heroA large serif headline with the model layered in front, setting a premium tone on first load.
  2. Shop by categoryWomen, Men, Accessories and Footwear collections, each one click from the homepage.
  3. Quick add to bagProducts can be added straight from the New Arrivals rail without opening a product page.
  4. Slide-out shopping bagA persistent bag, kept in sync across the site with Zustand.
  5. Wishlist and searchSave items for later and search the catalogue from anywhere in the header.
  6. Trust stripFree shipping, secure payment and support messages placed right under the hero.

More projects

Explore more work.