Дизайн
iOS-приложения 12storeez
Разработали дизайн мобильного приложения и дизайн-систему для остальных цифровых продуктов бренда
.jpg)
12storeez — узнаваемая российская марка мужской и женской одежды. У бренда 29 магазинов в 11 городах. Основная идея — быстро реагировать на спрос, поэтому новые коллекции выходят каждый месяц
ПРОБЛЕМа
Сайт устарел, а лояльным покупателям нужна удобная площадка для онлайн-покупок
Покупатель
Покупаю у вас несколько раз
в неделю только с айфона.
Очень жду мобильное приложение!
в неделю только с айфона.
Очень жду мобильное приложение!
Основной канал продаж — сайт, спроектированный под десятки заказов в день. Сегодня их может быть несколько сотен и даже тысяч. У марки много лояльных клиентов, которые заходят на сайт ежедневно или несколько раз в неделю.
CEO компании Иван Хохлов обратился в студию с просьбой разработать дизайн мобильного приложения. У нас уже был успешный опыт совместной работы — мы делали экспертный UX-аудит сайта компании.
CEO компании Иван Хохлов обратился в студию с просьбой разработать дизайн мобильного приложения. У нас уже был успешный опыт совместной работы — мы делали экспертный UX-аудит сайта компании.
Задачи
- Сделать интерфейс интуитивно понятным
- Ускорить дизайн новых функций
- Ускорить дизайн новых функций
Разумно сначала найти оптимальное решение для мобайла, а потом адаптировать его к большому экрану
ПРОЕКТИРОВАНИЕ И ДИЗАЙН
Прототипы
По функционалу для приложения ориентировались на текущий сайт. При проектировании было важно учесть привычные покупателям особенности навигации и взаимодействия на платформе iOS
.png)
Главная страница
Спроектировали главную страницу с рекламой новых коллекций, блоком сториз, редакторской подборкой товаров и переходом в соцсети бренда
Каталог
Чтобы акцентировать фотографии в каталоге, сделали их без отступов. Сортировка и фильтры видны, но не бросаются в глаза
Фильтры
Разработали фильтры, которые легко масштабировать под разное количество параметров
Карточка товара
Название, цвета, цену вещи и теги вынесли на первый экран
Добавили историю просмотров
Добавили блоки, которые увеличивают глубину просмотра
Информацию
в карточке вещи разделили на смысловые блоки
в карточке вещи разделили на смысловые блоки
У 12storeez очень классные фото, поэтому мы сделали их большими
Зафиксировали поле «Размер» и кнопку «Добавить в корзину», чтобы они не уползали
при скролле
при скролле
Спрятали разделы с большим количеством информации на внутренние экраны
Добавили раздел с вещами, которые дополняют образ модели на фото
Оформление заказа и корзина
На этапе чекаута требовалось упорядочить массу информации: ФИО получателя, адрес доставки, платежные данные. Сделали пошаговое оформление заказа — простое и функциональное
Результаты
45%
онлайн-заказов делается через мобильное приложение
2x
выше конверсия
в покупку по сравнению с веб-сайтом
в покупку по сравнению с веб-сайтом
ОТзыв клиента
Ребята круты тем, что докапываются до каждой палитры, до каждого пикселя. Важно, что они с нами спорят, а не просто слушают. Умеют хорошо аргументировать, потому что они — профессионалы
Команда
Арт-директор
Евгений Лучинин
Дизайнеры
Лия Дюльдина
Ведущий дизайнер
Александр Карпов
UX-дизайнер
Антон Черногоров
