Мобильное приложениеМобильное трэвел-приложение
Мобильное приложение с анимацией уровня App Store
Демонстрация того, как мы проектируем мобильные приложения. Meridian — бутиковый трэвел-сервис, собранный на React и Framer Motion: онбординг с параллаксом, карточки маршрутов, которые разворачиваются на весь экран, карта с пинами и таймлайн-итинерарий по дням. Всё листается, тянется и отвечает на жесты.
- Что сделали
- UX/UI-дизайн и разработка мобильного приложения
- Год
- 2026
Живое демо
Это рабочий проект — кликается, листается и работает по-настоящему.
Открывается во весь экран — так демо раскрывается полностью, без тесной рамки.
Задача
Большинство трэвел-приложений перегружены и лишены ощущения качества. Чтобы продукт полюбили, нужен не статичный макет, а живое приложение, где чувствуется премиальность каждого перехода.
Что мы сделали
- 01Онбординг с параллаксом и горизонтальной пагинацией
- 02Shared-element переходы: карточка маршрута разворачивается на весь экран из своей позиции
- 03Перетаскиваемая нижняя панель со snap-позициями и сжимающимся параллакс-заголовком
- 04Карта с интерактивными пинами и таймлайн-итинерарий, который заполняется по скроллу
- 05Профиль со счётчиками, тумблерами и сеткой избранного; таб-бар с плавным индикатором
Результат
- App Store
- ощущение продукта из стора
- живое
- приложение — откройте и потрогайте
- spring
- физичные переходы и жесты
Цифры — ориентир возможного эффекта для таких решений, а не гарантированный результат конкретного проекта. Точное посчитаем под вашу задачу.
Стек
ReactFramer Motion (анимации)Мобильный UIЖестовое управление