ZARINA
С нуля разработали новое мобильное приложение для известного бренда одежды, чтобы помочь ему увеличить долю онлайн-продаж и сохранить лидерство на рынке
Клиент
Melon Fashion Group

Год
2021—2022

Награды
2 золота и 1 бронза
ZARINA

С нуля разработали новое мобильное приложение для известного бренда одежды, чтобы помочь ему увеличить долю онлайн-продаж и сохранить лидерство на рынке
Клиент
Melon Fashion Group

Год
2021—2022

Награды
2 золота и 1 бронза
Золото
Workspace Digital Awards 2023
в номинации «Торговля»
Золото
Tagline Awards 2022
в номинации «Лучшее ритейл-приложение»
Бронза
Золотое приложение 2022
в номинации «Образ жизни»
до
Лето 2021-го. Бизнесу требуется новое мобильное приложение — с его помощью ретейлер планирует привлечь молодую аудиторию и улучшить покупательский опыт в онлайне.

Компания ищет партнёра, который сможет разработать стильное, эстетически приятное приложение с понятной навигацией
После
  1. Зарелизили мобильное приложение ZARINA в App Store и Google Play в сентябре 2022
  2. Попали на 58-ое место рейтинга «Покупки» в App Store
  3. Набрали более 10 тысяч скачиваний в Google Play за первые два месяца
  4. Среднее время нахождения пользователя в приложении — 15 минут

|

1. Выяснили, каким eCommerce-приложением
хочет быть ZARINA

Когда клиент пришёл к нам, ZARINA меняла своё позиционирование. Нарратив романтичности и девичести, проговариваемый в tone of voice бренда, в его айдентике, даже в дизайн-коде помещений, сменился на минимализм и самодостаточность.
Бренд ZARINA стал более серьёзным, но от этого не менее женственным. Главный критерий UI-дизайна — эстетичность. Клиенту хотелось, чтобы приложение ZARINA выглядело как стильный лукбук, любую вещь из которого  можно купить.
решения

2. Подобрали референсы, близкие клиенту по настроению

Клиент хотел видеть стильное, заботливое приложение, которое отвечало бы новому позиционированию и по стилистике приближалось к премиум-сегменту. Никакого кричащего дизайна и активных продаж, как на Wildberries.
Мы ориентировались на приложения MANGO, H&M, 12 Storeez, Massimo Dutti, Farfetch. Эти проекты — контентные. В них много фотографий и разделов с упором на визуальную составляющую. Маркетинговая политика ZARINA тоже отдаёт предпочтение визуалу — это проявляется и в количестве фотосессий, и в активности, с которой бренд ведёт свои социальные сети.
решения

3. Разработали дизайн-концепцию будущего приложения

Утвердили простые формы
Предложили клиенту остановиться на минималистичных иконках и уйти от скруглённых элементов. Контент Зарины — стильный сам по себе. Если бы мы начали скруглять углы на фотографиях, то потеряли бы значимую часть фото и сломали геометрию. Это привело бы к изменению посыла и откинуло нас к игривости предыдущего дизайна.
Выбрали самодостаточный шрифт
Искали шрифт, который удобно читать, и который мог бы украсить приложение. Circe подошёл нам идеально. Это спокойный геометрический гротеск с гуманистическими чертами. Его форма — про минимализм и упрощение, но в то же время в ней есть изюминка. Например, у букв «Ж» и «К» интересный узел, в котором сходятся диагональные штрихи. Такие детали и задают шрифту стиль.
Бордо — новый розовый
Клиент хотел уйти от розовой айдентики, поэтому мы выбрали новый акцентный цвет. На фоне черного, серого и белого — классических для eCom-приложений цветов — выгодно смотрится оттенок бордо.
Он стал тем минимальным акцентом для скидок и других коротких надписей: яркий среди монохромной палитры, но не слишком активный, чтобы перетягивать внимание.
решения

4. Помогли пользователю сориентироваться в каталоге

Сделали «Умный поиск»
Фича помогает человеку найти нужную вещь быстрее, чем он допишет запрос. С помощью алгоритмов приложение конкретизирует информацию, которую вводит пользователь: предлагает цвет, модель, категорию, перенаправляет в нужный раздел и помогает человеку найти товар, если в запросе опечатка.
Проработали два вида отображения товара в каталоге
Товары отображаются сеткой или крупными карточками. Первый вид помогает в быстром поиске и сравнении товаров, а второй позволяет рассмотреть вещь во всех деталях и оценить эстетику фото.
Не забыли про быструю покупку
Естественно, пользователь может положить товар в корзину или добавить его в избранное прямо из каталога, не переходя в карточку товара. Эта неприметная функциональность — мастхэв для любого eCom-приложения. Она делает его удобнее и отвечает на потребность человека купить вещь в ту же секунду, как он её захотел.
решения

5. Сосредоточили внимание человека на товаре

