пик-дома хорошо
редизайн мобильного приложения
antech.ru
10.2022
telephone

пик — один из самых известных девелоперов в россии. компания не просто строит дома, а создаёт среду для жизни: комфортную, безопасную и современную. в её проектах много внимания уделяется технологиям — от проектирования и управления стройкой до сервисов для жильцов. благодаря этому пик заметно выделяется на рынке и делает общение с недвижимостью простым и понятным на каждом этапе.

задача проекта

перед нами стояла амбициозная цель — собрать все цифровые сервисы пик в одном приложении. важно было не просто сложить функции в один контейнер, а придумать удобные сценарии, которые сделают жизнь пользователей проще.

мы хотели создать решение, которое можно будет развивать и масштабировать. суперапп, где есть всё: от подбора квартиры до заботы о быте в жилом комплексе. приложение должно было стать единым порталом, который сопровождает клиента на всём пути — от первой встречи с брендом до заселения и повседневных дел.

personal digital assistant
предыдущие решения

у пик уже было приложение с личным кабинетом. но его возможностей хватало только на часть процессов — полноценного цифрового сопровождения оно не давало.

компания хотела расширить функционал и связать приложение с кабинетом на сайте. это открывало путь к созданию единого цифрового пространства, где клиент может пройти весь маршрут: от выбора квартиры до переезда.

наше решение

мы предложили клиенту три концепции — каждая со своим подходом к задаче. в итоге остановились на варианте, который объединил в себе понятную логику, простоту использования и современные технологии.

этот подход понравился команде пик: он показывал, как можно собрать воедино все сервисы, сделать их удобными и при этом сохранить пространство для развития. именно поэтому проект доверили нам.

telephone
исследования и подготовка

в начале проекта не было чёткой технической документации — только список идей и общее видение. мы понимали: чтобы создать по-настоящему полезное приложение, нужно глубже разобраться в задачах пользователей.

мы начали с воркшопа вместе с командой пик. там определили главные направления и сформировали общую картину продукта.

важную роль сыграла карта пути клиента (cjm), которую подготовила ux-лаборатория пик. в ней были прописаны шаги, мотивация и проблемы пользователей. мы не ограничились готовыми данными — добавили свои гипотезы о том, что ещё может мешать людям. так удалось выстроить основу для будущего функционала.

depository

отдельное внимание уделили персонализации. разобрали её основные сценарии, посмотрели, как это работает у других, и собрали идеи для рекомендаций внутри приложения.

на воркшопе мы составили список функций и разделили их на mvp и последующие релизы. параллельно провели бенчмаркинг, изучили лучшие практики в отрасли и применили их к нашему проекту.

в итоге мы получили набор ключевых экранов, принципы навигации и структуру приложения. это стало фундаментом для дизайна и помогло всем участникам проекта видеть продукт одинаково.

window
window

процесс работы

чтобы не потеряться в масштабе, мы разделили проект на три больших блока:

витрина

открытая часть приложения, доступная без регистрации. тут каталог квартир и жилых комплексов с удобным поиском и фильтрами, карточки квартир, подбор кладовых и машиномест, избранное, списки, онбординг и бренд-медиа. наша цель — чтобы человек с первых минут мог легко найти нужное и почувствовать ценность продукта.

jelly
базовый личный кабинет

после регистрации пользователь получает доступ к профилю, данным об объектах, документам (в том числе с электронной подписью), а также к покупкам и полезным сервисам. это базовый набор инструментов для тех, кто уже сделал шаг к покупке.

technology
сервисы личного кабинета

расширенный блок для владельцев квартир. сюда входят онлайн-заселение, гарантийное обслуживание, уведомления, чат для бронирований, реферальная программа, ипотечный калькулятор и онлайн-покупка. всё, что нужно для жизни в экосистеме пик — в одном месте.

jelly

по каждому блоку мы проходили четыре этапа:

  • дизайн-макеты — визуальные решения и сценарии.

  • тестирование и доработка по фидбэку.

  • front-end разработка.

  • интеграция api.

такой подход позволил шаг за шагом улучшать пользовательский опыт и сохранять цельность продукта.

разработка

