STAYLY
Сервис аренды жилья со смешанным каталогом: квартиры на сутки, апартаменты на месяц и загородные дома на выходные
Мобильное приложение для аренды жилья
Заказчик
STAYLY — сервис аренды со смешанным каталогом. Люди приходят с очень разными сценариями, а интерфейс обслуживал их всех одинаково.
Проект
Редизайн поиска и бронирования в мобильном приложении: я разобрала сценарии пользователей, спроектировала путь от поиска до брони, собрала фирменный стиль и макеты в Figma с описанными состояниями.
Задачи
- Понятный путь от поиска до брони
- Фильтры, которые не проматывают не читая
- Карточка объекта, которая отвечает на вопросы
- Знак для заставки и иконки приложения
Бизнес задачи
До карточки объекта вели несколько экранов, фильтры на входе проматывали не читая, а карточка молчала о главном: сколько выйдет за весь срок и что будет при отмене. Поэтому основными задачами стали:
- Сократить путь до брони до трёх шагов
- Ответить в карточке на вопросы, из-за которых сомневаются
Дизайн-концепт
Вместо «универсального поиска» — три сценария, в которые уложился почти весь трафик: короткая поездка, долгая аренда и поиск с ограничениями.
Фильтры свёрнуты в пресеты. Полный список никуда не делся, он просто перестал быть первым, что видит человек.
Логотип — домик из простых геометрических форм на модульной сетке: скат крыши 45°, проём — половина ширины основания. Знак работает и в анимации на весь экран, и в квадрате иконки на домашнем экране, одинаково читается белым по чёрному и чёрным по белому.
2025
Знак и логотипЧёрный на белом
Карточка объекта
Сверху — итоговая цена за весь срок, а не за ночь. Правила отмены — текстом, а не ссылкой на документ. Расстояние — в минутах пешком до точки, которую выбрал пользователь.
Детали разработки
Шрифтовая основа — Clear Sans: четыре начертания закрывают все состояния интерфейса, от подписей к полям до крупных заголовков. Экраны собирались из готовой системы, а не рисовались каждый заново.
Макеты в Figma — с задокументированными состояниями и компонентной структурой: пустая выдача, загрузка, ошибка оплаты, занятые даты. Разработчику не нужно додумывать поведение.
Итог
Путь до брони — три шага, фильтры на входе — три пресета вместо полного списка полей, а карточка объекта отвечает на четыре вопроса, которые раньше уводили человека обратно в список. Макеты с описанными состояниями переданы в разработку.
