Cilmar B. Bacus

Head of Creative

Graphic Designer

Ux/Ui Designer

Branding & Identity

Product Designer

AI Visualizer

Cilmar B. Bacus
Cilmar B. Bacus

Head of Creative

Graphic Designer

Ux/Ui Designer

Branding & Identity

Product Designer

AI Visualizer

XOIA Website Mobile UI

Introduction

XOIA Website is a luxury jewellery e-commerce website designed to translate the brand’s refined visual identity into a modern digital experience. The objective was to create an elegant, product-focused interface that allows users to explore jewellery collections, discover individual pieces, learn about the brand, and navigate the website seamlessly across mobile devices.

Design Process

• Research & Discovery – Studied the XOIA brand identity, jewellery collections, target audience, and luxury e-commerce experience to establish the website’s visual and functional direction.

• UX & Structure – Organized the website architecture around key customer journeys, including collections, categories, product discovery, About Us, and Contact Us, creating a clear and intuitive browsing experience.

• UI Design – Developed a sophisticated interface using editorial typography, monochrome photography, XOIA’s signature blue accents, structured product grids, and minimal layouts to keep the jewellery as the main visual focus.

• Finalization – Designed the complete responsive website experience, including homepage, navigation, collection and category pages, product details, brand story, contact section, product specifications, and supporting e-commerce elements.

Outcome

The XOIA Website creates a refined digital environment that brings the jewellery and brand identity together within one cohesive experience. The final design combines luxury editorial aesthetics with clear e-commerce functionality, giving XOIA a consistent and engaging platform for showcasing its collections and connecting with customers online.