для реализации мы объединились с технологическим партнёром future group. они отвечали за front-end, доработку api и интеграцию всех компонентов.

этап дизайна
начали с витрины — открытой части приложения. нужно было сохранить визуальную связь с брендом пик: фирменные цвета, иконки, шрифты. на базе этого мы обновили библиотеку компонентов и адаптировали её для мобильных паттернов. параллельно работали две дизайн-команды, синхронизируя результаты. после витрины мы собрали единую дизайн-систему, по которой строились все остальные макеты.

погружение в продукт
чтобы проработать сценарии, мы глубоко изучили бизнес-процессы клиента. онлайн-покупка, ипотека, заселение — для каждой функции прописали удобный и интуитивный флоу.

тестирование
каждый блок дизайна проверяли с пользователями. тесты охватывали витрину и личный кабинет, помогали вовремя вносить улучшения и убеждаться, что интерфейс работает так, как ожидают люди.

разработка
front-end собрали в гибридном формате: нативные элементы + webview. такой подход позволил интегрировать сложные сервисы, сохранив удобство и производительность.

jelly

вызовы

в процессе мы сталкивались с разными трудностями, но каждая из них стала точкой роста.

неполные сценарии и разные версии макетов
часть процессов не имела описанных юзкейсов, а для одних и тех же сервисов встречались разные макеты.
решение: мы вместе с продактами пик выстроили актуальные сценарии. отдельные процессы проверяли офлайн — например, проходили этап заселения прямо в жилом комплексе со старым приложением. это помогло оптимизировать новый сценарий.

масштаб проекта
нужен был единый подход к дизайну.
решение: создали библиотеку компонентов и централизованную дизайн-систему. интерфейсы стали единообразными и согласованными.

устаревшая или отсутствующая документация
решение: собрали актуальный swagger и описали план интеграции api. это упростило работу всем командам и синхронизировало сайт с приложением.

сжатые сроки
работали параллельно: дизайн-команды, спринты front-end и выделенная команда для промежуточного слоя интеграций. это позволило уложиться в три месяца.

регулярные изменения функционала
решение: постоянно держали контакт с продуктовыми командами пик и оперативно синхронизировали изменения.

отсутствие готового бэка для всех процессов
решение: часть сервисов сделали через webview, сохранив плавный пользовательский опыт. переходы ощущались как нативные.

в итоге мы стали частью продуктовой команды пик: быстро реагировали на изменения, вместе решали проблемы и создавали гибкий, продуманный продукт.

результат

новое приложение «дома хорошо» объединило все этапы работы с недвижимостью — от выбора квартиры до переезда. теперь пользователи могут решать всё в одном месте: искать варианты, бронировать, оформлять ипотеку, заселяться и пользоваться сервисами для обустройства.

основные возможности:

  • поиск и карта — удобные фильтры и поиск по ключевым словам. можно рисовать область на карте, сохранять квартиры в избранное и оставлять комментарии для сравнения.

  • онлайн-покупка — весь процесс покупки, включая ипотеку, собран в приложении. пользователю доступны разные банковские программы и удобные сценарии оформления.

  • онлайн-заселение — пошаговые инструкции помогают пройти процесс без менеджера: получить ключи, подписать документы и осмотреть объект.

  • полезные сервисы — оформление права собственности, страховка, налоговый вычет, переезд, ремонт, дизайн-проекты и даже покупка мебели и техники.

  • машино-места, кладовые и коммерческие помещения — покупка и оформление дополнительных объектов прямо в приложении.

результаты запуска:

  • 80 тысяч органических скачиваний за первые три месяца;

  • 80% всех заселений пик теперь проходят через приложение.

«дома хорошо» делает покупку и обустройство жилья простым и удобным процессом. для пользователей это единое цифровое пространство, где всё, что связано с домом, решается быстро и без лишних усилий.

mobile
экосистема мтс
исследование считываемости МТС как экосистемы
09.2022
egg
Команда
Сергей Горбунов
исследователь
Вероника Толоконникова
руководитель отдела исследований
Артур Байчурин
арт-директор
Антон Герасимов
руководитель юнита
Лилит Арсенян
дизайнер
Алексей Елфимов
ведущий дизайнер