Цифросити. Переосмыслили сайт магазина электроники, сократили путь клиента и сделали умный поиск. А еще сделали удобный конструктор в карточках

Главное о кейсе

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

Как проект изменил жизнь пользователей

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

Пользователь выбирает модель → заполняет короткую форму → приходит в офлайн-точку и забирает телефон.

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

Поиск стал умным: он понимает запросы с ошибками, транслитом, неправильной раскладкой — и всё равно приводит к нужному товару. Пользователь не уходит, потому что не смог «найти iPhone, написанный кириллицей».

В итоге опыт стал быстрым, честным и прозрачным:
— легко найти, легко сравнить, легко забронировать;
— не нужно думать, где искать нужную модель или информацию;
— сайт ведёт пользователя за руку и не даёт ему «потеряться».

Бизнес-задача и ее решение

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

1. сократить пользовательский путь до минимума;
2. увеличить количество «броней», а не онлайн-заказов;
3. сделать сайт максимально понятным и лёгким для быстрого выбора.
4. Мы полностью отказались от корзины, оформления заказа и онлайн-оплаты.
5. Оставили только заявку на бронирование, которую менеджеры закрывают в офлайне, допродавая аксессуары, стекла и т. п.
6. Также бизнесу важно было разделить две сущности — «Цифросити» (магнитогорский сайт) и «Цифропитер» (питерский сайт).

По факту это вылилось в создание второго сайта на основе первого:
— отдельный домен,
— свой логотип,
— собственная админка,
— своя версия продукта,
— общая логика UX.

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

Крафт (мастерство), реализация, технические детали

1. Упрощённая карточка товара + конструктор выбора
Это ключевая фича.
Мы переработали карточку так, чтобы человек мог:
— сравнивать серии (14, 15, 15 Pro…),
— переключаться между моделями,
— менять цвет и объём памяти,
— смотреть всю нужную информацию на первом экране,
— не возвращаться в каталог.
Таким образом, карточка стала отдельным мини-приложением — навигация внутри неё быстрее, чем по самому каталогу.

2. Интеллектуальный поиск на модуле Bitrix
Поиск стал понимать:
— опечатки;
— морфологию;
— запросы в другой раскладке;
— «iPhone» написанный кириллицей;
— транслит.
Это сильно увеличило конверсию: пользователи перестали уходить, не найдя товар.
Поиск также сохраняет историю запросов, так что человек может вернуться через неделю и сразу попасть на модель, которую рассматривал.

3. Адаптация под офлайн-процессы
Мы учли специфику бизнеса:
— в Магнитогорске телефон можно привезти в любую точку за 10 минут — мы сделали плашку «Получите через 10 минут»;
— в Питере сроки другие — логика меняется автоматически;
— трейд-ин доступен только в одной сети — сделали отдельный выделенный раздел.

4. Дизайн, обновление логотипа и визуальная система
Мы не делали полный брендинг, но:
— обновили логотипы двух сетей,
— освежили шрифт и знак,
— полностью переработали визуал сайта, которому было 8+ лет,
— добавили фирменные иконки, которые использовались на офлайн-ларьках, чтобы «поженить» онлайн и офлайн.
Добавили яркие категории-кружки, чтобы клиент мог сам управлять тем, что сейчас важно подсветить.

5. Переработка структуры главной страницы
Мы разнесли блоки так, чтобы человек видел:
— популярные категории,
— новинки,
— товары по акциям,
— важные сервисные странички.
Раньше всё шло одной «колбасой», теперь это логичные чистые секции.

6. Мобильная версия как «почти приложение»
Мы сделали мобильный сайт максимально похожим на приложение:
— удобная карточка товара,
— быстрый доступ к конструкторам выбора,
— компактная структура,
— интуитивная навигация.

7. Интеграции и технические штуки
— Битрикс как CRM + сайт.
— Настройка складов и точек выдачи с динамическими плашками о сроках.
— Подключение нового поискового модуля вместо разработки собственного.
— Текущая интеграция с мультибоксом для ускорения обработки заявок.
— Переезд второго сайта на отдельный домен с собственной админкой.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Скриншоты