Pioneum

Rosan Pay — редизайн и разработка интернет-магазина

Разработали интернет-магазин с бесшовной привязкой карты к аксессуарам для бесконтактной оплаты

Год запуска: 2021
title
До

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

До
После

Максимально облегчили пользователю все действия на сайте. Спроектировали бесшовную привязку карты к аксессуару. Знакомим пользователя с продуктом с помощью фото и видео в контексте использования

После

Особенности проекта

Барьеры клиентов. Бытует миф, что бесконтактные платежи небезопасны. Массовая аудитория ещё не понимает, в чём польза аксессуаров для бесконтактных платежей и как с ними работать

Специфичный этап подключения карты. Пока карту не привяжешь к изделию — его не пришлют, потому что это происходит на заводе производителя. Мы сделали этап органичным и незаметным

Совершенно новый продукт без устоявшегося рынка

Аналитика

Первым этапом провели интервью с владельцем проекта. Выделили особенность продукта, боли и драйверы аудитории, проблемы компании и задачи, которые стоят перед интернет-магазином.
Сделали аудит прежней версии сайта. На этом этапе смогли приоритизировать проблемы:  

1. Низкая скорость загрузки.
2. Специфика товара передана только через текст, в который мало кто будет вникать. По данным NNg, люди в среднем читают только 20% текста на странице.
3. Неудобная навигация и отсутствие поиска по сайту.
4. Много красивого, но совершенно неинформативного фото и видео контента.
5. Отсутствие дизайн-системы — разная стилистика иконок и толщины линий.
6. Проблемы с конрастностью у текста.
7. Отсутсвие фильтрации и сортировок, что точно станет проблемой для пользователей при расширении ассортимента.
8. Отсутствие личного кабинета. Негде хранить историю покупок и отслеживать статусов заказа.

 

Сформировали пул задач для немедленной разработки и следующих итераций на поддержке проекта.

title

Дизайн и функциональность

Полностью переосмыслили дизайн. На первом экране разместили большой баннер с товаром в контексте использования. Сразу даём понять, что это интернет-магазин аксессуаров для бесконтактной оплаты, а не просто сайт с украшениями.

title

На втором экране показываем преимущества товара в рекламном ролике. Минимум текста — больше динамики.

title

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

title

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

title

Сверстали инструкцию на случай, если видео не будет прогружаться у пользователя.

title

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

title

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

title

Разделили поля в чекауте на несколько категорий, чтобы не пугать пользователей объёмом собираемых данных. Формируем ожидания с помощью заголовков. Личный кабинет оставили для второй итерации. Сейчас запрашиваем у пользователей почту и шлём уведомления о статусе заказа туда.

title

Привязываем карту к аксессуару на thanks page. Даём подробные инструкции и поддерживаем пользователя на каждом шаге.

title

Итоги

Разработку вели на WordPress, так как сайт должен соответствовать требованиям GDPR — регламенту Евросоюза по защите данных. Сейчас мы продолжаем дорабатывать функциональность и работать над визуалом. В ближайших планах — личный кабинет.

Нашёл компанию на vc.ru. Увидел примеры их проектов в статьях — мне хватило, чтобы убедиться в экспертизе. Вместе с Mojo разработали редизайн интернет-магазина Rosan Pay. Сейчас продолжаем дорабатывать функциональность сайта и развиваем приложение. Работой команды очень доволен, в планах передать им и другие проекты «Розан Файнэнс».

Руслан Айбазов

Руслан Айбазов

Директор по развитию АО «Розан Файнэнс»