LAVÉRINE

LAVÉRINE makes full-grain leather handbags, bags, shoulder bags, clutches, and wallets, cut, stitched, and finished by hand. The storefront sets the whole range on a warm off-white ground: a sunlit hero with a single handbag, the categories as image cards, a coverflow of featured pieces, the workshop story, and the best sellers, all in one calm editorial register, with English and Indonesian available from the header.

Leather goods sell on texture, finish, and trust, and most storefronts flatten all three into a bright grid of cut-outs, loud badges, and pill buttons.

The brief was a shop that feels like walking into the workshop: quiet enough to let grain and stitching show, still fast to reach a category or a price, and bilingual for a local audience without doubling the design.

The design system is deliberately small: a warm off-white ground, one sage-grey accent, Playfair Display for headings and Inter for everything else, near-square buttons, and letterspaced uppercase labels doing the branding work. The hero pairs one line and one call to action with a sunlit product shot, the four categories get equal weight as image cards, and featured pieces rotate through a coverflow carousel with name, category, and price in IDR. The craft story sits between the rails as a two-column editorial band, and wishlist, cart, and a EN/ID language switch stay one tap away from every view.

• 01

  Editorial storefront

  A warm, quiet-luxury layout that lets leather texture and finish carry the page.
• 02

  Category navigation

  Handbags, bags, shoulder bags, and clutches as equal image-card entries.
• 03

  Featured coverflow

  A 3D carousel for hero pieces with name, category, and price in IDR.
• 04

  Cart and wishlist

  Quick add and saved items from any product card, with a dedicated cart page.
• 05

  Bilingual content

  English and Indonesian from one dictionary, switched from the header.
• 06

  Brand story pages

  About, FAQ, and account pages that keep the same editorial type scale.

• Next.js
• React
• TypeScript
• Tailwind CSS
• Radix UI