The project was created as part of my work in Estemo studio. My responsibilities included developing the user-flow and wireframes, designing screens in Figma, building the website on Tilda (CMS platform), and implementing additional code (CSS, JS) to enssure a smother user experience.
One of the first steps was to develop the user flow ensure clear and logical navigation. Together with the client, we developed a logical structure for the catalog and added pages about the brand and its jewelry-making principles to answer frequently asked questions and build trust in the brand.
Catalog
The catalog is divided into two sections — ready-to-ship pieces and custom-made jewelry. It was important to clearly explain the unique features of each category and show how they are connected.
The brand creates unique pieces and is always open to discussing the client’s ideas. That’s why in each product card I added an option to ask questions or leave special requests. The product is automatically identified, and all relevant information is sent to the store manager.
Additionally, each product page includes a note about the possibility of ordering a fully custom piece. This ensures that all users learn more about the brand. It also helps guide users toward the jewelry they’ll love by continuously offering them different options.
Personal account
I wanted to emphasize the brand’s premium status, care for its clients, and streamline internal processes. So, I suggested adding a special personal account, which is available only to clients ordering a custom piece. They can track the development process and feel the brand’s personal approach. This feature, along with access to special offers, helps build customer loyalty.
The website is designed in a clean, minimalistic style with jewelry as the central focus. Plenty of white space, a black-and-white color scheme, and subtle animations all contribute to a premium feel.
User interaction is carefully considered throughout the site. Interactive elements include hover and click animations. Subtle micro-animations guide the user’s attention to important details, enhancing engagement without overwhelming their experience.