BAOBAB
Міжнародний бренд купальників і курортного одягу, який акцентує увагу на стилі та екологічності. Компанія родом з Колумбії, працює у сегменті premium fashion, а колекції представлені в більше ніж у 50 країнах через власні магазини і у провідних світових мережах.
Про проєкт
Редизайн сайту на Shopify та створення піддоменів для бренду купальників і курортного одягу.
Завдання проєкту BAOBAB
- Виконати редизайн існуючого сайту на платформі Shopify згідно наданого клієнтом макету.
- Створити дві версії сайту: інтернаціональну та колумбійську піддоменну, з уніфікованим дизайном та адаптацією під локальні потреби.
- Модернізувати функціонал сайту: кастомізація системи фільтрації за кольорами; розробка функцій Complete the Look, Add to Cart + Size; налаштування промо-бару у кошику; впровадження системи тегів для товарів та ін.
- Забезпечити точне відтворення макету, чисту інтеграцію та адаптивність усіх елементів сайту.
Дизайн онлайн магазину
Сайт має чітку навігацію з великою кількістю категорій. Велика увага приділена візуальній презентації категорій і колекцій, з великою кількістю banner‑зображень, що відповідає стилю premium fashion.
Картка товару
Сторінка товару реалізована з фокусом на візуальну подачу та зручний процес вибору. Основний акцент зроблено на великий фотоконтент. Картка містить повний набір ключових елементів для eCommerce: вибір розміру, чіткий CTA, доступ до таблиці розмірів, детальний опис виробу, інформацію про доставку та повернення. Структура сторінки логічна й зрозуміла, без перевантаження другорядними елементами, що відповідає premium-позиціонуванню бренду.
Блок рекомендованих товарів у нижній частині сторінки сприяє збільшенню залученості та середнього чека, а загальний UX орієнтований на швидке прийняття рішення про покупку.
Функціонал та основні задачі редизайну
- Основна задача полягала у редизайні Shopify теми з оновленням ключових функціональних блоків.
- Реалізація динамічного меню: підкатегорії змінюються залежно від обраної головної категорії.
- Налаштування секції під меню з відповідними колекціями для кожної головної категорії.
- Впровадити систему тегів для товарів (наприклад, preorder) з використанням тегів або метафілдів Shopify.
- Реалізувати hover-ефект для карток товарів: при наведенні курсора відображати альтернативне зображення товару (наприклад, без моделі).
- Додати інтерактивний Color Selector: при кліку на колір змінюється відповідне зображення товару
- Реалізувати фільтрацію за кольорами з групуванням відтінків у базові кольори (наприклад, усі відтінки блакитного → “Blue”, червоного → “Red”).
- Додати в кошику індикатор суми, що залишилася до безкоштовної доставки, з урахуванням трешхолду для кожного маркету (значення уточнюються).
Функція Complete the look
Функція Complete the Look призначена для відображення пов’язаних товарів на сторінці продукту та формування цілісного образу безпосередньо в процесі покупки. Пов’язані товари автоматично підтягуються на сторінку продукту та додаються в кошик окремо, з дотриманням стандартної логіки Shopify.
Рішення для BAOBAB
- Провели повний редизайн Shopify-теми відповідно до дизайн-макету клієнта, усунувши технічні та UX-обмеження попередньої реалізації.
- Вибудували стабільну та масштабовану архітектуру на Shopify з урахуванням міжнародного зростання бренду.
- Реалізували дві версії сайту (інтернаціональну та локальну (Колумбія) — через піддомени з єдиною дизайн-системою.
- Оновили навігацію, розробили розширену систему фільтрації, впровадили систему тегів і метафілдів для гнучкого керування асортиментом, кастомізували кошик.
Редизайн на Shopify створив надійну платформу для зростання BAOBAB як міжнародного преміум-бренду купальників і курортного одягу.
Стати лідером на ринку вимагає амбіцій і здатності зростати нескінченно. Ми допомагаємо нашим клієнтам досягати найвищих результатів у бізнесі.