Написать внутренний продукт для B2B-бизнеса или систему учёта и контроля для производств — одно, скоординировать работу банка, почты или государственных финансовых институтов — уже другое. Но компания Colvir Software Solutions, основанная в Великобритании, уже 20 лет успешно разрабатывает и внедряет комплексные интегрированные решения для автоматизации бизнес-процессов в любых субъектах экономики, какими бы сложными и иерархичными те ни были.

В компании разработали новаторское решение для бизнеса — Colvir MIS. Это система для поддержания полного цикла управления и принятия грамотных бизнес-решений в любых отраслях. И ей требовался добротный сайт-презентация, который раскрыл бы все преимущества разработки, вызвал доверие и сформировал целое бизнес-сообщество.

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

А между тем, пользователям хочется ответить для себя на ряд вопросов, прежде чем выбирать партнёра для внедрения решения по автоматизации бизнеса.

1. Обычно не очевидно, действительно ли решение подходит под нужды компании

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

Следом размещаем блок «Решения по направлениям» — рассказываем об отраслях, в которых у Colvir богатая экспертиза: государственные организации, банки и финансовые организации, предприятия и холдинги.

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

Рассказываем о преимуществах решения Colvir в интерактивном блоке и подкрепляем их разделом с реализованными кейсами. В кейсах — лого и название компании, проблема и решение, а также теги по отраслям.

3. Клиентов часто беспокоит длительность сроков внедрения, стоимость проекта и сложность его масштабирования

Нужна консультация. В блоке «Оцените решения Colvir» предлагаем ознакомиться с презентацией, посмотреть видео, воспользоваться услугой try&buy или заказать демонстрацию продукта к себе в офис или по скайпу. Перед футером дублируем предложение в CTA — форме заявки.

4. Многие клиенты не хотят сложностей с настройкой системы и не уверены, подойдёт ли она под их конфигурацию

Размещаем блок «варианты внедрения» — есть возможность внедрить на площадке клиента или использовать модель SaaS с облачными технологиями.

Прототип получился информативным, но при этом не перегруженным информацией — всё чётко и по делу:

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

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

Заказчик усилил идею промо-блока подходящим по смыслу текстом, а также подобрал к ключевым принципам системы Colvir MIS подходящие цитаты, которые хорошо вписались рядом с блоком о возможностях системы:

Идея с округлым компасом наследуется в других блоках, где элементы вписаны в круги — например, в разделе с преимуществами или с кейсами.

404-ю страницу обыграли идеей с дисконнектом, а на этапе сборки добавилась анимация, где нолик разъединяется.

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

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

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

У всплывающего поля снизу, отвечающего за CTA, заказчик может настраивать визуал (а может и видео добавить), а также привязывать к нему нужные формы обратной связи.

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

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

На сайте предусмотрено 3 формы обратной связи — больше не нужно гадать, подойдёт ли система для конкретного бизнеса. Можно просто заказать демонстрацию в офис или онлайн, попробовать режим try&buy либо задать интересующий вопрос.

На адаптиве для смартфонов нам удалось сохранить фишку проекта с окошком и компасом — слайд с текстом разместили ниже. На версии для планшетов всё работает так же, как и на ПК.