Watch catalog
Atelier
About the project
I built Atelier as a multilingual watch catalog with two parts: a storefront for customers and an admin workspace for the team. Customers can browse collections, choose product variants, save favourites and send enquiries. Staff manage the products, photos and translations behind those pages.
My work covered the frontend, backend and API. The catalog stores brands, categories, collections and related variants separately. Each product keeps its own photos and availability. That structure lets the team maintain a varied catalog without squeezing every item into the same form.
How it works
Find a collection
View a product
Save or ask about it
A customer starts with a collection, category or search. The product page brings together photos, specifications and available variants. They can save an item for later or ask about it. Navigation, product descriptions and search all support several languages.
Staff add products, upload media and manage translations in the admin workspace. A publication status determines what customers can see. Related variants are grouped together, while each item keeps its own availability. The storefront and admin work with the same catalog, so the team maintains the content in one place.
The main challenges
The hardest part was making flexible product data easy to browse and edit. Categories have different specifications, and products can vary by different parameters. Those differences need to work in filters, product pages and editing forms without making any of them confusing.
Translations add another layer. Product content and search results need to stay consistent in each language when the catalog changes. Publication status and editing history also matter: staff need to control what goes live and see who changed a record.
The simpler parts
Once the catalog structure and API were settled, product cards, collection navigation and specification rows were more straightforward to build. They follow shared patterns and use the same underlying data.
The enquiry links and saved items also have clear roles. Each gives the customer a simple next step. Keeping these parts familiar helps the storefront stay easy to use even when the catalog behind it is complex.
What works well
The storefront and admin workspace each do their job. Customers can focus on choosing a watch; staff have the tools to keep products, photos and translations up to date. The business gets both parts in one system.
Related variants are easy to explore without losing the details of each item. Collections and saved favourites give customers ways to return to what interests them, and enquiries let them continue the conversation about a specific product.
