Задачи и концепция

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

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

Решение

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

Этапы
  • UX-дизайн
  • Проектирование и дизайн
  • Desktop- & Mobile-версии
  • Работа с контентом
  • Параллакс
  • Тестирование и релиз

Дизайн

В дизайне придерживались корпоративного стиля компании. Использовали холодные синие тона, кое-где – прозрачные, которые идеально подходят для отображения такой сферы деятельности, как ИТ. Всё просто, лаконично и схематично.

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

17 уникальных страниц
25 уникальных блоков
55 страниц услуг
3 размера экрана

Типографика и цветовая схема

Montserrat
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #0d6db4
  • #34baec
  • #e2e8f0

Страница услуг

Логичная структура просмотра блоков на странице страницы. Сначала знакомим с компанией, затем предлагаем выбрать услугу. Просто, быстро, удобно.

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

Отраслевые решения

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

Лидеры и эксперты

Блок «О команде» на сайте – это хороший инструмент для привлечения конверсии. Разместили информацию об экспертах и продумали функцию обратной связи. В плюсе как клиент, так и пользователь.

Заказчики и проекты

О компании многое может сказать портфолио. У клиента большой опыт работы, который он хотел показать и своем сайте. Компактно разместили проекты и разработали фильтры с видами услуг.

Внутренние страницы

Здесь собрали всех крупных заказчиков, которые обращались за услугами «Онланта».

Mobile версия

Учитывать потребности каждого пользователя – это наша забота. Удобный ресурс должен отражаться одинаково хорошо как с десктопа, так и с мобильных устройств.
Mobile first

Сайт выглядит стильно и удобен для использования с экранов меньшего размера.

Планшет

Сохранена 100% функциональность и весь комплекс возможностей.

Прототипы

Прототипирование – важный этап любой веб-разработки. Именно в тесной связке с клиентом находится тот идеальный макет, который берется за основу будущего сайта. Среди всех предложенных вариантов был выбран один, в котором эргономичность сочеталась с простотой и уверенностью.

Компьютер

Прототипы страниц проекта Онланта
Прототипы страниц проекта Онланта

Планшет

Прототипы страниц проекта Онланта
Прототипы страниц проекта Онланта
Прототипы страниц проекта Онланта

Мобильная версия

Прототипы страниц проекта Онланта
Прототипы страниц проекта Онланта
Прототипы страниц проекта Онланта
Прототипы страниц проекта Онланта

Нужна сильная команда?