100% сданных квартир, или как разработать качественный веб-продукт

С клиентом у нас уже выстроены доверительные отношения. В 2021 году мы корпоративное приложение для логистической компании: автоматизировали процессы. С запросом создать сайт для Клубного дома «Вэлко» клиент обратился год спустя.

Как определили, какой функционал нужно реализовать

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

Во время анализа целевой аудитории мы узнали, что было важно арендаторам «Вэлко»: 

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

Те, кто никогда не снимал квартиру, боятся нарваться на мошенников и потерять депозит. В «Вэлко»‎ аренда максимально прозрачна. Нам важно было это показать.

Подобным образом мы исследовали каждое заинтересованное в разработке лицо и продумывали, через какой функционал мы можем упростить ему жизнь:

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

Главными конкурентами «Вэлко» стали Авито, Airbnb, ЦИАН, Домофонд, Юла и Booking. У них мы оценивали буквально все: от визуала и наполнения до функционала и пользовательского пути. Поняли, что работает хорошо, а чего не хватает. Лучшие решения адаптировали у себя в проекте.

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

Пару слов о дизайне

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

У «Вэлко» есть фирменный элемент — квадрат в круге. Первый олицетворяет жильца дома, а второй — безопасное пространство, которое окутывает заботой и сервисом.

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

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

Как взаимодействует арендатор и арендодатель

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

Перед бронированием надо внести залог, эта сумма войдет в счет месячной оплаты. За следующий месяц квартиросъемщику нужно внести уже месячный депозит. Он хранится на балансе и возвращается при выезде. Сумма залога входит в счет месячной оплаты.

Счет формируется в 1С. Арендатор оплачивает аренду онлайн. Для этого мы провели интеграцию с ЮKassa и СберБизнесом. Первый позволяет оплатить аренду физическим лицам, а второй — юридическим.

А для автоматизации процессов настроили интеграцию с 1С, и теперь сервис:

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

Возможности арендатора

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

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

Арендатор может отследить списание и поступление своих платежей и заказать дополнительные услуги.

Возможности администратора

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

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

Кликнув на ячейку, админ может контролировать все, что касается сайта:

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