Azman Haque
0%
CASE STUDY / 05
↖ Back to projectAZMAN HAQUE × JASANIVisit website ↗
2023 / 3D WEBSITE EXPERIENCE

Jasani✧

A diamond story.
Experienced in 3D.

Created in 2023, Jasani is a 3D website experience that takes visitors from rough stone to finished jewellery. Movement, light and changing environments bring the diamond journey to life.

THE DIAMOND JOURNEY

From possibility.
To brilliance.

Watch the experience ↓
Polished diamond from the Jasani websiteLIGHT · MATERIAL · CRAFT
THE 3D EXPERIENCE / 2023

See the whole
story in motion.

Watch the recorded walkthrough of the Jasani website. Follow the 3D objects, scene transitions and visual chapters as the experience unfolds.

JASANI / THE IMMERSIVE WEBSITE2023 · SCREEN RECORDING
01 / OVERVIEW

A brand story
you can move through.

The live site introduces Jasani through a sequence of visual chapters, then offers a more direct route into its company, diamond, jewellery and sustainability pages.

Two ways to explore.

The immersive entry creates a first impression. The main website gives visitors room to go deeper into the company and its capabilities. The case study looks at how those two experiences work together.

PROJECT
Jasani Diamonds
PLATFORM
3D experience website
YEAR
2023
DESIGN FOCUS
3D storytelling & interaction
02 / THE CHALLENGE

Make an impression.
Keep a clear way forward.

An immersive opening needs to do more than display a beautiful object. It needs a story people can follow, while allowing visitors with a specific purpose to reach useful information.

01

Express the material.

Light, silhouette and surface detail need enough space to make the diamond the focal point.

02

Give motion a purpose.

Each chapter should add meaning to the transformation, rather than feel like a disconnected visual effect.

03

Respect different intentions.

Some visitors want to explore the story. Others need company information or manufacturing capabilities without taking the full journey.

03 / THE SOLUTION

One clear narrative.
More than one route.

The opening moves through source, transformation, finished jewellery and responsibility. Its visual sequence gives the brand story an understandable progression.

The separate website entry and skip route keep the experience open-ended. Visitors can choose the immersive introduction or move directly into the main site.

Object-led chaptersFocused copyDirect navigation
04 / EXPLORE THE STORY

Four chapters.
One transformation.

Select a chapter to explore its role in the experience.

01 / 04
DESIGN FOCUS / ANTICIPATION

Begin with the source.

An uncut stone introduces the story before the final product is revealed. This chapter gives the transformation a starting point.

Explore the live page ↗

Interactive case-study presentation using imagery from the live Jasani website.

05 / BEHIND THE FINISH

Show the making.
Not just the result.

The jewellery page gives the manufacturing process its own visual space. Photography makes the capabilities concrete and brings people and tools into the brand story.

01 / THE PROCESS

CAD / CAM

Digital design gives the making process a visible starting point.

02 / THE PROCESS

Casting

Manufacturing imagery turns a technical capability into something tangible.

03 / THE PROCESS

Waxing

A consistent visual rhythm connects the different stages of production.

04 / THE PROCESS

Polishing

Close-up detail brings the story back to the human craft behind the finish.

06 / VISUAL LANGUAGE

Let the light
do the talking.

MidnightDeep blueFacet blueSilver

Contrast gives the object space.

Blue environments and restrained interface elements frame the stone, while bright facets and fine typography provide the visual contrast.

Discover
Jasani.
CRAFT / PRECISION / CHARACTER

Editorial scale, quiet detail.

The opening’s serif display language supports the sense of craft. Smaller labels and concise supporting copy keep attention on the central image.

07 / TWO WAYS IN

Explore at your
own pace.

THE TAKEAWAY

A memorable entrance.
A useful destination.

The design connects the emotional pull of the material with a practical route into the business. The opening draws people into the story; the wider website gives that curiosity somewhere to go.

Project reference ↗

The chapter structure and project imagery shown here come from the live Jasani website. The interactive chapter explorer is a presentation created for this case study. No measured business or usability outcomes are claimed.

Jasani live website ↗
EXPLORE ANOTHER PROJECT

Self Connect ↗

Self Connect mobile app