Від концепції до запуску
UX/UI
185 hours
Розробка
241 hours
Софт для дизайну
Figma & Ilustrator & Photoshop
Технологія
Webflow
ПРОБЛЕМИ ТА ВИКЛИКИ
Адаптація айдентики бренду до digital
The Brand into Digital
Вихідні матеріали — постери та вінтажна графіка, не адаптована під веб. Потрібно було зберегти дух бренду, не втративши юзабіліті.
Choosing the Right Platform
Класичні e-commerce рішення не давали потрібної свободи в анімаціях і переходах, яких вимагав дизайн.
Aesthetics & Functionality
Потрібно було поєднати нестандартний дизайн із зрозумілою навігацією та зручним процесом покупки.
ЦІЛІ
Створення інтернет-магазину, що передає стиль життя бренду
Design & Visual
Реалізація урбаністичного дизайну з акцентом на постери, типографіку та вінтажну естетику.
Platform
Вибір Webflow як платформи, що найкраще підходить під філософію та гнучкість анімацій бренду.
UX
Класична логіка інтернет-магазину, доповнена нестандартними переходами та візуальними ефектами.
ГОЛОВНА СТОРІНКА
Опис
Створили емоційний перший екран, який знайомить користувача з брендом через сміливу типографіку та яскраві візуальні акценти.
Рішення
Реалізували адаптивний Hero-блок, інтерактивні секції та плавні анімації, які формують цілісний бренд-досвід із першої секунди.
Результат
Головна сторінка стала продовженням айдентики Oatly та ефективною точкою входу для знайомства з брендом і продукцією.
СТОРІНКА ПРОДУКТУ
Опис
Побудували сторінку навколо продукту, поєднавши візуальну подачу, характеристики та історію бренду в єдиному інтерфейсі.
Рішення
Оптимізували структуру контенту, додали зручну галерею, блоки з описом, інгредієнтами та перевагами продукції.
Результат
Користувач отримує всю необхідну інформацію швидко та в комфортному форматі, що позитивно впливає на взаємодію із сайтом.
NEWS
Опис
Створили інформаційний центр бренду для публікації новин, пресрелізів та корпоративних матеріалів.
Рішення
Реалізували структурований каталог новин із фільтрацією за роками та розділами, забезпечивши зручний пошук актуальних матеріалів.
Результат
Розділ став єдиним джерелом офіційної інформації про бренд, покращив користувацький досвід та підтримав інформаційну відкритість компанії.
Ми створили не просто корпоративний сайт, а цифровий простір, який продовжує комунікацію бренду Oatly.
Урбаністичний дизайн без компромісів. Перенесли фірмову айдентику Oatly в цифровий простір, зберігши характер бренду через сміливу типографіку, нестандартні композиції та плавні анімації.
WebFlow як маркетингова платформа. Побудували сайт, який дозволяє команді самостійно оновлювати контент, запускати нові кампанії та швидко адаптувати сторінки без залучення розробників.
Швидкий та інтуїтивний користувацький досвід. Поєднали яскравий дизайн із логічною навігацією та високою продуктивністю, щоб кожна взаємодія із сайтом була комфортною незалежно від пристрою.
Команда M1 Development змогла передати настрій нашого бренду в кожному елементі сайту. Ми отримали не просто красивий дизайн, а платформу, яка легко масштабується, зручна для команди та допомагає розвивати бренд у цифровому середовищі.
— Відгук клієнта