September 19, 2024

Мини-проект в Figma: Дизайн рекламного баннера, лендинга и мобильного приложения

Данный мини-проект стал финальным заданием курса "Основы дизайна в Figma" от Яндекс Практикум.

Сутью задания было в том, чтобы на основе выдуманного проекта "Космическое такси" продумать и создать:

  • рекламный баннер;
  • открывающую страницу лендинга;
  • интерфейс мобильного приложения.

Результаты работы:

Рекламный баннер

1x1
9x16

Я использовал тему галактического неба, потому что оно выглядит насыщенным и притягательным.

Холодные цвета (синий, бирюзовый) не напрягают глаз и хорошо подходят фону холодного космоса. При этом изображение не выглядит безжизненным благодаря второму тёплому оранжевому цвету.

В изображении, как и в логотипе используется метафора орбиты.

Яркая доминанта (орбита) на черном “завораживающем” фоне + яркие акценты (изображения девушек в эллипсах) помогут сразу привлечь внимание пользователя. Это поможет зацепить его взгляд и остановиться на этом баннере, изучить его внимательнее.

Страница лендинга

В макете также используется космический черный фон. Его функция такая же как и на рекламном баннере - создать ощущение насыщенности и притягательности.

В макете использованы акцентные цвета (в кнопке). Сама кнопка выполнена в черном цвете, однако этот светлее и с синим оттенком, чтобы создать контраст с фоном.

Выделяет эту кнопку и делает заметной эффект Drop Shadow с блюром и прозрачностью. Фиолетово - сиреневый цвет с блюром вызывает ассоциации с космосом и галактикой, благодаря чему хорошо вписывается в макет.

Мобильное приложение

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

Интерфейс включает в себя три разных фирменных цвета, что делает его более живым. Линия маршрута выделена толстой обводкой, что делает её гораздо заметнее на фоне карты.