Jewellery UI Brochure

Automated Retail for

Jewellery Initial UX/UI Explorations

Attract Mode The Attract Mode is designed to capture user attention in a retail environment and encourage interaction with the experience.

CTA prompts such as “Touch to Explore” guide users toward interaction.

Attract Mode Home Screen Category View Product View AI Assistant

The system automatically transitions to the Home Screen upon user touch input.

The screen remains in an idle animated state when no user interaction is detected.

If the kiosk remains inactive for a specific duration, the experience resets back to Attract Mode.

Premium jewellery visuals and motion graphics continuously play to create a luxury brand feel.

FUTURE EXPLORATION

Soft transitions and elegant animations reinforce the premium identity of the brand.

Landing View

While the different 3D models transition on screen, the corresponding product boxes can illuminate dynamically to highlight the exact product location and create a more engaging interactive experience.

Home Screen

The Home Screen acts as the primary navigation hub for the user journey.

Attract Mode Home Screen Category View Product View AI Assistant

Users can directly:

Browse Categories

Access AI Assistant

Explore Featured Products

Users are introduced to featured collections, categories, and personalised discovery options.

Navigation remains minimal and distractionfree to maintain a luxury shopping experience.

Large visual cards ensure easy browsing and quick category selection.

The interface priorities simplicity and quick decision-making.

Smooth hover/touch feedback enhances interaction responsiveness.

Homepage View

Category View

The Category View helps users browse jewellery collections in a structured and visually engaging manner.

Smooth scrolling and animated transitions create a fluid browsing experience.

Attract Mode Home Screen Category View Product View AI Assistant

Selecting a product transitions users to the Product View screen.

Products are displayed in a carousel visual layout for quick scanning.

The layout is optimised for touch-first interaction and kiosk usability.

Filtering and category switching help users narrow down product exploration.

FUTURE EXPLORATION

Product cards highlight:

Product Image

Product Name

Key Visual Details

Category Page View

A dedicated “Featured” category can be introduced to showcase the products displayed in the physical boxes, allowing users to easily select a specific item they want to explore or learn more about.

Product View

The Product View provides detailed information and immersive product exploration.

CTA actions such as:

“Virtual Try On ”

“Ask AI Assistant”

“Buy Now” are clearly accessible.

Attract Mode Home Screen Category View Product View AI Assistant

Transition animations maintain continuity from the Category View.

The Product Details page features a large, interactive 3D model of the jewellery piece, allowing users to explore the item from different angles.

FUTURE EXPLORATION

Users can also browse through multiple real product images and videos to closely inspect the design, finish, and detailing of the item.

Product Details View

Allow users to browse different variants of the same product SKU — such as different carat values — through a dropdown under the “Stone” section. A prominent “Ask Kerai” button will appear at the top of the dropdown to help users better understand and compare carat options before making a selection.

AI Assistant

The AI Assistant provides personalised jewellery recommendations and guided product discovery.

Users can directly navigate from AI recommendations to Product View pages.

Users interact with the assistant through conversational prompts or guided selection flows.

Attract Mode Home Screen Category View Product View AI Assistant

The experience emphasises personalisation and premium customer engagement.

The assistant helps users discover products based on:

Occasion

Style Preference

Budget

Relationship Type

FUTURE EXPLORATION

AI-generated recommendations dynamically update based on user selections.

The interaction flow is designed to feel intuitive, human-like, and supportive.

Visual recommendations appear in real time alongside the conversation flow.

AI Assistant Chat View

the AI Assistant entry flow should first identify the user’s intent, whether they are looking for product recommendations or general brand information. The first screen should be highly visual and present three clear options: “Help Me Choose”, “About Lab Grown”, and “About Kerai”.

Thank You

Luxury Jewellery Exploration Experience