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

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

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

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

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

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

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

Клиенту понравились структура и космический визуал основной версии — она получилась впечатляющей, но немного мрачной, хотя изначально заказчик был не против монохромной гаммы.

Так, двигаясь от прототипа поэтапными дизайн-шагами (scrum-студия всё-таки), мы нашли идеальное для клиента решение:

На сайте практически нет типовых текстовых страниц — на странице «Компания» процесс показан с помощью иллюстрированных блоков. Похожий приём используется на странице «Как купить».

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

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

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

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

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

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

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

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

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

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