лендинг для мобильного приложения
«Куда»

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

ПРОБЛЕМА

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

Хочется больше лаконичности, эстетики. Понятной структуры, интересных и понятных переходов между блоками.


При этом потенциальному клиенту важно не только увидеть основную информацию о школе, но и почувствовать атмосферу студии, её отношение к балету как к культуре, а не просто спортивной дисциплине.

Задача

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

При этом лендинг не должен был существовать отдельно от продукта: важно было сохранить связь с уже сформированным визуальным языком «Куда» и сделать сайт естественным продолжением приложения.

ЦЕЛИ
  • Создать современный и выразительный лендинг приложения.
  • Сохранить визуальную связь сайта с продуктом и его фирменным стилем.
  • Понятно показать ключевые возможности приложения.
  • Через визуал передать атмосферу путешествий и исследования новых мест.
  • Сделать интерфейс одинаково убедительным на мобильных устройствах и десктопе.
  • Выстроить последовательный пользовательский сценарий — от знакомства с продуктом до понимания его ценности.

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

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

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

Концепция РЕШЕНИя

На этапе исследования основное внимание было уделено самому продукту и его визуальной системе.

Были проанализированы:

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

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


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

С одной стороны, «Куда» помогает решить конкретную задачу: понять, куда идти, что находится рядом и как построить маршрут. С другой — приложение становится инструментом для исследования нового места.

Поэтому визуальный язык лендинга строится на двух уровнях.

Первый — продуктовый: интерфейсы, экраны смартфона, иконки, маршруты и элементы навигации.

Второй — эмоциональный: фотографии улиц, ощущение движения, открытого пространства и момента, когда человек впервые исследует новое место.

Их сочетание позволяет не просто рассказать о функциях приложения, а показать сценарий его использования.

ДИЗАЙН САЙТА

Концепцию лендинга можно описать как «путешествие внутри путешествия».

Пользователь проходит сайт примерно так же, как проходит маршрут с приложением: движется от одного смыслового блока к другому, знакомится с возможностями «Куда» и постепенно собирает представление о продукте.


Основой визуальной системы стали элементы пути и движения. Линии маршрутов проходят через композицию страницы, соединяют смысловые блоки и создают ощущение непрерывного движения. Графика перекликается с интерфейсом приложения: используются адаптированные иконки, формы и элементы навигации, благодаря чему сайт воспринимается как продолжение продукта.


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


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

ГЛАВНАЯ СТРАНИЦА
инструменты

дизайн: figma


фотоконтентн: nanobanana, CHATGPT

для большего разнообразия фотоконтента на сайте, по имеющимся фото от заказчика был сделан дополнительный фотоконтент черех al.

результаты

Создан лендинг, который объединяет продуктовый и эмоциональный сценарии коммуникации: объясняет возможности приложения и одновременно передаёт ощущение путешествия. Визуальная система сайта построена на элементах самого продукта, поэтому лендинг воспринимается как естественное продолжение «Куда».

Made on
Tilda