Каталог годинників

Atelier

Про проєкт

Я розробив Atelier як багатомовний каталог годинників із вітриною для покупців та окремою адмін-панеллю для команди. Клієнти переглядають колекції, вибирають варіанти товарів, зберігають обране й надсилають заявки. Працівники керують товарами, фотографіями та перекладами.

Моя робота охоплювала фронтенд, бекенд та API. Бренди, категорії, колекції й пов’язані варіанти зберігаються окремо. Кожен товар має власні фотографії й дані про наявність. Тому команда може вести різні типи товарів, не підлаштовуючи їх під одну форму.

Як це працює

  1. Знайти колекцію

  2. Переглянути товар

  3. Зберегти чи запитати

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

Працівники додають товари, завантажують фото й відео, редагують переклади в адмін-панелі. Статус публікації визначає, що побачать покупці. Пов’язані варіанти об’єднані в групу, але кожен має власні дані про наявність. Вітрина й адмін-панель використовують один каталог: контент не доводиться вести у двох місцях.

Що було складніше

Найскладніше було зробити гнучку структуру товарів зручною і для покупців, і для працівників. Категорії мають різні характеристики, а товари - різні параметри варіантів. Усе це має бути зрозумілим у фільтрах, картках і формах редагування.

Окреме завдання - переклади. Коли каталог змінюється, описи й результати пошуку мають залишатися узгодженими кожною мовою. Статуси публікації та історія правок дозволяють команді контролювати, що з’явиться на сайті, й бачити, хто змінив запис.

Що було простіше

Коли структура каталогу й API були готові, картки товарів, навігацію колекціями та блоки характеристик було простіше зібрати. Вони використовують спільні компоненти й дані.

Обране й кнопки звернення також мають конкретне завдання: зберегти цікавий товар або поставити запитання. Знайомі дії допомагають залишити вітрину простою, навіть якщо за нею стоїть складний каталог.

Що вдалося добре

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

Пов’язані варіанти зручно переглядати, при цьому деталі кожного товару не губляться. Колекції й обране допомагають повернутися до цікавих позицій, а заявки дозволяють обговорити конкретний товар.