7 цветов — Сайт биржи и мобильное приложение для продажи цветов

Редизайн онлайн-биржи и разработка приложения для продажи цветов

О продукте

“7ЦВЕТОВ” – крупнейшая биржа по продаже цветов B2B-клиентам, среди которых цветочные сети и студии флористики в Москве, Петербурге, Новосибирске и регионах.

outstaff-icon

8 человек

КОМАНДА
time-icon

1,5 года

ПЕРИОД РАБОТЫ
question.svg

Какая была задача

Заказчик решил обновить устаревший сайт с учетом актуальных тенденций, сделать его функциональнее и удобнее для пользователей, а также разработать с нуля мобильное приложение биржи.

question.svg

Решение

Мы приступили к проекту как аудиторы: выполнили аудит UX/UI биржи (десктоп и мобильной верстки), провели ряд интервью с клиентами биржи. Наши специалисты отдела дизайна составили 4 портрета целевой аудитории и проработали по каждому сегменту детальную CJM: от регистрации/авторизации пользователя до оформления и отслеживания статуса заказа. Выявили ключевые боли целевой аудитории и проблемные места, влияющие на конверсию основного пользовательского пути. Попутно собрали бэклог востребованных функций, которые еще предстоит реализовать.

В соответствии с потребностями бизнеса мы определили основные метрики и сформулировали дополнительную задачу по расширению количества собираемых событий в аналитике продукта. В результате разработали дерево метрик на доске в Miro.

Наш аналитик составил схему с разбиением метрик под определенные сценарии (онбординг, акции, оформление заказа, управление корзиной и т.д.), а также разделил их по приоритетности и целям заказчика: привлечь новых клиентов, повысить уровень лояльности, сократить количество списания товаров и т.п. 

question.svg

Вызовы

Помимо сайта, у клиента уже было мобильное приложение, которое нуждалось как в обновлении внешнего вида, так и в обогащении функциональности. Клиент планировал разработать приложения биржи для Android и iOS и находился в поиске подходящего решения. 

В качестве альтернативы нативным технологиям (Kotlin/Swift) мы предложили технологию PWA (Progressive Web App), которая позволяет “превратить” веб-приложение в универсальное мобильное приложение под платформы Android и iOS.

Преимущества такого подхода:

  • низкая стоимость разработки;
  • короткие сроки реализации;
  • возможность быстрой доставки обновлений до конечного пользователя. 
question.svg

Результаты

С помощью PWA мы не только улучшили внешний вид приложения и опубликовали его в сторах, но и привели веб-версию и мобильное приложение к единому дизайну с точки зрения пользователя.

После релиза наша команда продолжила консультировать клиента по вопросам юзабилити, функциональности и оптимизации работы сайта и приложения. 

Основные функции

  • Новая главная страница со спец.предложениями и новостями
  • Каталог с карточками товаров и фильтрами
  • Оформление заказа
  • Применение промокодов
  • Профиль с личными данными: баланс счета, адреса доставки, избранное, данные персонального менеджера, контактных лиц и пр.
  • Подача претензий
  • Онбординг пользователя
  • Камеры и схемы торговых залов
  • История заказов и отгрузок товара
  • Статус отгрузок
Новая главная страница со спец.предложениями и новостями
Каталог с карточками товаров и фильтрами
Оформление заказа
Применение промокодов
Профиль с личными данными: баланс счета, адреса доставки, избранное, данные персонального менеджера, контактных лиц и пр.
Подача претензий
Онбординг пользователя
Камеры и схемы торговых залов
История заказов и отгрузок товара
Статус отгрузок
01 Новая главная страница со спец.предложениями и новостями
02 Каталог с карточками товаров и фильтрами
03 Оформление заказа
04 Применение промокодов
05 Профиль с личными данными: баланс счета, адреса доставки, избранное, данные персонального менеджера, контактных лиц и пр.
06 Подача претензий
07 Онбординг пользователя
08 Камеры и схемы торговых залов
09 История заказов и отгрузок товара
10 Статус отгрузок
Новая главная страница со спец.предложениями и новостями
Каталог с карточками товаров и фильтрами
Оформление заказа
Применение промокодов
Профиль с личными данными: баланс счета, адреса доставки, избранное, данные персонального менеджера, контактных лиц и пр.
Подача претензий
Онбординг пользователя
Камеры и схемы торговых залов
История заказов и отгрузок товара
Статус отгрузок

Технологии

Alt web/pwa
Alt web/ typescript
Alt web/ javascript
Alt web/react
Alt back/php

Хотите такой же или похожий продукт? Заполните заявку ниже, мы свяжемся с вами, чтобы обсудить вашу задачу

Посмотрите другие продукты: