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

Одна из крупнейших в России инжиниринговых компаний, “Fortes” занимается разработкой и внедрением энергоэффективных систем микроклимата. Её клиенты – гиганты российской промышленности и известнейшие информационные холдинги. Её проекты – самые крупные культурные и туристические центры, огромные офисные и торговые здания. При таком статусе ей попросту необходим привлекательный и современный корпоративный сайт, который будет соответствовать ее уровню. Именно на его создание мы и нацелились!
Задача

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

Нам предстояло при минимуме деталей отразить технологичность и аккуратность проектов, которые реализует “Fortes”. Мы решили сосредоточиться на типографике и избегать «кричащих» элементов.

Решение

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

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

Дизайн

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

22 уникальных блока
40 состояний и поп-апов
3 размера экрана

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

Montserrat
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #A71930
  • #0A3679

Главная страница

Основная задача каждой детали на странице – заинтересовать пользователя, рассказать ему о деятельности компании и её миссии.

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

Страница продукции

Основной акцент был сделан на простоте форм: страница выполнена сдержанно и аккуратно. Структура каталога не менее незамысловата; при её разработке мы старались избежать любого намёка на тяжесть или массивность.

Страница реализованных проектов

Элементы портфолио выполнены скромно –так же, как и весь остальной сайт. Важно было не усложнить его структуру, представив большое количество проектов... В итоге мы остановились на варианте простого списка.

Результат:

Наглядность и удобство

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

Просто и со вкусом

Нам удалось вместить огромное портфолио на одной странице, сохранив при этом его масштаб и информативность. Итог – прекрасный дуэт красоты и удобства!

Mobile версия

Основа мобильной версии – понимание потребностей пользователей при работе с телефоном или планшетом.
Mobile first

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

Планшет

Мы должны были сохранить задуманную идею и перенести её на маленький экран без потерь...Что в итоге и было сделано.

Прототипы

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

Компьютер

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

Планшет

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

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

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

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

Следующий проект

Смотреть проект
Master Climate Solutions