Сохранить продукт, поднять потолок
Владелец попросил редизайн на максимум технических возможностей, функционал один в один, любые улучшения UX приветствуются. Результат это две ссылки: лендинг и приложение, оба на одном визуальном языке.
UrbanPark · 2026
UrbanPark — найти паркинг, открыть шлагбаум, платить поминутно
Полный редизайн сервиса парковок: водитель находит паркинг на карте, открывает шлагбаум из приложения и платит поминутно; владелец паркинга получает бесплатную автоматизацию, портал управления и поток клиентов. Тот же продукт, пересобранный на пределе технических возможностей.
Открыть проект
Что сделали
Интерфейс
Две поверхности: лендинг, который продаёт сервис водителям и владельцам паркингов, и само приложение, карта, шлагбаум, поминутная тарификация. Язык дизайна «Разметка»: бруски логотипа наклонены на -14 градусов, и этот наклон становится мотивом в полосах, скошенных кромках кнопок и разделителях. Моноширинный шрифт для тарифов, таймеров и госномеров. Светлая и тёмная темы продуманы обе, собственный линейный набор иконок, без эмодзи.
- Driver Landing
- Owner Portal
- Map to Barrier
- Per-minute Billing
- Light / Dark
Разработка
Пересобрано на современном стеке Next.js со строгой системой дизайн-токенов: цвета и типографика живут на :root и переопределяются для тёмной темы и ручного переключателя, поэтому при загрузке ничего не мигает. Иконки inline SVG. Движение осмысленное и уважает prefers-reduced-motion.
- Design-token System
- No-flash Theming
- Custom Icon Set
- Reduced-motion Aware
«Разметка»: логотип, ставший системой
Наклонные бруски логотипа UP превращаются в мотив -14 градусов, проходящий через весь интерфейс: полосы разметки, скошенные кромки акцентов, диагональные разделители и редкая жёлто-чёрная колонна как акцент. Моноширинные цифры для тарифов, таймеров и госномеров делают деньги и время читаемыми с одного взгляда.
Внутри проекта
- Десктоп1/6
- Десктоп · прокрутка2/6
- Десктоп · низ страницы3/6
- Мобильная версия4/6
- Мобильная версия · прокрутка5/6
- Мобильная версия · низ6/6
Результат и технологии
- поверхности: лендинг и приложение
- 2
- мотив «Разметки»
- -14°
- функционал сохранён
- 1:1
- Next.js
- React
- TypeScript
- Tailwind
- Design Tokens
- Inline SVG
Ещё проекты
Nexus AI — агент на сайте, который сам квалифицирует свои лиды
AI-агент прямо на странице: разговаривает с посетителем, собирает структурированное ТЗ в реальном времени (цели, объём, интеграции, стек, сроки, бюджет, риски, команда, открытые вопросы), оценивает его и передаёт сразу в нашу CRM — без формы и без «мы вам перезвоним».
RIVVI — редизайн автомобильной социальной сети
Концепция нового интерфейса и кликабельный PWA-прототип для российского сервиса, объединившего ленту, истории, каталог объявлений, гараж и сделки в одном приложении. Направление — Premium Automotive Editorial: премиальный автомобильный журнал × современная соцсеть.
Следующий проект
Лига Ставок MEDIA BASKET — медийная баскетбольная лига вживую
Официальная площадка медийной баскетбольной лиги: сайт телевизионного уровня, где турнирная таблица, расписание, команды и сетка плей-офф обновляются сами из боевого фида статистики. Ощущение спортивного канала, а не таблицы с цифрами.