Интернет-магазин роботехники для дома от iBoto

1. Вводная задача от заказчика, проблематика, цели

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Суть бренда — свобода времени: вместо унылой выматывающей генеральной уборки теперь можно заняться более приятными делами, пока робот iBoto всё сделает сам. Поэтому важно было создать ощущение уюта, комфорта и сделать акцент на эмоциях, а не на технологичности (с технологичностью и так всё в порядке).

На этапе обсуждения мудборда и референсов мы определили ожидания от дизайна:

• уют, тепло, легкость, свобода, воздух;
• идея приятного времяпрепровождения с близкими;
• фирменный персонаж;
• лёгкие 3D-анимации.

У заказчика изначально был классный брендбук с красивыми градиентами и принтом расходящихся кругов — в процессе к имеющемуся фирменному стилю мы добавили небольшие псевдо-3D объекты. Также добавили интересный переход к видео на главной: вначале оно вписано в фирменный элемент (улыбку из лого), а затем разворачивается на всю ширину экрана. Это добавляет сайту промовости.

3. Результаты сотрудничества

Подборщик

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

Чёткая карточка товара

В каждой карточке — уйма информации. Фотогалерея и подробное описание. Аккуратно сверстанные в таблицы характеристики. Отзывы со ссылками на источник и фотографиями владельцев. Ссылки на партнёров, у которых также можно купить товар. Ненавязчиво предлагаемые сопутствующие и интересные товары. Есть инструкция к устройству, которую можно скачать.

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

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