Pioneum

IDDIS — дизайн интернет-магазина сантехники

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

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

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

Барьеры аудитории
Барьеры аудитории

Люди покупают сантехнику в первый раз с множеством страхов и сомнений. Рядовому покупателю приходится долго вникать в тему. Мы спроектировали интерфейс, который помогает пользователю сделать выбор на всех этапах покупки

Готовые коллекции
Готовые коллекции

Конкурентное преимущество бренда — готовые коллекции. Разработали для них отдельную страницу, сделали возможность фильтровать по алфавиту

Сториз
Сториз

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

Аналитика

Начали проект с серии интервью с руководителем интернет-магазина и отделом маркетинга. Зафиксировали портрет целевой аудитории и модель поведения клиентов при выборе сантехники.

Исследования и аналитику проводили внутренние департаменты компании. Нам предоставили уже готовые артефакты — конкурентный анализ и Customer Journey Map.

Прототипирование

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

title

Функциональность и дизайн

У IDDIS широкий ассортимент, у каждой товарной категории индивидуальный набор УТП. Разработали комплекс иконок, чтобы отразить их.

title

Главная страница

Особенность бренда — уже готовые коллекции. В интернет-магазине можно подобрать сантехнику в едином стиле для всего дома. Это облегчает выбор «рядовым» покупателям и привлекает отдельный сегмент аудитории — дизайнеров. 

Добавили life style фотографии на главную и предусмотрели возможность выбирать товар прямо на баннере.

title

60-80% аудитории бренда ищут товары с мобильных устройств. Первый контакт происходит с телефона, глобальное изучение — через десктоп. Для удобства пользователей ввели поиск по категориям на обеих версиях сайта.

title

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

title

Фильтрация

Показали примененные фильтры по горизонтали, чтобы пользователи легко могли менять критерии при выборе.

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

title

Дополнили фильтрацию человечными вопросами в каталоге для тех, кто не хочет разбираться в десятке характеристик.

title

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

title

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

title

Страница продукта

Показываем чертёж продукта для дизайнеров, которые выбирают сантехнику для проектов. Добавили фото товара на 360° и видео.

При наведении курсора на цену показываем применённые скидки.

Добавили функцию «купить в один клик» — она необходима пользователям, у которых нет возможности самостоятельно заполнить данные в чекауте.

По best practices Baymard выводим рейтинг товара, отзывы к нему и вопросы пользователей.

Предусмотрели возможность загружать пользовательский контент — 45% пользователей делают онлайн-покупки потому, что могут видеть чужие обзоры. Хорошая механика — добавить пользовательский контент в галерею к обычным фотографиям. Это увеличивает лояльность покупателей.

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

title

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

title

Одно из УТП IDDIS — доказанное качество продуктов с контролем производства. В характеристиках показываем паспорт товара и сертификат, чтобы донести эту информацию до пользователей. 

Добавляем тултипы к отраслевым терминам — человеку, который впервые делает ремонт, сложно понять, что такое «аэратор» и «аквастоп».

title

Кросс-продажи

Даём возможность купить сразу комплект к выбранному товару и показываем похожие продукты.

title

Даём возможность фильтровать отзывы по оценкам, популярности и наличию фото. Показываем источники в качестве доказательства.

title

Корзина и чекаут

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

Показываем подробное саммари заказа с возможностью корректировать количество и характеристики товаров. 

В чекауте предусмотрели функцию «Не звонить для подтверждения заказа». Ввели инлайновую валидацию полей — объясняем ошибки ввода в процессе заполнения. 

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

title

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

Внедрили разные платежи: карты, Apple Pay, Google Pay, Samsung Pay, QR-код, наличные и для юридических лиц.

title

Даём возможность оформить подарочный сертификат.

title

Итоги

С помощью нового интернет-магазина IDDIS тестирует новую бизнес-модель. Сейчас проект отдан в разработку. На первом этапе разработали MVP с минимально функциональностью.

Изначально искали подрядчика с экспертизой в UX/UI и дизайне для разработки монобрендового интернет-магазина. Проштудировали списки «Рейтинга Рунета» и Tagline. Сделали выборки по дизайну с vc.ru. Именно статьи с последнего ресурса заставили акцентировать свое внимание на Mojo.

Ребята показали глубокие знания в UX/UI, знают и чтят институт Baymard, что редкость в наше время. Я оценил свежий и незамыленный взгляд. Плюс человеческие качества компании — отсутствие навязывания чего-либо, лëгкий контакт, быстрая коммуникация.

Результатом очень довольны. Самое главное — ожидания и реальность полностью совпали. Мы получили классный дизайн с учëтом нашей специфики и трендов e-com’а.

Владимир Пашков

Владимир Пашков

Руководитель интернет-магазина IDDIS