главная //yarx.ru
05
yarx.ru
лендинг для скачивания приложения
О ПРОЕКТЕ
Лендинг сервиса, который напрямую связывает водителей и авторемонтных мастеров. Задача — объяснить идею двум аудиториям и привести к скачиванию приложения. Две страницы, светлая и тёмная темы, полный адаптив.
КЛИЕНТ
сервис авторемонта yarx
ЗАДАЧА
лендинг для скачивания приложения
ФОРМАТ
2 страницы · светлая / тёмная
РОЛЬ
структура · UI-дизайн · адаптив
Скрипт аккордеона
id: 6
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 5
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 4
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 3
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 2
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 1
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
как это было сделано
Процесс работы над лендингом — от задачи до готовых страниц.
01
Знакомство и задача
Сервис напрямую связывает водителей и авторемонтных мастеров. Нужен лендинг, который объясняет идею и ведёт к скачиванию приложения — для двух аудиторий сразу.
02
Аудитория и оффер
Две роли — водитель и мастер. Для каждой сформулировал понятный оффер и путь. Одна страница объясняет ценность, вторая раскрывает тарифы.
03
Структура
Собрал лендинг из ключевых блоков: суть сервиса, две роли, честная механика без наценок сверху, кнопки скачивания. Ничего лишнего.
04
Прототип
Выстроил логику и иерархию каждого экрана ещё до дизайна, согласовал тексты и порядок блоков.
05
Дизайн
Насыщенный сине-голубой градиент, крупная дисплейная типографика, светлая и тёмная темы. Энергичный, технологичный характер под сервис.
06
Адаптив и темы
Адаптировал под мобильные, подготовил к сборке. Две страницы, две темы, полная адаптивность.
страницы сайта
Две страницы — главная и цены — в светлой и тёмной темах, с полным адаптивом.
главная · светлая
главная · тёмная
цены · светлая
цены · тёмная
Две страницы — главная и цены — в светлой и тёмной темах.
цвета и шрифты
Палитра и типографика, на которых держится весь лендинг.
ЦВЕТА
#01B3D7
акцент · циан
#2078D1
синий
#021F65
тёмно-синий
#F9F9F9
фон
ШРИФТЫ
ДИСПЛЕЙ · ЗАГОЛОВКИ
Пиксельно-техничный дисплейный шрифт для крупных заголовков — задаёт энергичный, «дорожный» характер. Кастомный шрифт.
ОСНОВНОЙ ТЕКСТ
Никто не платит за воздух. АаБбВв 0123456789
Montserrat · Light / Regular / SemiBold
Пиксельно-техничный дисплейный шрифт для крупных заголовков. Кастомный.