HPA
Heading
Клиент
HPA
Год
2023
Услуги
Веб дизайн
Разработка
High Performance Analytics (HPA) — итальянская компания, которая занимается разработкой и внедрением кастомных прогнозных моделей и алгоритмов на основе искусственного интеллекта. После создания визуальной айдентики для HPA, мы приступили к разработке сайта на ее основе. Компания нуждалась в современной платформе, которая, сохраняя лаконичность и аккуратность брендинга, отразила бы технологичность и современность HPA.
Главная страница
Для первого экрана мы разработали 3D-графику, сопровождающую вводную информацию о компании. Под первым экраном расположен блок новостей. Медийная составляющая для HPA второстепенна, наполнение сайта контентом не должно занимать много времени, поэтому мы закладывали большую гибкость и вариативность размещения контента в новостном блоке. Новости могут публиковаться с вертикальными и с горизонтальными изображениями, верстаться в разное количество колонок.
Графика
Общее стилевое решение сайта строится на лаконизме, тонких линиях и схематичной инженерной графике. Из бендинга на сайт перенесены все фирменные цвета бренда: HPA Analytics Yellow, HPA Lucid Black и HPA Bright White. Правила работы с изображениями, иконками, диаграммами и инфографикой подробно прописаны и снабжены антипримерами для большей наглядности.
Гибкие макеты
В разделах Services и Solutions количество услуг может меняться, поэтому мы предусмотрели возможность растягивать и сужать плитки на этих страницах, ставить их по одной, по две и по три в ряд в зависимости от четного и нечетного количества сервисов. Мы подробно расписали логику всех перестроений, чтобы у команды HPA не было разночтений при публикации контента.
Адаптивность и навигация
Сайт адаптирован для всех устройств, от смартфонов и планшетов до мониторов с высоким разрешением 4K. Мы детально проработали информационную архитектуру площадки и предусмотрели возможность добавления бургер-меню на главной странице. Это гибкое решение позволит увеличивать количество разделов в будущем. Сайт создан на CMS WordPress в двух версиях — на итальянском и английском языках.
Для унификации текстовых страниц во всех разделах мы создали конструктор блоков. Галереи, списки, выносные заголовки, аккордеоны, врезки для прикрепления файлов с обозначением разрешения — конструктор покрывает все необходимые вариации контента.
Конструктор блоков
Design System
Given the specific nature of the HPA's field and the rapid pace of its development, we considered strategic solutions and scalability options for the website. We created a design system that the HPA team can turn to when developing new digital products.
Результат
Визуальный язык бренда HPA комплексно и точно перенесен в цифровое пространство. Плоский, графичный дизайн выделяет сайт на фоне похожих между собой футуристично оформленных площадок конкурентов. Мы создали инструменты, решающие проблему гибкости и масштабируемости сайта. Реализовали конструктор блоков для быстрой сборки и наполнения контентом новых страниц. Современный, функциональный сайт укрепляет HPA в статусе прогрессивного игрока в области технологий искусственного интеллекта.
Вебсайт
Команда
Анастасия Сокирко
Дизайн директор
Александр Гладких
Арт директор
Александр Сарнычев
Аккаунт директор
Глеб Новиков
Дизайнер
Лена Плотникова
Менеджер проекта
Инна Март
3D анимация
