с 2004 года
разработчики №1 в Тюмени

Дизайн и разработка основного и продуктового сайтов IT-компании HD Tech

Backend
frontend
Frontend
Design
QA
Laravel MoonShine
manual, auto
React, Next.js, CSS modules, Redax
Figma, Blender, Jitter

HD Tech — это российская IT-компания, разработчик программных комплексов и сервисов для цифровизации бизнес-процессов компаний и их масштабирования

Клиент хотел глобально обновить существующий сайт — в соответствии с новым фирстилем компании и современными трендами. А также разработать уникальный, запоминающийся дизайн с использованием 3D для продуктовой страницы Marlin — программного обеспечения HD Tech по бесшовной автоматизации полного цикла разработки.
проект

HD Tech

Обеспечили защиту персональных данных от взлома и злоумышленников
06
результат
Оптимизировали отображение статичных и динамичных изображений для web-, tab-, mobile-версий
05
Сделали сайт обновляемым, добавив возможность авторизации и управления разделами через административную панель на технологии MoonShine. С помощью этой панели клиент получил доступ к созданию и редактированию такого важного контента, как новости, статьи, вакансии
04
Внедрили необходимые механики взаимодействия пользователя с сайтом — например, возможность онлайн-расчёта IT-продуктов / услуг компании, возможность оставить заявку на расчёт / связь с менеджером компании
03
На основе UX/UI-исследования спроектировали обновлённый пользовательский путь и разработали новый дизайн сайта
02
Разработали новую структуру сайта на основе ТЗ клиента и проведённого технического аудита от нашей команды
01

Marlin

результат
Клиенту было важно визуально отобразить жизненный цикл разработки ПО с помощью технологии Marlin. Для этого команда дизайнеров разработала концепцию подводного компьютера, внутри которого происходит сборка ПО в несколько шагов. Для более подробной детализации в начале разрабатывалась концепция внешней оболочки контейнера (компьютера), затем — всех внутренних процессов, которые происходят в нём по мере знакомства с лендингом. Затем все визуалы соединялись и анимировались. 
04
Для более живого пользовательского опыта команда дизайна разработала и применила к маскоту 4 типа эмоций, которые изменяются в зависимости от действий пользователя.
03
На протяжении всего погружения нас сопровождает маскот Marlin — некий прототип DevOps-инженера, который «на ты» с технологиями и может помочь пользователю с его задачами. Концепцию маскота команда дизайнеров генерировала помощью ИИ, а затем дорабатывала в 3D (от скетча до анимации). 
02
Основная концепция дизайна заключается в визуальном отображении погружения в тему через «погружение под воду» — чем больше мы узнаём, тем темнее становится экран. Это же подкрепляется графикой и линейными индикаторами.
01
Teach lead design CRT
Екатерина
отзыв команды
«Было очень челенджево визуализировать абстрактный процесс разработки ПО, который в реальности выражается на уровне кода и цифр.

Перед командой дизайна стояла интересная задача по его реализации в визуально-объектном представлении.

Также было интересно работать с проектом, на котором мы с нуля развивали две полноценные 3D-истории (маскот Marlin и подводный компьютер HD Tech). Благодарим клиента за открытость к концептуальным предложениям»