Клиент — московский ритейлер техники Apple и игровых консолей PlayStation. В ассортименте смартфоны, ноутбуки, планшеты, часы с ремешками, консоли и аксессуары. У компании есть собственный шоурум и курьерская доставка, но полноценного магазина в интернете не было.
Действующий сайт представлял собой витрину без корзины: клиент выбирал товар, писал в мессенджер, менеджер вручную уточнял наличие, конфигурацию и стоимость доставки. Часть покупателей терялась именно на этом шаге — особенно вечером и в выходные, когда ответа приходилось ждать.
Дополнительная сложность — специфика ниши. Покупатель премиальной техники сравнивает конфигурации, проверяет комплектацию и год выпуска, читает отзывы. Ему нужно быстро отфильтровать каталог по модели, объёму памяти, цвету и цене, а затем убедиться, что товар оригинальный и на него есть гарантия. Старый сайт не давал ни того, ни другого.
Основные цели проекта:
Полноценный e-commerce: перевести продажи из переписки в корзину с онлайн-оплатой и прозрачным расчётом доставки.
Удобный выбор: построить каталог с быстрыми фильтрами и понятной карточкой товара, где конфигурация, комплектация и наличие видны без лишних кликов.
Доверие к продавцу: снять главное возражение ниши — «а оригинал ли это» — через блоки о гарантии, проверке и условиях возврата.
Снижение нагрузки на менеджеров: закрыть типовые вопросы о наличии, сроках и доставке прямо на сайте.
Масштабирование: заложить структуру, в которую можно добавлять новые категории и модели без переделки каталога.
Для достижения поставленных целей я реализовал комплексный подход, разделённый на несколько этапов:
Исследование и аналитика:
Разобрал более 30 магазинов техники — от крупных федеральных сетей до нишевых бутиков Apple. Проанализировал, как устроены их фильтры, карточки товара и шаги оформления заказа, где пользователь спотыкается и почему бросает корзину. Провёл интервью с менеджерами клиента и собрал список вопросов, которые чаще всего задают покупатели по телефону. Эти вопросы легли в основу структуры карточки товара.
Проектирование и UX-стратегия:
Спроектировал каталог с фильтрацией по категории, модели, объёму памяти, цвету и цене, с мгновенным пересчётом выдачи без перезагрузки страницы. Карточку товара собрал по принципу «ответ до вопроса»: галерея, выбор конфигурации, ключевые характеристики, комплектация, статус наличия, срок доставки и условия гарантии — всё выше первого скролла. Оформление заказа сократил до одного экрана с автоподстановкой адреса и выбором способа получения.
Визуальный язык:
Цветовая палитра — светлая: белый и мягкий серый фон с единственным акцентным синим. Такой фон не спорит с товаром: техника на светлом читается как в фирменном каталоге производителя, а синий работает только на кнопках действия и потому не теряется.
Типографика — нейтральный гротеск с широким набором начертаний. Для таблиц характеристик подобрал начертание с одинаковой шириной цифр, чтобы колонки не «плясали».
Сетка и композиция — 12-колоночная сетка, крупные карточки товара, много воздуха. Полупрозрачные «стеклянные» панели с мягким размытием и тонкими границами дают глубину без визуального шума и поддерживают ощущение премиального продукта.
Интерактив и техническая реализация:
Внедрил быстрый поиск с подсказками, сравнение товаров, избранное и корзину с сохранением состояния. Добавил плавные появления блоков при скролле и подсветку карточек при наведении. Сайт адаптирован под все типы устройств — от смартфонов до широких мониторов, проверен на 20+ разрешениях. Отдельно оптимизировал скорость загрузки каталога: изображения в современных форматах, ленивая подгрузка, сжатие ресурсов.
Проект реализован «под ключ» — от исследования ниши до запуска. Клиент получил не витрину, а работающий канал продаж: заказы оформляются онлайн, менеджер подключается только на этапе подтверждения. Рост числа заказов через сайт составил 82%, доля брошенных корзин снизилась на 41%, а глубина просмотра выросла в 2,1 раза — покупатели стали изучать каталог, а не уходить после первой страницы.
Нагрузка на отдел продаж сократилась: типовые вопросы о наличии, гарантии и доставке теперь закрывает сам сайт. Структура каталога позволяет добавлять новые модели и категории силами клиента, без привлечения разработчика.