Case study Jewelry Astana, Kazakhstan 2025

Jewelry store website for Saltanat Diamond Gallery

A catalog website for a jewelry house in Astana. As you scroll, a hand-drawn city with the Bayterek tower turns into the boutique’s facade, and the catalog holds more than 900 pieces with detailed gemstone specs. Design, illustrations, animation and development.

Hero of the Saltanat Diamond Gallery jewelry store website: hand-drawn Astana and the Bayterek tower
Mobile version of the Saltanat jewelry store website
Client
Saltanat Diamond Gallery
Industry
Jewelry
Location
Astana, Kazakhstan
Year
2025
What we did
UX, design, illustrations, animation, development

Try the live website

This is the working build of the project. Scroll the home page and the city zooms in to reveal the boutique’s facade. Switch to the catalog and a product page, and view the site on a phone.

saltanatdiamondgallery.com

Wheel or trackpad — scroll inside the windowButtons above — switch screen sizesDemo texts come from the English mockup

Instead of stock banners — a hand-drawn Astana that grows into the Saltanat boutique

Saltanat Diamond Gallery is a jewelry house from Astana with a boutique in the Hilton Astana: pieces with Kazakh ornament, diamonds and colored stones. The challenge: a catalog website that conveys the brand’s status and brings in inquiries from Kazakhstan and abroad.

  1. 01Hero animationA preloader with the logo, then the city zooms in and reveals the boutique’s facade
  2. 02Filterable catalogCategories, subcategories and sorting — more than 900 pieces
  3. 03Product pagePurity, metal, weight and stone carats, on-model photos and a one-click inquiry
  4. 04Display-case footerThe boutique’s contacts rest in a jewelry display case — the brand’s finishing touch
Platform
WordPress and WooCommerce
Languages
Russian, Kazakh, English
Animation
GSAP and ScrollTrigger
Boutique
Hilton Astana hotel
Preloader and hero animation
Footer — a jewelry display case

A mobile version built for one hand

People often choose jewelry on their phones, so we designed the mobile version separately. The same city animation, a two-column category showcase and a bottom bar that is always under your thumb.

  • 01Call, WhatsApp, search and menu in the bottom bar
  • 02A filterable catalog in a slide-out drawer
  • 03On the product page, the inquiry button stays pinned to the bottom of the screen

What the website looks like

01Hero: hand-drawn Astana and the Bayterek tower
02The city opens up to reveal the boutique’s facade
03Jewelry category showcase
04Jewelry catalog
05Product page: stones, purity, weight
06Footer — a jewelry display case with contacts
07Mobile version: home, categories, catalog
08Mobile version: product page and contacts

Tell us your idea.
We handle the rest

What does your company do, and what should the website achieve?