A well-thought-out animation tells in seconds what a paragraph can't: how a product is made, how a process moves forward, how much light a fabric lets through.
Case 04 · Lab-grown diamond jewelry
Brillé.
A lab-grown diamond jeweler that had no website. We built one that conveys quality from the first scroll and turns buying into an inquiry on WhatsApp.
Before and after
What changed.
Before
It had no website. It sells diamond jewelry, an expensive product bought on trust, and as a new brand it needed a place that showed it at the level of what it sells.
Now
A website with the feel of a showcase: floating rings, photos of the jewelry being worn, the difference between a natural and a lab-grown diamond, five collections and purchase by direct inquiry.
The challenge
That a new brand feels luxurious from the first second.
Brillé sells lab-grown diamonds: we had to convey quality and, at the same time, explain that a lab-grown diamond is a real diamond. Without that, nobody buys expensive jewelry from a brand they don't know yet.
The experience
We design experiences, not just pages.
A website isn't a brochure: it's something you use. Every animation in Brillé is there for a reason, and here we show you which.
Scroll, mouse or finger make the page respond. When something responds to you, you stay, explore and understand more.
Nothing moves for decoration: it guides the reading, shows the product or settles a doubt before it reaches WhatsApp. And if someone prefers less motion, the site respects that.
01
Floating rings
- What happens
- On entry, the rings float around a small photo and, as you scroll, the phrase "Joyas reales. Momentos eternos." ("Real jewels. Eternal moments.") crosses the screen while the photos change.
- Why it works
- It presents the jewelry like a showcase, calmly and with lots of air. The feeling of luxury arrives before any text, which is what a new brand needs to be taken seriously.
02
The jewel, worn
- What happens
- Photos of the jewelry in use fan out and spread across the screen as you scroll down.
- Why it works
- Buying expensive jewelry online is scary. Seeing it worn, on skin and on different pieces, makes it real and builds the trust a catalog photo doesn't.
03
The same diamond
- What happens
- A natural diamond and a lab-grown one appear side by side, with the text explaining they are identical.
- Why it works
- It answers with an image the doubt that stops the purchase: whether a lab-grown diamond is a real diamond.
What we did
Every section has a job.
Five collections
Engagement rings, rings, necklaces, bracelets and earrings, each with the jewel worn and its direct link.
Custom design
A section of its own for those looking for a unique piece, told with the photo of the hand sketch.
The benefits, in plain sight
Guaranteed quality, insured shipping nationwide, custom design, 15 days for exchanges, ethical lab-grown stones and gift packaging.
Buying with guidance
Purchase is by direct inquiry: contact, advice, confirmation and delivery, in a four-step line.
Designed mobile-first
Most visits come from a phone, so every section was also designed for the small screen: buttons within thumb's reach, text you can read without zooming and animations adapted to touch.
Identity
Colors and typefaces of its own.
Nothing comes from a template: the palette and the typefaces were chosen for the product.
Sand#AD8E74
Ink#000000
Smoke#F5F5F5
White#FFFFFF
Real jewels. Eternal moments.
Switzer · Headlines and body text. A clean sans that leaves the spotlight to the photos.What changed
From having no website to a showcase of its own that conveys quality and explains the product before the first inquiry.
A single link to share that shows the collections and answers the lab-grown diamond question.