От концепции к запуску
UX/UI
185 часов
Разработка
241 часов
Софт для дизайна
Figma & Illustrator & 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 смогла передать настроение нашего бренда по каждому элементу сайта. Мы получили не просто красивый дизайн, а легко масштабируемую платформу, удобную для команды и помогающую развивать бренд в цифровой среде.
- отзыв клиента