Заказчик
Заказчик обратился в KOTELOV, чтобы переработать сайт своей ИТ компании. Он хотел обновить его внешний вид, повысить удобство использования и улучшить техническую часть.
Задача
Из-за большого числа страниц и сложной структуры одной смены оформления было недостаточно. Требовалось пересмотреть содержимое сайта и способы перемещения по нему. Мы подключили аналитика: ему предстояло подготовить карту контента и предложить структуру страниц, в которой пользователю проще ориентироваться.
Как работали над концепцией
В основе нового дизайна — простота и лаконичность. Шапку сайта сделали одноуровневой. В ней оставили основные разделы, необходимые для знакомства с компанией.
Первый экран дополнили слоганом «Разрабатываем. Внедряем. Интегрируем». Рядом предусмотрели сменяющиеся текстовые блоки с описанием деятельности компании.
Далее раскрыли миссию и услуги. Для укрепления доверия добавили отзывы и логотипы партнёров.
В новой структуре страниц услуги получили понятные карточки. Цветовые акценты и иконки помогают быстрее находить информацию. Главную страницу и раздел кейсов дополнили современными лаконичными иллюстрациями.
Для раздела «Проекты» разработали фильтрацию по отраслям. Она позволяет выбирать кейсы из финансов, промышленности, образования и транспорта. Основной визуальный акцент приходится на крупные иллюстрации. В дальнейшем для них предполагаются лаконичные объёмные анимации, связанные с темой каждого проекта.
Какие элементы дополнили редизайн
На главной заголовки разных блоков выровняли по общей визуальной линии. Благодаря этому страницу легче просматривать и находить нужную часть.
Проекты сопроводили большими выразительными изображениями, чтобы выделить решения компании. Визуальные образы раскрывают содержание и результаты работ: для сельскохозяйственной тематики используются соответствующие символы, для финансовой — элементы, передающие технологичность.
Так, проект для Министерства сельского хозяйства РФ представили через образ колоса. Для ВТБ выбрали визуализацию, которая подчёркивает точность и автоматизацию.
