Atika
Розробка UI/UX дизайну інтернет-магазину для іспанського бренду м'ясних делікатесів Atika.
ПОДИВИТИСЯ ДИЗАЙН
Від концепції до запуску
UX
36 годин
UI
118 годин
Софт для дизайну
Figma
ПРОБЛЕМИ ТА ВИКЛИКИ
Візуалізація крафтового бренду
Visual Trust & Appetite
Передати преміальність, смакові властивості та традиції іспанського виробництва м'ясних делікатесів через екран.
UX Clarity & Structure
Організувати зрозумілу структуру каталогу та зручну систему фільтрації для великої кількості позицій.
B2C & B2B Dual Focus
Сформувати інтерфейс, який однаково зручний як для роздрібних покупців, так і для гуртових замовників.
Brand Positioning
Створити унікальний візуальний стиль, який виділить бренд серед конкурентів та викликатиме довіру з перших секунд.
ЦІЛІ
Створення естетичного та функціонального UI/UX
Appetizing Design System
Розробити теплу, натуральну палітру кольорів із виразними акцентами (бургунді/вишневий), що підкреслює якість м'ясних делікатесів.
Conversion-Driven Structure
Побудувати інтуїтивний користувацький шлях від перегляду категорії до швидкого вибору продукції.
Detailed PDP Architecture
Продумати картку товару з фокусом на варіативність фасування (вага, тип упаковки) та детальні умови доставки.
Trust & Engagement
Впровадити блоки сторітелінгу про виробництво, команду та форму зворотного зв'язку на ключових сторінках.
ГОЛОВНА СТОРІНКА
Опис
Створили апетитне перше враження, що транслює преміальність та крафтові іспанські традиції бренду Atika.
Рішення
Розробили промо-банер із швидкими кнопками дій, зручну сітку популярних категорій, бестселери, блоки сторітелінгу та FAQ-акордеон.
Результат
Головна сторінка стала стильною та зрозумілою вітриною, яка формує довіру до якості продукції з першого екрана.
КАРТКА ТОВАРУ
Опис
Сфокусували увагу на привабливій презентації делікатесів та зручному виборі їхніх характеристик.
Рішення
Впровадили вибір ваги (200g, 500g, 1kg) та типу упаковки, бейджі якості (Handmade, Customers' choice), а також перемикач вкладок доставки та оплати.
Результат
Картка товару виглядає вичерпно та естетично, знімаючи всі сумніви покупця перед додаванням у кошик.
КАТАЛОГ ТА ФІЛЬТРАЦІЯ
Опис
Спростили орієнтацію у великому асортименті м'ясних виробів для роздрібних та гуртових покупців.
Рішення
Розробили бічну панель фільтрів за типом обробки м'яса, ціновим діапазоном та акційними мітками (Sale) поруч із гнучкою сіткою товарів.
Результат
Шлях від перегляду категорії до вибору конкретного продукту став максимально коротким та інтуїтивним.
Ми продумали кожен елемент UI/UX дизайн-системи, спираючись на естетику продукту та найкращі практики e-commerce.
Гнучка архітектурна картки товару: Спроектували інтуїтивний вибір ваги, типу упаковки та перемикач вкладок із деталями доставки й оплати без перевантаження сторінки.
Універсальний B2C та B2B UX: Опрацювали окремі сценарії взаємодії як для роздрібних покупців делікатесів, так і для гуртових замовників із виділеними формами заявки.
Апетитна UI Design System: Створили концептуальну палітру кольорів, контрастну типографіку та набір уніфікованих UI-компонентів у Figma для формування максимальної довіри до бренду.
Дякуємо M1 Development за створення виняткового UI/UX дизайну для Atika! Команді вдалося поєднати естетику іспанських гастрономічних традицій із сучасними стандартами e-commerce. Інтерфейс вийшов інтуїтивним, апетитно оформленим та однаково зручним як для роздрібних покупців, так і для наших гуртових клієнтів.
— Відгук клієнта