Редизайн интернет-магазина

01 — О проекте

Онлайн-магазин для сети Фармаимпекс с более чем 800 аптеками. Редизайнили сайт, мобильное приложение и делали CRM-систему для операторов колл-центра — всё построено на единой дизайн-системе.

Клиент пришёл с запросом на устранение несогласованности дизайна сайта и мобильного приложения, обновление внешнего вида и улучшение UX и системы управления контентом.

Проект находится в разработке

02 — Функционал

Для клиентов (сайт и мобильное приложение)

• Главная страница с персонализированными подборками товаров, статей и аналогов на основе истории покупок
• Поиск и каталог товаров с фильтрацией и сравнением цен в разных аптеках
• Страница товара с описанием, отзывами, рекомендациями и аналогами
• Оформление заказа: доставка или самовывоз
• Выбор аптеки с просмотром цен, акций и специальных предложений
• Онлайн-оплата заказов
• Личный кабинет: история покупок, избранное, бонусный баланс, персональные акции и уведомления

Для сотрудников колл-центра (CRM-система)

• Доступ к каталогу всех товаров и аптек с возможностью оформления заказов
• Подключение к профилю клиента по входящему звонку для помощи в оформлении заказа
• Полный функционал поиска, подбора и оформления товаров, аналогичный клиентскому интерфейсу
• Профиль сотрудника с контактами коллег и историей вызовов

03 — Обязанности

Lead

• Управление командой до 2-х человек
• Составление сметы совместно с руководителем проекта
• Формирование и улучшение дизайн-процесса на проекте
• Обработка, приоритизация и постановка поступающих задач
• Арт-дирекшен работ дизайнеров на проекте
• Презентация и защита решений дизайнеров заказчику
• Технический контроль реализации компонентов и документации для дизайн-системы
• Обучение дизайнеров в процессе работы

UX/UI Designer

• Разработка дизайн-концепции
• Создание архитектуры и функционала редизайна сайта и мобильного приложения
• Конкурентный анализ, выводы и их презентация
• Проектирование и отрисовка финальных макетов
• Разработка дизайн-системы с нуля
• Снятие показателей через Яндекс.Метрику и Google Analytics

04 — Процесс

Для экономии ресурсов выстроил процесс в четыре этапа: создание высокодетализированных прототипов → разработка дизайн-концепции → создание единой дизайн-системы с нуля → сборка дизайна и передача в разработку.

Хронология: Сайт → Мобильное приложение → CRM-система для операторов

05 — Концепция

Метрики показали низкую активность на фоне высокого трафика на главной. Управление контентом сводилось к двум товарным каруселям и баннеру — мы предложили новое решение.

Разработал концепт с 7 виджетами, которые можно комбинировать под разные маркетинговые задачи и тестировать контент. Такой подход лёг в основу всего пользовательского пути — от первого экрана до чекаута.

06 — Дизайн-система

70% контента с сайта, мобильного приложения и CRM идентичны. Если внести изменения в дизайн сайта — они автоматически применяются в мобильное приложение и CRM, что почти не требует времени на обслуживание.

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