/

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

Обеспечили защиту персональных данных от взлома и злоумышленников

06

Оптимизировали отображение статичных и динамичных изображений для web-, tab-, mobile-версий

05

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

04

Внедрили необходимые механики взаимодействия пользователя с сайтом — например, возможность онлайн-расчёта IT-продуктов / услуг компании, возможность оставить заявку на расчёт / связь с менеджером компании

03

На основе UX/UI-исследования спроектировали обновлённый пользовательский путь и разработали новый дизайн сайта

02

Разработали новую структуру сайта на основе ТЗ клиента и проведённого технического аудита от нашей команды

01

Клиенту было важно визуально отобразить жизненный цикл разработки ПО с помощью технологии Marlin. Для этого команда дизайнеров разработала концепцию подводного компьютера, внутри которого происходит сборка ПО в несколько шагов. Для более подробной детализации в начале разрабатывалась концепция внешней оболочки контейнера (компьютера), затем — всех внутренних процессов, которые происходят в нём по мере знакомства с лендингом. Затем все визуалы соединялись и анимировались. 

04

Для более живого пользовательского опыта команда дизайна разработала и применила к маскоту 4 типа эмоций, которые изменяются в зависимости от действий пользователя.

03

На протяжении всего погружения нас сопровождает маскот Marlin — некий прототип DevOps-инженера, который «на ты» с технологиями и может помочь пользователю с его задачами. Концепцию маскота команда дизайнеров генерировала помощью ИИ, а затем дорабатывала в 3D (от скетча до анимации). 

02

Основная концепция дизайна заключается в визуальном отображении погружения в тему через «погружение под воду» — чем больше мы узнаём, тем темнее становится экран. Это же подкрепляется графикой и линейными индикаторами.

01

Teach lead design CRT

Екатерина

«Было очень челенджево визуализировать абстрактный процесс разработки ПО, который в реальности выражается на уровне кода и цифр.

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

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