Портфолио
October 15

Три года и четыре месяца в «Метре квадратном»

Главная страница сайта m2.ru восседает на пьедестале почета — это один из самых лучших по функциональности сервисов по недвижимости в России — это правда!

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

Краткая информация

Логотип метра абсолютно прекрасен — это творение дизайн-студии Супрематика

«Метр квадратный» — сервис поиска недвижимости, ипотечные предложения и ремонт в один клик.

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

Сайт https://m2.ru

Я проработал здесь с сентября 2019 до декабря 2022 года.

Содержание:

А как все начиналось...

В сентябре 2019 года после плодотворного года работы над американским стартапом Wallarm я перешел в только что созданную компанию «Жилищная экосистема ВТБ», позиционирующую себя новым стартапом от самого синего банка страны. И, правда, в самом начале нас можно было накормить двумя-тремя пиццами!

В этот момент в компании уже было три дизайнера и дизайн-директор. Я пришел на должность старшего дизайнера продукта. И началось...

Небольшая часть нашей дизайн-команды на майском празднике в офисе

Задачи и проекты, которые я сделал

В хронологическом порядке, чтобы посмотреть прогресс. Работы за 3,5 года было сделано очень много, показать все не представляется возможным, поэтому только highlights по наиболее важным проектам.

Закрытая база сервисов (2019)

В доковидный период, когда мы все еще ходили в офис (у нас он, кстати, был в WeWork на Белорусской) Иван, наш дизайн-директор, вручил мне проект «ЗБС — закрытая база сервисов» — все, что нужно для риелторов.

Первый вариант интерфейса для риелторов — это осень 2019 года и сам сервис носит название «ВТБ — Жилищная экосистема».

Профессиональная база недвижимости

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


Проект «Ипотечный брокер» (2020—2021)

Одним из сервисов, на который сместился фокус компании стал «Ипотечный брокер». Я перешел во вновь сформированную под проект команду.

Первый вариант ипотечного брокера в Production (версия 2020 года), формат скринкаста, смотреть с 1:13 минуты:

Обзор «Метра квадратного» и подробный скринкаст нашего ипотечного брокера

Один из вариантов поискового прототипа «Ипотечного брокера» (середина 2020 года), смотреть с 1:19 минуты:

Прототип создан полностью в Webflow

Этот прототип на видео я собрал и протестировал с помощью Webflow.

Мой финальный вариант заявки на ипотеку — существует и работает с небольшими изменениями в части UI до сих пор:

В таком виде ипотечная анкета существует по сей день

Помощь команде в дизайне главной страницы (2019—2022)

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

Для высокодетализированного прототипирования и UX-тестирования использовали связку Webflow + Fabuza.

По моим прототипам можно отследить ключевые этапы перерождения сервиса «Метр квадратный»:

https://vtb-life.netlify.app

Первый вариант главной страницы в далеком 2019 году

https://m2-oldest.netlify.app

Обновления 2020

https://m-2.netlify.app

Здесь отработал новую анимацию логотипа

https://m2-webflow.netlify.app

Более-менее финальный вариант 2022 года

Блок «Сделка» (2021—2022)

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

  • Сервис «Электронная регистрация».
  • Сервис «Удаленное подписание документов».
  • Сервис безопасных расчетов.
  • Экосистема застройщика.
  • Личный кабинет агентств недвижимости.
  • Сервис «Сделка онлайн».
  • Сервис для риелторов и агентств недвижимости M2Pro.

В разное время в моей команде было от 2 до 3 дизайнеров. Последние полгода перед увольнением стабильно 3 прекрасных бойца — Миша, Стас и Гуля.

Сервис «Электронная регистрация», пример UI приложения образца конца 2022 года:

Раздел «Электронные закладные»
Заявление на электронную регистрацию ДДУ

Росреестр + Метр квадратный (2022)

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

Виртуальная комната сделки в личном кабинете Росреестра

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

Я спроектировал интеграцию «Метра квадратного» в личный кабинет Росреестра. Интеграция заключалась в том, что теперь можно было очень быстро разместить свой объект недвижимости в классифайды и начать онлайн-сделку по продаже или покупке в «Виртуальной комнате сделки».

Для создания прототипа я выбрал набирающий популярность Framer. Ниже представлен прототип (должен запуститься прямо на странице).

Framer дает самые нативные ощущения взаимодействия пользователя с интерфейсом

Если с запуском прототипа есть какие-то проблемы, то вот ссылка на веб-версию прототипа:

https://framer.com/embed/2--8L3Sz530wb1c8afXqeL9/MrKZTjVvw?highlights=0

Скринкаст прохождения сценария «Путь покупателя»:

Скринкаст прохождения сценария «Путь покупателя»

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

В процессе работы над проектом я коммуницировал с одним из главных топ-менеджеров компании «Метр квадратный». В 2022 году этот проект был один из самых приоритетных и важных для руководства компании.

По отзывам руководства и представителей Росреестра и Минцифры цель была достигнута, прототип и презентации впечатлили их. Прототип был показан на одной из выставок на стенде Росреестра.


Госуслуги + Метр квадратный (2022)

Это был еще один интереснейший проект!

Виртуальная комната сделки

После проекта с Росреестром было решено повторить этот опыт с Госуслугами. В итоге мной были спроектированы следующие сценарии:

  • Размещение объявления о продаже квартиры из личного кабинета Госуслуг.
  • Пошаговый конструктор договор купли-продажи из ЛК Госуслуг.
  • Виртуальная комната сделки внутри чата в ЛК Госуслуг.

Прототип в Figma:

Прототип в Figma, разбитый по сценариям

Застройщик АЕОН + Метр квадратный (2022)

Еще один долгоиграющий RnD-проект для одного из самых крупных застройщиков России.

Главная страница после авторизации в личный кабинет АЕОН
Личный кабинет покупателя

Я спроектировал функционал личного кабинета специально под нужды конкретного застройщика. Прототип в Figma:

Прототип для корпорации АЕОН, собранный в Figma
Фигма-файл просто посмотреть если что...

М2.Pro — возрождение сервиса для риелторов (2022)

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

Теперь он называется M2.Pro. А это обновленный дизайн личного кабинета риелтора или агента недвижимости:

Отрисовка в Figma

А это текущая реализация в Production на сегодня:

Главная страница сервиса для риелторов m2pro

В самом конце работы над этим проектом просто игрался с разными UI-библиотеками и пересобрал главную страницу во Framer:

Вариант нового UI для M2.Pro

Ссылка на прототип: https://m2pro.framer.website/rieltor/new-5

Немного из жизни компании

День перерождений

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

Команда поздравляет меня по зуму с очередным днем перерождений

Беговой кружок и спортивные активности

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

Бегу вперед в спортивной форме «Метра квадратного»
Наш беговой кружок

Корпоративы

В «Метре квадратном» были всегда очень крутые корпоративы. Надолго запомнился корпоратив-регата на яхтах — это было что-то просто невероятное!

Я в той яхте, которая накренилась немного больше, чем сильно!

И что в итоге...

Еще раз хочу подчеркнуть, что это была лучшая компания в моей жизни, но текущие события в мире и мой отъезд в Дубай разлучили нас...

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

Финальное фото с коллегой Олей:

Последний день в офисе компании «Метр квадратный» перед отъездом в Дубая