LOADING
Back to projects

Fashion E-Commerce

Layah is a women's wear brand from Clifton with collections like Everyday Elegance, Statement Wear, and Festive Casuals. They needed a store that feels personal and premium — not a noisy catalog. I built the live shop on layah.com.pk so customers can browse collections and open a product without losing the brand tone.

LayahFrontend Developer20255 weeksNext.jsReactTailwind CSS
Layah

Challenge

Fashion sites often look generic once you leave the hero. Layah needed the homepage, collection grid, and product page to feel like the same brand: clean type, space, and a simple path from look to size to cart.

Solution

I designed a Next.js storefront around the collections. The hero sets the mood, the grid shows the range with filters, and the product page handles images, sizes, quantity, and add-to-cart without extra clutter.

Collections

Everyday Elegance, Statement Wear, and Festive Casuals in a filterable product grid.

Product page

Gallery, sizes, quantity, and buy-now so a look can go from mood to checkout.

Process

01 Direction

Locked the brand voice and the three collections so every page stays quiet and editorial.

02 Browse

Built the collection grid with filters and sale states so shoppers can scan looks quickly.

03 Product

Shipped the detail page with image thumbs, size select, and add-to-cart / buy-now.

04 Launch

Went live on layah.com.pk with the full shop path from hero to product.

Highlights

  • Editorial homepage with collection entry
  • Filterable women's wear catalog
  • Product gallery, sizes, and quantity
  • Add to cart and buy now
  • Brand-led layout for a clothing label

More shots

Collection grid

Collection grid

Product page

Product page