AdFox - SaaS landing (тестовое)

ТЗ

Нужно разработать дизайн лендинга для платформы управления интернет-рекламой для медиа издателей и сделать адаптивные версии под Iphone (375px). Важно проработать: Концепт стиля, Насколько он соответствует теме лендинга; Аккуратность в структурирование информации, качество вёрстки; Понимание принципов отрисовки ui стилей; Понимание принципов web дизайна и адаптивности.

Начало

В первую очередь я посетил сайт Яндекс.Директ, чтобы впитать фирменный стиль UI Яндекса. Затем изучил другие сервисы Яндекса для бизнеса. Нашел сайт AdFox и понял, как была организована структура ранее.

Первая итерация

Я изучил UI других сервисов Яндекса и начал создавать макет, основываясь на найденных референсах. После сборки макета для десктопа я адаптировал его для мобильных устройств. Сделано за пару часов.

Вторая итерация

Я посмотрел референсы SaaS-лендингов и сосредоточился на создании визуально привлекательного дизайна. В блоке “Рекламные форматы” убрал описания и добавил кнопку “Подробнее”. Подумал что, было бы здорово показать реальные кейсы где сервис помог бизнесу, но я придерживался условий ТЗ и работал в заданных рамках.

Анимации

Чтобы представить полный функционал сайта, я добавил примеры анимаций, которые можно найти в Figma-файле.