Редизайн сайта по продаже системы управления тестированием
Проект и клиент
Клиент, продуктовая команда Test IT, специализируется на разработке системы управления тестированием. С 2019 года предоставляет TMS (Test Management System) известным компаниям России в сферах fintech, страхования и разработки ПО.
Продукт Test IT включает в себя управление ручным и автоматическим тестированием. Основное преимущество решения — оно легко интегрируется с другими внешними системами.
Задачи клиента
Клиент поставил перед собой цель — получить конкурентное преимущество. С помощью современного, привлекательного и интуитивно понятного дизайна требовалось отстроиться от прямых игроков на рынке тестирования.
Помимо UX/UI-редизайна было необходимо настроить административную панель сайта для удобной обработки поступающих заявок от пользователей.
По завершении работ команда «Иностудио» провела техническое обучение сотрудников клиента по работе с CMS October.
Особенности дизайна
Перед началом проектирования дизайна наша команда проанализировала корпоративный сайт клиента и изучила продукты конкурентов.
Мы выделили «слабые дизайнерские места», которые требовали нашего профессионального вмешательства. Перечислим основные моменты:
- отсутствуют акценты, глаз не цепляется за информацию;
- большие полотна текста без деления на блоки;
- тёмное и мрачное оформление, в котором можно попросту утонуть ночью, а днём ничего не увидеть.
Важно отметить, приоритетное пожелание клиента мы постоянно держали у себя в голове. Необходимо было сделать редизайн и при этом сохранить общую идею с роботами и созвездиями.
Сложив воедино все входные данные, мы приступили к работе. И небольшой спойлер: всеми дизайнерскими решениями клиент доволен. Однако пойдём по порядку.



Типографика
Первое, на что команда «Иностудио» обратила внимание — типографика сайта. Белые текстовые блоки на тёмно-синем экране, крайне широкоформатное отображение статей в блоге — пользователям было неудобно читать.
По запросу клиента мы оставили контрастность элементов, но сделали сайт светлее, а текстовые блоки читаемее.
Маскот и ненавязчивые анимации
Маскот или персонаж компании — инструмент для узнаваемости бренда. И у нашего заказчика есть собственное олицетворение команды — роботы, помогающие клиентам Test IT повысить качество digital-решений.
По желанию клиента мы сохранили основную идею с роботами: переработали персонажей под новый, более лёгкий визуальный стиль сайта, каждому добавили ненавязчивые анимации.
Версии тестирования
Для каждой версии системы управления тестированием мы отрисовали персональные иконки-созвездия.




Калькулятор расчёта стоимости
Чтобы пользователям было проще ознакомиться со стоимостью лицензии на использование Test IT, наша команда подготовила новую версию калькулятора.
Одна ключевая кнопка, фильтр по тарифам, информация о скидке, счётчик количества сотрудников. Ничего лишнего, самое важное перед глазами клиентов заказчика.


Интеграции

AmoCRM — программа для выгрузки информации по заявкам с сайта в корпоративную CRM.

Mailchimp — один из популярных сервисов рассылки с большой базой шаблонов.
Технологии
Результаты
Вместе с клиентом мы смогли вывести дизайн корпоративного сайта на новый уровень. Визуал стал «воздушным», важные элементы теперь не теряются среди другого текстового контента.
В результате наш заказчик стал первым и на данный момент единственным игроком на рынке тестирования, кто позаботился о своих клиентах — предоставил удобный UX и современный UI.