Иван Данилов
Middle UX/UI Дизайнер
Дизайн сайта Exaterra
Корпоративный сайт для Exaterra, технологического стартапа в сфере открытых и дезагрегированных сетевых решений. Сайт был создан для презентации продукта, бренда, оборудования и ключевых преимуществ компании на международном рынке.
Web Design
UI Design
UX Structure
Brand Identity
Motion Design
Проблемы
01
Компании был нужен самостоятельный бренд
Предыдущая компания уже имела сильную технологическую экспертизу, но для нового продукта Exaterra требовался отдельный бренд. Было важно создать визуальную систему, которая выглядит современно, технологично и убедительно для международного рынка.
02
У компании не было собственного сайта
Exaterra нуждалась в цифровой точке входа, где пользователи, партнёры и потенциальные клиенты могли быстро понять, чем занимается компания, какие решения она предлагает и почему её продукт важен для современной сетевой инфраструктуры.
03
Сложный технический продукт
Открытые и дезагрегированные сети, маршрутизаторы, коммутаторы и инфраструктурные решения сложно объяснить через обычный маркетинговый сайт. Задача была в том, чтобы сделать продукт визуально понятнее, сохранив ощущение технологичности и экспертности.
04
Не было единой digital identity системы
Exaterra требовалась не только главная страница, но и полноценная визуальная база для дальнейшего развития бренда. Страницы продуктов, решений, документация, презентации, datasheets, иконки, схемы, анимации и 3D-визуализации должны были работать в едином стиле.
Цели
Разработать сайт Exaterra и создать визуальную основу для нового технологического бренда. Целью было показать направление компании, объяснить продукт, усилить доверие к бренду и подготовить интерфейс, который мог стать частью общей digital identity системы.
Решения
Я разработал структуру сайта, визуальный стиль, UI-компоненты, цветовую систему, графические элементы и анимации. Также я использовал 3D-модели маршрутизаторов и коммутаторов, чтобы сделать продукт более понятным, наглядным и визуально сильным.
Цветовая система, типографика и иконки
I expanded Exaterra corporate colors into a full website palette, selected Atkinson Hyperlegible for better readability of technical content, and created custom icons in one consistent style.
HEX
FF6E5C
RGB
255, 110, 92
HEX
FFAAA0
RGB
255, 170, 160
HEX
FFCDC7
RGB
255, 205, 199
HEX
FFE4E1
RGB
255, 228, 225
HEX
FFF3F1
RGB
255, 243, 241
HEX
572FAA
RGB
87, 47, 170
HEX
774ADD
RGB
119, 74, 221
HEX
C4BCF6
RGB
196, 188, 246
HEX
DDDAFA
RGB
221, 218, 250
HEX
F5F4FE
RGB
245, 244, 254
Страницы продуктов
Для направлений Switching Platforms и Disaggregated Routing Platforms были созданы отдельные страницы. Они объясняют продукты, их преимущества и роль в сетевой инфраструктуре. Изометрические иллюстрации помогли показать сложные технические решения более простым способом.
Страницы решений
Для Enterprise Data Center Network, 5G Network, CX-NOS и Hyperscale Network я создал структуру страниц, которая помогает пользователям быстро понять сценарий использования, задачи и ценность каждого решения.
Product Documentation и Datasheet
Я разработал страницы для Product Documentation, Datasheets, White Papers и других PDF-материалов, чтобы пользователи могли быстро находить технические документы и изучать характеристики продуктов.
Страницы Why Exaterra и About Us
На страницах Why Exaterra и About Us я структурировал преимущества компании, её подход к открытым сетям, миссию, команду и технологическое видение. В конце страниц были добавлены CTA-блоки.
Другие внутренние страницы
Также были разработаны дополнительные страницы: сравнение продуктов, партнёры, вакансии, статьи, новости и другие разделы, которые расширяют сайт до полноценной корпоративной платформы.
Результаты
В результате Exaterra получила современный корпоративный сайт и визуальную основу для выхода на международный рынок. Сайт стал первой полноценной digital-презентацией бренда, помог объяснить сложный технологический продукт и сформировал профессиональный образ компании.
21 страница
Была разработана 21 уникальная страница для основных и внутренних разделов сайта.
Лицо компании
Сайт стал основной digital-точкой входа для презентации Exaterra на рынке.
Масштабируемый визуальный стиль
Была создана визуальная система, которую можно развивать на сайте, в документах и презентациях.
16 схем
16 схем были разработаны и анимированы для визуального объяснения технических решений.
Хотите так же?
Давайте работать вместе.
Другие кеймы из этого проекта
Редизайн маркетингового сайта
Улучшение структуры, понятности и визуальной консистентности для создания более эффективного пользовательского опыта и повышения конверсии.
Website Redesign
UI Design
UX Structure
Дизайн Back Office платформы для Global Admissions
Внутренняя платформа для сотрудников Global Admissions, которая помогает управлять лидами, абитуриентами, заявками, оплатами, университетами, статьями и доступами пользователей.
Back Office UX
UX Optimization
Data-Heavy Interfaces