О проекте
Клиентам и пользователям всегда было необходимо быть мобильными и интерактивными, что было не удобно, потому, что постоянно нужно было иметь под рукой ноутбук или ПК. Поэтому было принято решение о разработке мобильного приложения всей платформы, т.е перенос всего существующего функционала в приложение
Задача
Спроектировать мобильное приложение для агентств недвижисти, риелторов, директоров. Для более мобильного взаимодействия с обьектами и для фиксирования сделок.
Первым чем я занялся, это собрал данные о количестве гаджетов использования веб-платформы. Метрики посещения мобильной версии платформы, показывают, что основные устройства это гаджеты на IOS — 78%. Было принято решение, для сокращения скорости доставки основого функционала платформы, до конечного пользователя в пользу мультиплатформенной разработки по средством фреймворка Flutter. (Flutter — комплект средств разработки и фреймворк с открытым исходным кодом для создания мобильных приложений под Android и iOS, веб-приложений). Тем самым убиваем двух зайцев.
Анализуем активные устройства
Процесс
Опросили пользователей веб платформы, составили ряд вопросов по используемому функционалу, сгруппировали основные цели в группу и на основе данных выделили основной портрет пользователя. Результат отразили в графике, основной портрет это женщина (риэлтор) средних лет, более частая информация обращаемая к платформе — это Доступ к ценам, Бронирование квартир и следовательно подбор и фильтрация по исходным данным клиента.
Исследование пользователей
Formular Font — шрифт, сочетающий в себе современный дизайн, читаемость и универсальность, что делает его подходящим для широкого спектра проектов, особенно хорошо подходящий под интерфейсы. Так же была собрана оптимальная и достаточная библиотека UI-kit'a.
А так же, авторские и индивидуальные иконки. Так же была разработана палетка брендовых и акцентных цветов, для коммуникации интерфейса с пользователем. Заложенная дизайн-архитектура позволила и позволит в будущем собирать и поддерживать разделы, без большого количества легаси.
Типографика и стили
Был переосмыслен подход к карточке и быстрому доступу к информации, так же необходимо было завернуть в карточку все сопутствующие блоки такие как Кейсы, Планировки и цены, а так же динамика цен в виде графика
Интерфейс
Особое внимание было в переработке иерархи навигации и работы с профилем. Для быстрого доступа к основным разделам платформы в приложении. Был заложен большой потенциал, а так же решены структурные проблемы веб-версии. После коридорного исследования все респонденты сошлись на мнении, что удобство и скорость погружения в раздел увеличилась в разы.
Профиль
Была переработана система фильтров, проблема в том, что на платформе веб версии очень много фильтров, которыми пользуются агенты, все фильтры необходимо было перенести в приложение, на какие-то сделать акцент, а где-то переработать механику и добавить выбор из единичного в множественный. Большая переработка раздела фильтра получила хороший отклик со стороны пользователей.
Фильтры
Итоги
После выпуска приложения, без анонса пользователи начали искать и скачивать приложение в сторах, за пол года приложение скачали 2тыс. раз,а за год +5тыс. В целом после релиза приложение стало неотъемлемой частью экосистемы компании. Результаты и отзывы можно оценить в сторах.