Задали концепцию центрирования
Модели на фотографиях ZARINA находятся в центре экрана. Мы хотели поддержать композицию основного фото и установили все элементы карточки товара (фото, название, цвет, стоимость) на одну ось. Тему с центрированием продолжили на Главном экране, хотя часто он выравнивается по левому краю.
Скрыли детали
Информацию о составе, производителе, уходе за товаром и артикулы свернули в строку «Детали», чтобы сэкономить место, добавить воздуха и не отвлекать пользователя от изучения фотографий.

решения

6. Упростили сложный бизнес-процесс клиента при оформлении заказа

У ZARINA есть онлайн- и офлайн-магазины. Если покупатель заказывает одежду онлайн и её нет в физическом магазине, то доставить заказ смогут только на дом со склада. Самый сложный в UX момент — понять, как не расстроить человека, если он выбрал товар и хочет доставить его в магазин, но не может этого сделать. Эту проблему нужно было решить до того момента, как пользователь начнёт оформлять заказ. Для этого мы:

Разработали перекрёстные фильтры
Пользователь может смотреть товары, которые доступны для доставки или, наоборот, доступны для самовывоза из магазина. Пользователь активирует переключатель, и весь контент в приложении перестраивается под удобный способ получения товара.
Добавили тег «Эксклюзивно онлайн»
Небольшая надпись под фотографией подсказывает пользователю, что товар может быть куплен только онлайн. Это поможет сориентироваться, если человек вдруг забудет выставить фильтр.
Спроектировали две корзины
На случай, если человек пропустит предыдущие шаги, мы сделали такую цепочку: пользователь выбирает товар → кладёт его в корзину →
и на этапе корзины понимает, каким способом может его получить.
решения

7. Сделали из приложения ZARINA больше, чем eCom

Главный экран, как в соцсетях
Предложили сделать классический главный экран — подборки баннеров, которые разбиваются каруселью. Но с небольшим дополнением: историями, как в соцсетях. Истории помогают бренду общаться с покупателями о важных темах и показывать новые коллекции. С точки зрения администрирования, сторис — элемент, которым очень легко управлять. Нужно просто загрузить контент, который сделала команда маркетинга, через панель администратора.
Возможность выбрать свой стиль
Приложение ZARINA не просто продаёт одежду. Оно стремится помочь каждой покупательнице подобрать образ, который подойдёт ей по самоощущению. В каталоге приложения есть раздел товаров «Выбери свой стиль» — он помогает понять, какой стиль ближе конкретной девушке: повседневный, деловой, женственный, минималистичный или ультрамодный.
Образ целиком
Хотели добавить кнопку «Купить образ целиком». Но это очень сложное флоу для человека: кнопка работает только в идеальном мире, где человеку нравится вся одежда из образа, устраивают цены, а все размеры есть в наличии.

Вместо неё сделали фичу «Образ целиком». Это мини-галерея в карточке товара, которая показывает вещи на модели. Из мини-галерии легче выбрать то, что подходит. А ещё она действительно помогает пользователю совершать покупки: ему не надо возвращаться в каталог, чтобы добавить сумочку с фотографии — достаточно пролистать экран вниз и нажать «В корзину».
результат

Мы помогли нашему клиенту запустить продажи в мобайле и сделали так, чтобы люди не испытывали сложностей при работе с приложением. Время, которое человек проводит в мобильном приложении ZARINA, это — шопинг, отдых, развлечение и возможность открыть для себя что-то новое и найти свой собственный стиль.



Скачать приложение
в Google Play
*iOS-приложение временно недоступно в App Store

Над проектом работали

Евгения Батрак — проджект-менеджер
Илья Помазков — аккаунт-менеджер
Витя Михаль — аналитик
Саша Веселовская — аналитик
Саша Купина — дизайнер
Кирилл Файфер — iOS-разработчик
Рома Солодянкин — iOS-разработчик
Ваня Леонтьев — Android-разработчик
Влад Ерофеев — Android-разработчик
Андрей Кузнецов — DevOps
Лена Балова — QA-инженер
Саша Смоленцев — QA-инженер

Над проектом работали

Евгения Батрак — проджект-менеджер
Илья Помазков — аккаунт-менеджер
Витя Михаль — аналитик
Саша Веселовская — аналитик
Саша Купина — дизайнер
Кирилл Файфер — iOS-разработчик
Рома Солодянкин — iOS-разработчик
Ваня Леонтьев — Android-разработчик
Влад Ерофеев — Android-разработчик
Андрей Кузнецов — DevOps
Лена Балова — QA-инженер
Саша Смоленцев — QA-инженер

Похожие проекты

Статьи в тему

7 минут
7 минут
8 минут
13 минут
11 минут
9 минут
Чем мы можем вам помочь? Кратко опишите запрос на разработку — мы свяжемся с вами в течение дня
Чем мы можем вам помочь? Кратко опишите запрос на разработку — мы свяжемся с вами в течение дня