Joy Nutrition
Масштабна розробка інтернет-магазину Joy Nutrition - від створення структури та каталогу до реалізації функціоналу та адаптивної версії.
САЙТ КОМПАНІЇ
Від концепції до запуску
UX/UI
85 годин
Розробка/Тестування
250 годин
Софт для дизайну
Figma
Технологія
Opencart
ПРОБЛЕМИ ТА ВИКЛИКИ
Запуск нового e-commerce продукту
Новий продукт - новий магазин
Бренд виводив окремий напрямок на ринок, тож структуру магазину потрібно було побудувати з нуля, а не адаптувати існуючу.
Логіка каталогу з нуля
Асортимент передбачав багато категорій, тому одразу треба було закласти зрозумілу навігацію для швидкого пошуку товарів.
Mobile-first підхід
Основний трафік нового продукту очікувався з мобільних пристроїв, тож магазин мав однаково добре працювати на всіх екранах від старту.
Проєктування шляху до покупки
Історичних даних про поведінку користувачів не було, тож шлях від вибору товару до оформлення замовлення довелося продумати з нуля.
ЦІЛІ
Створення сучасного та інтуїтивного e-commerce досвіду
Продумана структура каталогу
Розробили логіку категорій і навігації, щоб користувач одразу міг швидко орієнтуватися в асортименті.
Зручна презентація товарів
Спроєктували картки та сторінки товарів так, щоб ключова інформація була доступною одразу.
Адаптивний досвід
Заклали адаптивність основних сценаріїв магазину під мобільні пристрої та різні розміри екранів.
Продуманий customer journey
Вибудували ключові точки взаємодії користувача із сайтом — від каталогу до оформлення замовлення.
ГОЛОВНА СТОРІНКА
Опис
Головна сторінка мала одночасно презентувати бренд Joy Nutrition, показувати ключові категорії та направляти користувача до потрібної продукції.
Рішення
Перебудували структуру головної сторінки, розставили пріоритети в подачі контенту та створили зрозумілі переходи до основних розділів магазину.
Результат
Користувач швидше розуміє пропозицію Joy Nutrition та може перейти до потрібної категорії або продукту без зайвих кроків.
КАТАЛОГ ТА КАРТКА ТОВАРУ
Опис
Великий асортимент продукції вимагав зручної структури каталогу та зрозумілої подачі інформації про кожен товар.
Рішення
Оптимізували структуру каталогу, навігацію між категоріями та картки товарів. Зробили ключову інформацію про продукцію доступною та зручною для сприйняття.
Результат
Користувач може швидше знайти потрібний продукт, ознайомитися з його характеристиками та перейти до покупки.
МОБІЛЬНА ВЕРСІЯ
Опис
Ключові сценарії інтернет-магазину необхідно було адаптувати для комфортного використання на смартфонах, не втрачаючи функціональність desktop-версії.
Рішення
Адаптували каталог, картки товарів, навігацію та основні етапи покупки під мобільні пристрої.
Результат
Joy Nutrition отримав повноцінний адаптивний інтернет-магазин із зручним користувацьким досвідом на різних типах пристроїв.
Ми оновили e-commerce досвід Joy Nutrition, зосередившись на зручній навігації, презентації продукції та простоті взаємодії з магазином.
Структура та навігація: Побудували структуру магазину та навігацію, щоб користувачі могли швидше знаходити потрібні категорії та продукцію.
Каталог та товари: Оптимізували подачу асортименту та інформації про товари, зробивши процес вибору продукту інтуітивно зрозумілим.
Адаптивність та покупка: Адаптували ключові сценарії магазину для мобільних пристроїв та спростили шлях користувача від вибору товару до оформлення замовлення.
Кожен день ми прагнемо зробити здоров'я і душевний спокій доступнішими. M1 Development допомогли втілити це у нашому сайті: від структури каталогу до оформлення замовлення. Тепер замовлення на Joy Nutrition — це не лише покупка, а приємний і інтуїтивний досвід, що передає нашу турботу про кожного клієнта.
— Відгук клієнта