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

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

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

Решение

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

Этапы
  • UX-исследование
  • Дизайн концепция
  • Desktop & Mobile версии
  • Motion-design
  • Брендинг
  • Еще много чего

Дизайн

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

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

20 уникальных страниц
38 уникальных блока
40 отрисованных иллюстраций
3 размера экрана
Дизайн страниц Exaterra

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

Atkinson Hyperlegible
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #572FAA
  • #FF6E5C
  • #F1F5F9

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

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

Чтобы пользователи смогли правильно выбрать продукт для своего бизнеса мы создали удобную навигацию среди услуг компании.

Страница решений

Созданные Exaterra решения индивидуальны и нацелены на конкретный тип отрасли. Для наглядности мы отрисовали схему их внедрения, используя 3D-иллюстрации.

Ресурсы и документация

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

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

Mobile версия

Мы перенесли весь десктопный функционал в адаптивную версию.
Mobile first

В мобильной версии сайт не потерял свою динамичность и легкость, сохранилась простота взаимодействия с элементами.

Планшет

Планшетная версия, также как и мобильная, отлично сбалансирована и функциональна

Прототипы

Прототипы были разработаны в тесном сотрудничестве с заказчиком на основе проведенных UX-исследований и пользовательском опыте.

Компьютер

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

Планшет

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

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

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

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

Выберите интересующую вас услугу

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

Смотреть проект
СИВ Трансхолод