UI Design · Art Direction · Experience · Awwwards SOTD
Oberig — a jewelry house you can feel before you touch it.
OBERIG turns ancient Ukrainian signs and symbols into fine jewelry with deep meaning — amulets in diamonds, rubies, sapphires and gold. The house had just redesigned its boutique into an ultra-modern space, and asked for one thing: make the digital feel like walking into that boutique. So I built the site as an art-object experience, not a shop — a concept woven from the brand's four elements (air, water, earth, fire), a shimmering "vitrine" ring on the first screen, and motion that reads as an intro to the story. One goal: make you want to come in and try it on. It earned an Awwwards Site of the Day — and still runs today exactly as designed.
Context & Challenge
The boutique became art — the website had to become it too.
OBERIG had just reimagined its boutique into an ultra-modern space, and the brief was simple and hard: bring that same feeling online. This isn't transactional jewelry — each piece is an amulet carrying an ancient meaning, born through a bespoke ritual (sketch with an ethnographer → 3D → master jeweler → lifetime warranty). So the site's single job wasn't to sell a cart — it was to immerse a visitor in the brand deeply enough that they'd want to come to the boutique and try a piece on.
Brand & Philosophy
Ancient in meaning, modern in form — "strength within you."
OBERIG means "amulet" — оберігати, to protect. The house revives ancient Ukrainian and Slavic signs — the angel, the four elements, the kolovorot — and recreates them in precious stones and gold: "a precious history of millennia." Its motto: Respect the Past · Protect the Present · Create the Future. Three pillars carry it — tradition, quality and uniqueness. Founder Tetyana Kondratyuk began it as a dream, not a business plan: to create jewelry the country would be proud of.
The Concept — Four Elements
The brand's four elements, translated into an interface.
The whitespace between elements — a calm, breathing layout.
Movement that flows across the background — fluid and unhurried.
The icons, ornaments and symbols — the tactile, symbolic layer.
The motion that brings the site to life.
Two more moves carry the boutique across: a "vitrine" on the first screen where the ring shimmers as if in the display case, and smooth opening motion that acts as an intro to the story — the first line of the narrative.
Presence — the art-object experience
Staged like the boutique, not a shop.
Every choice serves one thing — presence. The opening motion is the threshold; the vitrine ring shimmers like the real display case; air, water, earth and fire wrap the visitor in atmosphere; and the slow, editorial pacing mirrors a luxury boutique, not the rush of an online store.
You cross into a mood before you see a product — the first line of the story.
The ring catches the light like the real display case — you look at it, not at a listing.
Symbol storytelling pulls you in; instead of "buy now", the path is a bespoke enquiry — because the goal was a visit, not an impulse checkout.
Selected screens & system
One immersive system, screen by screen.
Home — the vitrine ring, fragmented display type and flowing ornaments. Symbols — the angel, the four elements, the kolovorot, each with its meaning. Philosophy — the "history of millennia," the motto and the founder. Catalogue — collections → collection → product, editorial and unhurried. And a bespoke enquiry flow — a conversation, not a checkout — all carried on the four-elements visual language.
Audience & goal
Not a buyer profile — a state of mind, and one goal.
There was no user research — this is a design translation of the boutique, so instead of personas, a light note on who and why. It's for people who choose meaningful, heirloom fine jewelry: a piece of protection and identity, a significant gift, something with national and spiritual weight — buyers who value story over a logo. The one goal: immerse them deeply enough that they want to visit the boutique and try a piece on.
Impact
No vanity metrics — awarded, and unchanged.
Awwwards Site of the Day
External recognition of the craft and the experience — the strongest proof for a piece like this.
Awwwards SOTDPerfect fit to the brief
The site delivered exactly what the client asked for: the boutique feeling, online.
Shipped and unchanged
Years later it still runs live and looks exactly as designed — a rare proof the concept was right the first time.
LiveAn experience, not a funnel
The immersive, meaning-first design serves the single goal — a boutique visit — better than any cart could.
What shipped