Тысячи характеристик: как сделать выбор оборудования проще

ZEN (Zero Error Network) — B2B-компания, которая поставляет сетевое оборудование и оптические модули для корпоративных сетей. Среди её клиентов — IT-руководители, технические специалисты и владельцы малого бизнеса. Одним важно проверить характеристики и совместимость оборудования, другим — сравнить модели и подобрать решение под конкретную задачу.

Когда ZEN обратились к нам, у компании ещё не было сайта и фирменного стиля. Нужно было с нуля разработать интернет-магазин, который представит бренд на рынке и станет полноценным каналом продаж.

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

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

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

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

Каталог

Карточка товара

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

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

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

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

База знаний

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

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

Лого и брендбук

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

Начали с макетов, которые команда ZEN подготовила с помощью нейросети. Они помогли понять, каким компания видит будущий продукт. Мы взяли их за отправную точку и на этой основе разработали целостную визуальную систему.

Аналитика

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

Из этого сформировались основные принципы сайта:

• Несколько способов поиска: по бизнес-задаче, характеристикам и конкретной модели.

• Подробные карточки товаров: с техническими параметрами, необходимыми для проверки совместимости.

• Сравнение моделей: чтобы сопоставлять характеристики похожих устройств.

• Статусы наличия и доставки: «в наличии», «под заказ» и ETA.

• Базу знаний и обучающие материалы: для тех, кто пока не определился с подходящим решением.

• Личный кабинет: для работы с заказами и дальнейшего взаимодействия с компанией.

Отдельно посмотрели на конкурентов.

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

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

Интеграция с 1С

Сайт с самого начала готовили к интеграции с 1С. Каталог, товары и связанные с ними данные должны синхронизироваться с учётной системой, чтобы команде ZEN не приходилось вручную обновлять информацию в двух местах.

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

Коммуникация

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