Каталог часов

Atelier

О проекте

Я разработал Atelier как многоязычный каталог часов с витриной для покупателей и отдельной админ-панелью для команды. Клиенты просматривают коллекции, выбирают варианты товаров, сохраняют избранное и отправляют заявки. Сотрудники управляют товарами, фотографиями и переводами.

Моя работа включала фронтенд, бэкенд и API. Бренды, категории, коллекции и связанные варианты хранятся отдельно. У каждого товара остаются свои фотографии и данные о наличии. Поэтому команда может вести разные типы товаров, не подгоняя их под одну форму.

Как это работает

  1. Найти коллекцию

  2. Посмотреть товар

  3. Сохранить или задать вопрос

Покупатель начинает с коллекции, категории или поиска. На странице товара собраны фотографии, характеристики и доступные варианты. Товар можно сохранить на потом или отправить вопрос о нём. Навигация, описания и поиск работают на нескольких языках.

Сотрудники добавляют товары, загружают фото и видео, редактируют переводы в админ-панели. Статус публикации определяет, что увидят покупатели. Связанные варианты объединены в группу, но у каждого остаются свои данные о наличии. Витрина и админ-панель используют один каталог: контент не приходится вести в двух местах.

Что было сложнее

Сложнее всего было сделать гибкую структуру товаров удобной и для покупателей, и для сотрудников. У категорий разные характеристики, а у товаров разные параметры вариантов. Всё это должно одинаково понятно работать в фильтрах, карточках и формах редактирования.

Отдельная задача - переводы. При изменении каталога описания и результаты поиска должны оставаться согласованными на каждом языке. Статусы публикации и история правок позволяют команде контролировать, что появится на сайте, и видеть, кто изменил запись.

Что было проще

Когда структура каталога и API были готовы, карточки товаров, навигацию по коллекциям и блоки характеристик было проще собрать. Они используют общие компоненты и данные.

У избранного и кнопок обращения тоже конкретная задача: сохранить интересный товар или задать вопрос. Знакомые действия помогают оставить витрину простой, даже если за ней стоит сложный каталог.

Что получилось хорошо

Витрина и админ-панель решают разные задачи в одной системе. Покупатель выбирает часы, а команда поддерживает товары, фотографии и переводы в актуальном состоянии.

Связанные варианты удобно просматривать, при этом детали каждого товара не теряются. Коллекции и избранное помогают вернуться к интересным позициям, а заявки позволяют обсудить конкретный товар.