ИТ Консалтинг

it-pole.ru
Компания специализируется на внедрении, интеграции и сопровождении автоматизированных информационных систем делового назначения.

Адаптивный дизайн Адаптивный
дизайн
1C-Битрикс 1С-Битрикс
CSS3-анимация HTML-5 анимация

Проектирование

О клиенте

Компания «IT Полюс» специализируется на импортозамещении, интеграции, сопровождении программного обеспечения и автоматизации учёта и управления в государственных учреждениях на базе решений Парус, Кейсистемс и другого российского ПО.
Регион работы — Северо-Западный федеральный округ, включающий в себя Санкт-Петербург, Мурманск и т.д.
Sheme
Sheme
Arrows
mocup
Arrows
Logo
Задача
Нам было необходимо обновить сайт компании, поскольку ранее используемое
решение устарело с точки зрения дизайна и по функциональности.
В рамках работы над проектом мы переосмыслили контент и его размещение
на сайте. Новая структура сделала навигацию более удобной для пользователей,
а каталог программного обеспечения и услуг стал интуитивно понятным и лёгким
в использовании.
Sheme
Sheme
Решение
На основе пожеланий клиента и текущего контента были разработаны две концепции сайта.

Дизайн

Было решено объединить наиболее удачные блоки из двух концепций.
  • В первом экране добавлено лёгкое абстрактное фоновое видео, а также добавлено превью с видео о компании.
  • Были разработаны иконки в современном стиле с эффектом размытия.
  • Вместо блока «Контакты» добавлена открытая форма обратной связи «Обсудить задачу».
Главная страница
01
Иконки с эффектом размытия
02
Удобные карточки проектов
03
Форма обратной связи
Хедер и бургер-меню
Хедер закреплён в верхней части страницы, что обеспечивает постоянный доступ к основным разделам и навигации.
В планшетах и смартфонах в хедере расположено меню-бургер, позволяющее пользователям быстро переходить к нужным разделам сайта.
Блок «Услуги»
По желанию клиента в блоке были размещены все основные услуги. Современный стиль оформления слайдера обеспечивает привлекательный и актуальный внешний вид. Для каждой услуги разработана тематическая иконка.
UI-KIT
Все элементы интерфейса объединены в единый UI KIT, что значительно облегчает дальнейшую работу, обновление и масштабирование сайта.
Шрифт
Aa
ExtraBold
Bold
Regular
#003C77
#1A75CF
#F25900
#B2D9FE
#F0F7FF
Программы для государственных учреждений
Программы для бизнеса
Отраслевые решения
Инфраструктурное ПО
Средства защиты информации и ИТ-инфраструктуры
Для блока с программным обеспечением разработан набор иконок. При наведении на карточку оранжевый графический элемент в иконках смещается и создает динамику взаимодействия пользователя с каталогом ПО.
Современный эффект размытия, примененный в графике, придает интерфейсу стильный и привлекательный вид.
Внутренние страницы
Мы создали универсальную страницу, включающую все необходимые блоки. Повторяющиеся элементы используются на всем сайте, что помогает формированию узнаваемого и единого стиля, а также повышает удобство и эффективность взаимодействия пользователей с ресурсом.
Формы обратной связи
Добавлены несколько форм обратной связи для клиентов «ИТ Полюс» и его потенциальных сотрудников. Эти формы упрощают коммуникацию, способствуют увеличению количества запросов по услугам и ПО.
Адаптивы
Сайт полностью адаптивен и корректно отображается на всех устройствах — от настольных компьютеров и ноутбуков до планшетов и смартфонов. Это обеспечивает комфортное использование и удобную навигацию вне зависимости от размера экрана.

Особенности реализации

Система тегов
В рамках проекта была разработана система тегов, обеспечивающая удобное связывание различных сущностей через облако тегов. Например, к определённой услуге или программному продукту закреплялся один или несколько тегов. Эти же теги применялись к новостям и/или мероприятиям, благодаря чему на странице услуги или программного обеспечения отображались соответствующие связанные новости и события. Данный подход помог избежать прямой привязки каждой новости или события к определённой услуге или продукту.
Система управления контентом
Сайт разработан на базе CMS «1С-Битрикс», которая позволяет клиенту легко редактировать контент.