E-commerce трансформация бренда FixPrice

E-commerce трансформация бренда

В последние несколько лет розничные сети активно наращивают свое присутствие в интернете — для них это способ получить дополнительный канал коммуникации с клиентами и, конечно, новых клиентов и заказы. C задачей создать удобный онлайн-магазин столкнулась и сеть FixPrice, которая обратилась к нам за сайтом.

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

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

Еще перед нами стояла задача упростить жизнь клиентам — объединить сайт бонусной программы с онлайн-витриной, чтобы у клиентов была возможность получить все услуги FixPrice в одном месте.

С чем мы столкнулись

Сложнее всего было преодолеть отсутствие опыта у FixPrice в e-commerce. Мы разрабатывали сайт одновременно с тем, как в компании полностью пересматривали логистику и подход к продажам. Нам приходилось адаптироваться под постоянные изменения и думать, как лучше встроить их в дизайн и структуру сайта. Например, клиент решал, какие поля регистрации надо добавлять, а без каких можно обойтись. Так мы добавляли и затем убирали графу с индексом по нескольку раз.

Автоматизация интернет-магазина

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

Мы упростили задачу менеджерам, интегрировав сайт с ERP-системой магазина. Туда разработчики перенесли все наименования, и теперь их можно автоматически выбирать для описания товаров.

Личный кабинет

Во время разработки личного кабинета нам поставили условие: нельзя хранить данные клиента на стороне системы «1С-Битрикс», с помощью которой пользователи регистрировались, потому что есть риск нарушить закон 152 ФЗ о хранении информации о клиенте.

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

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

UX/UI

На этапе прототипирования мы использовали принцип «кошелек Миллера». Согласно исследованию ученого, кратковременная человеческая память не может запомнить и повторить более 7 ± 2 элементов. Поэтому на каждой странице мы разместили около семи объектов.

Страницы каталога
Проработка дизайна

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

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

Адаптивные страницы
Дизайн-токены

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

Адаптивный дизайн
Карточки товаров