Кейс агентства Grokhotov Studio о переработке сайта интернет-магазина и разработке мобильных приложений под iOS и Android.
О проекте
Заказчик проекта
ТД «Вимос» — это сеть магазинов с широким ассортиментом товаров для хозяйства, строительства и ремонта.
Ситуация на старте проекта
У компании уже был сайт, но сам по себе цифровой продукт требовал обновления, поскольку интерфейс выглядел устаревшим, часть сервисов работала не так удобно, как хотелось бы пользователям. В этом проекте команда Grokhotov Studio провела комплексную перестройку: от фронтенда и UX до алгоритмов доставки, антифрода и внутренних микросервисов для маркетинга и контента. Интернет-магазин вырос по всем показателям: посещаемость, конверсии, количество предоставляемых на сайте сервисов. Также команда Grokhotov Studio разработала два нативных приложения для платформ iOS и Android.
Интернет-магазин Вимос развился из среднего проекта до сильного продукта на современном стеке технологий.
Цель проекта
На старте задач было много. Требовалось сделать и оптимизировать следующие элементы:
· обновить дизайн и сделать сайт более удобным (особенно в ежедневных сценариях покупки);
· улучшить SEO, чтобы стимулировать рост заказов;
· настроить лояльность так, чтобы пользователи охотнее регистрировались и чаще покупали товары используя свою персональную карту магазина;
· оптимизировать доставку и снизить нагрузку на логистику;
· усилить B2B-сценарии (кабинет юрлица, документы, сверки);
· решить инфраструктурные проблемы: качество изображений, сервисные функции;
· интегрировать сайт с ERP-системой;
· реализовать трёхстадийные схемы фискализации заказов;
· проанализировать высококонкурентную сферу приложений и разработать свой продукт с нуля.
Решение
Стратегия и комплексный подход к проекту
Ключевая стратегия была пересобрать продукт вокруг понятных пользовательских сценариев:
1. быстро найти нужное (в том числе в сложных категориях),
2. правильно рассчитать материалы,
3. выгодно заказать товары и получить доставку,
4. видеть скидки и прогресс по лояльности,
5. повторять покупки без лишних шагов.
Параллельно шла работа с брендом. Иллюстратором Grokhotov Studio был перерисован маскот «Вимоса» — еж. Также был отрисован набор его вариативных иконок под конкретные праздники и события. Они используются в интерфейсе и коммуникациях, чтобы маскот мог время от времени преображаться, но при этом не теряя свою идентичность.
Ключевые инновации проекта
1. Оптимизация доставки: алгоритм, который выбирает выгодные условия.
Команда пересмотрела и переработала алгоритм подбора условий доставки: система стала лучше находить для клиента более выгодный вариант. Это дало двойной эффект: частично снизилась нагрузка на логистику; стоимость доставки для покупателей стала ниже, что усилило конкурентоспособность.
2. Личный кабинет для физлиц: заказы, скидки и уровень лояльности.
Для зарегистрированных пользователей был реализован понятный личный кабинет, где можно:
· смотреть историю заказов;
· видеть сумму скидки по карте и параметры выкупа;
· отслеживать статус и уровень лояльности.
Это простой в использовании и понятный пользователю инструмент, который удерживает его в магазине и подталкивает к повторным заказам.
3. Кабинет для юрлиц: документооборот и управление закупками.
Командой Grokhotov Studio отдельно был проработан B2B-сценарий. В кабинете юрлица доступны:
· история заказов;
· запрос отгрузочных документов;
· отслеживание изменений по уже отгруженным заказам;
· запрос актов сверки за выбранный период.
Фактически это закрывает часть документооборота в цифровом канале и упрощает контроль за закупками.
4. «Оптовая» механика в корзине.
Командой Grokhotov Studio была добавлена логика при которой, когда у товара есть закупочная стоимость и в корзине достигается определённая сумма (порог до 50 000 ₽) пользователь получает дополнительную скидку сверх уже действующих. Внутренне эта механика была названа «оптовой». Она мотивирует увеличивать чек и выгодна для закупочных сценариев.
5. Калькуляторы материалов: сайдинг и водосточные системы.
Команда переработала локальные калькуляторы — один для сайдинга, второй для водостоков. Пользователь вводит параметры дома, выбирает тип, цвет, и система рассчитывает:
· сколько материалов нужно,
· какие позиции добавить,
· в каком количестве.
Это крайне практичная фишка для сайта строительно-отделочных материалов и хозяйственных товаров. Покупателю часто сложно подобрать количество и объем товаров «на глаз», а подобный калькулятор в «Вимосе» помогает избежать ошибок и привлекает новых клиентов своим удобным применением.
6. Оплата частями: интеграция с Плайт.
Сейчас в работе у команды Grokhotov Studio находится интеграция с сервисом оплаты частями Плайт. Сценарий выглядит так: пользователь выбирает способ оплаты, заполняет анкету, сервис проводит проверку и затем перечисляет деньги «Вимосу» (через партнерский банк), а клиент оплачивает покупку не сразу целиком. Подобное решение помогает значительно расширить аудиторию и повысить конверсию.
7. Микросервис для маркетинга: акции и лояльность «в одном окне».
Еще один важный слой, которым занимаются разработчики Grokhotov Studio — это внутренний микросервис, где сотрудники отдела маркетинга «Вимос» смогут управлять промо в условиях одного сервиса сайта, без лишних действий:
· создавать акции (на товар или группу товаров);
· загружать и привязывать баннеры;
· централизованно управлять логикой лояльности.
В перспективе туда же будет возможно подключить поставщиков, чтобы они самостоятельно заходили в систему, видели свои товары, описания, цены и вносили изменения. Таким образом, будет создано единое рабочее пространство для всех участников.
8. Онлайн-оплата и синхронизация заказов колл-центра.
Команда Grokhotov Studio проработала связку «сайт/приложение/колл-центр». Если заказ оформлен через оператора, он синхронизируется с системой и появляется в истории заказов пользователя (если он зарегистрирован по номеру телефона); клиент получает SMS со ссылкой на страницу оплаты конкретного заказа; заказ можно оплатить онлайн быстро и без лишних действий.
Дополнительно логика завязана на выгоде: онлайн-оплата становится более привлекательной для пользователя с картой лояльности.
9. Микросервис изображений: порядок в карточках и каталоге.
Раньше часть товаров могла быть без изображений или с некорректным разрешением. Решением стало вынесение обработки картинок в отдельный микросервис:
· единые размеры для разных сценариев (каталог и карточка);
· корректные форматы и качество;
· исчезают «дырки» в выдаче и проблема разрозненности по картинкам.
Плюс, команда разработчиков Grokhotov Studio сделала сравнение товаров (в том числе в корзине), что особенно полезно в категориях, где важны характеристики.
Сервис записи на шиномонтаж.
На сайте и в приложении реализовали отдельный сервис записи на шиномонтаж (в тех точках, где услуга доступна): выбор мастера, времени, параметров — и заявка уходит напрямую в точку обслуживания. Это усиливает единство системы и помогает монетизировать оффлайн-услуги через цифровой сервис.
Результаты
Проект дал эффект на нескольких уровнях:
· сайт стал практичнее и визуально современнее;
· были улучшены основные сценарии покупки и повторных заказов;
· доставка стала выгоднее для пользователя и стабильнее для логистики;
· лояльность превратилась в понятный инструмент выгоды;
· B2B-процессы частично ушли в цифровой документооборот;
· инфраструктура стала устойчивее: антифрод снизил лишние расходы, микросервис изображений навел порядок в каталоге.
Выводы и перспективы
Кейс ТД «Вимос» — пример способа развития электронной коммерции не точечно, а системно, где одновременно происходит улучшение UX, маркетинг-инструментов, лояльности, логистики и внутренней инфраструктуры.