Проект «Подорожник+» — приложение для оказания первой доврачебной помощи в экстренных ситуациях.
Моя задача заключалась в разработке дизайна лендинга, который понятно и убедительно презентует продукт, вызывает доверие и мотивирует пользователя установить приложение.
В качестве визуальной основы была выбрана стилистика, близкая к сайту OKX:
строгий чёрный фон, контрастная белая типографика, акцентные элементы и минималистичный интерфейс. Такой подход подчёркивает серьёзность темы, технологичность продукта и обеспечивает хорошую читаемость даже при большом объёме информации.
Основной упор сделан на UI/UX:
логичная структура страницы и последовательная подача информации;
быстрый скан контента и понятные смысловые акценты;
простая навигация без перегруженных блоков;
визуальная иерархия, которая ведёт пользователя от понимания проблемы к решению.
Лендинг адаптирован под мобильные устройства, так как основная аудитория взаимодействует с продуктом со смартфона.
В результате получился современный, лаконичный и функциональный дизайн, который:
подчёркивает надёжность и практическую ценность приложения;
формирует доверие к продукту;
соответствует тематике медицины и экстренной помощи;
Для решения поставленной задачи я начал с анализа продукта и его контекста. Приложение связано с экстренной медицинской помощью, поэтому ключевыми требованиями стали: понятность, доверие, быстрое восприятие информации и отсутствие визуального шума.
На первом этапе была продумана структура лендинга: от краткого объяснения ценности приложения и сценариев использования — к функционалу, преимуществам и целевому действию. Контент выстроен так, чтобы пользователь мог за несколько секунд понять, зачем ему продукт и чем он может быть полезен в критической ситуации.
Далее был разработан UX-подход:
логичная последовательность блоков без перегруженности;
чёткая визуальная и смысловая иерархия;
акценты на ключевых действиях и преимуществах;
упрощённая навигация, ориентированная на быстрое сканирование страницы.
Визуальное решение выполнено в строгой тёмной стилистике, вдохновлённой интерфейсами OKX и современных tech-сервисов. Использован контрастный белый текст на чёрном фоне, что улучшает читаемость и подчёркивает серьёзность тематики. Минимальное количество цветов и аккуратные акценты позволяют сфокусировать внимание пользователя на смысле, а не на декоративных элементах.
Особое внимание было уделено типографике и отступам — текст легко читается, блоки «дышат», интерфейс остаётся чистым и понятным даже при большом объёме информации.
Лендинг был спроектирован с учётом mobile-first-подхода: ключевые экраны и сценарии адаптированы под мобильные устройства, так как продукт ориентирован на использование со смартфона.
В результате был создан продуманный UI/UX-дизайн лендинга, который решает задачу презентации медицинского приложения в понятной, современной и доверительной форме и готов к дальнейшей передаче в разработку.
В результате работы был разработан современный UI/UX-дизайн лендинга для приложения «Подорожник+», ориентированного на оказание первой доврачебной помощи.
Дизайн решает основную задачу проекта — быстро и понятно донести ценность продукта, вызвать доверие и направить пользователя к целевому действию (установка приложения). Благодаря строгой тёмной стилистике, контрастной типографике и продуманной иерархии, лендинг легко воспринимается и не перегружает пользователя лишней информацией.
Полученное решение:
формирует ощущение надёжности и серьёзного медицинского продукта;
подчёркивает технологичность сервиса на уровне современных tech- и fintech-платформ;
обеспечивает удобное чтение и быстрый скан контента;
адаптировано под мобильные устройства и реальные сценарии использования.
Лендинг может использоваться как:
презентационная страница для запуска и продвижения приложения;
инструмент привлечения пользователей через рекламу и соцсети;
база для дальнейшей разработки и масштабирования продукта;
демонстрационный материал для инвесторов и партнёров.
Дизайн подготовлен с учётом передачи в разработку: логичная структура блоков, единый визуальный стиль и понятная навигация позволяют быстро интегрировать макет в рабочий продукт без потери смысла и функциональности.
В итоге получился лаконичный и практичный дизайн, который не отвлекает от сути, а работает на задачу продукта — помогать людям получать необходимую информацию в критической ситуации.