Luxury Jewelry E-commerce Website for Mirellé Joaillerie by Mahannani Lestari PradanaLuxury Jewelry E-commerce Website for Mirellé Joaillerie by Mahannani Lestari Pradana

Luxury Jewelry E-commerce Website for Mirellé Joaillerie

Mahannani Lestari Pradana

Mahannani Lestari Pradana

E-Commerce Luxury Jewelry

Overview

Mirellé Joaillerie is a conceptual e-commerce project I created to demonstrate how a luxury jewelry brand can come to life through thoughtful design and a refined digital experience. I built the entire website from scratch—starting with the visual direction and continuing all the way to full development in Framer. The goal was to craft an online space that feels premium, calm, and intentionally curated. Although this project was not made for a real client, I treated it as a genuine brand exercise, creating a polished platform that reflects my approach to designing and building high-end websites.

The challenge

The main challenge of this project was finding the perfect balance between luxury aesthetics and functional clarity. Jewelry is a product that relies heavily on visual storytelling, which meant that every detail—from spacing and lighting to typography, rhythm, and alignment—had to work together to elevate the sense of elegance without overwhelming the user. I wanted the website to capture the atmosphere of walking into an upscale boutique while still remaining light, intuitive, and user-friendly. And since there was no client guiding or limiting the direction, I challenged myself to push the standard as high as possible, imagining it as a real commercial product.

The Solution

To establish the brand's atmosphere from the very first moment, I designed a cinematic hero section featuring soft lighting and a refined portrait that sets the tone for the entire website. From there, I crafted a natural visual flow that guides the user section by section. The “Product of the Month” area was inspired by editorial fashion layouts, while the “Newest Items” grid was built with strict precision to present each piece cleanly and professionally. To bring emotional warmth into the experience, I designed a “Happy Clients” section using a collage of lifestyle photography paired with a softly highlighted testimonial, creating a sense of authenticity and trust. The page closes with a minimal, elegant newsletter section that feels quiet and exclusive. All design elements were implemented directly in Framer using auto-layout, reusable components, and smooth, subtle animations that enhance the luxurious feel without distracting from the content.

The Result

The final website delivers a polished, high-end experience: visually rich yet minimal, functional yet atmospheric. The flow feels calm and intentional, guiding the user effortlessly from hero imagery to curated collections, and from detailed product presentations to heartfelt testimonials. This project became a strong representation of my capability to design luxury-focused websites and develop them seamlessly in Framer. Mirellé Joaillerie stands as one of my favorite portfolio pieces because it captures what I love most—designing something beautiful, coherent, and emotionally resonant through the power of subtle details.
Like this project

Posted Apr 3, 2026

Created a luxury jewelry e-commerce site using Framer.