hptx

Создать новый сайт, который будет понятным, минималистичным, но с какой-нибудь фишкой. Основная задача – зацепить внимание пользователя, запомниться и показать последние реализованные проекты.

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

В ходе проекта мы провели анализ задачи и конкурентов, создали прототипы, разработали дизайн-концепцию, собрали дизайн в Figma, заверстали и интегрировали проект на Tilda. 

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

У команды hptx уже был мини-гайдлайн с логотипом цветами и шрифтами, но мы решили его дополнить и немного переработать. 

Мы собрали всех конкурентов и положили их сайты перед собой. Нам нужно было понять за счёт чего можно выделиться и на чём сделать акценты.

На этапе поиска референсов остановились на нескольких минималистичных вариантах с интересной сеткой. А еще вдохновились разными футуристическими видео и 3D артами.

Вспомнили, что hptx вообще-то делают классные AR, VR, XR, Web и CG проекты и решили использовать 3D объекты в концепции. У нас было технологическое ограничение – ребята хотели удобно редактировать контнет, поэтому сборка проекта была на Tilda Publishing. И поняли, что такой приём, как выделение предмета на верхний слой, поможет нам создать ощущение объема, а также сможет быть реализован на выбранной платформе. 

Проект сверстан преимущественно на стандартных блоках для удобства редактирования, которые мы стилизовали под дизайн. Для 3D объектов использовали Lottie анимацию.

Кстати, логотип состоит из 9 сетов букв, что генерирует 126 вариантов логотипа – после перезагрузки страницы собирается новый уникальный логотип. Таким образом подчёркивается гибкость компании к изменениям и уникальность в каждом проекте.

А если вы потеряетесь, то вас встретит космическая корова!

Проект получился необычным и аккуратным. Из-за интерактивных элементов создаётся ощущении уникальности, новизны. Все 3D элементы взяты из кейсов заказчика, что сразу демонстрирует результат работы команды hptx.

В итоге мы расширили гайдлайн компании, собрали сайт, который запоминается и выделяется на фоне конкурентов. Пользователя теперь встречают забавные 3D объекты, которые и демонстрируют возможности hptx.