Real Estate CRM cистема

Проектирование системы

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

Дизайн интерфейса

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

Создание прототипа

Разработку дизайна для проекта мы начали с создания функционального прототипа, так как нам необходимо было спроектировать как будущий пользователь будет взаимодействовать с системой. Не тратя время на визуальный стиль, мы сконцентрировались на удобстве и функциональности. В системе присутствовало много “узких мест”, где необходимо было продумать все детали и мелочи.

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

Прототип стал отличной базой для front-end разработчиков. Благодаря прототипу удалось избежать многих неясностей при разработке интерфейса разработчиками.

Визуальный язык

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

Типографика

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

Программирование

Проект реализован на Symfony2, одном из самых популярных фреймворков. Данный фрейворк позволяет легко решать рутинные задачи программиста, так как использует передовые технологии веб-программирования. Проект построен на основе сервис-ориентированой ахитектуры, с использованием независимых, слабо-связанных компонентов. В качестве основной базы данных используется MySQL.

API

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

Одностраничное приложение

Single Page Application, в отличии от стандартного веб-приложения, выделяется быстротой отклика на действия в пользовательском интерфейсе; поскольку не требуется перезагрузка страницы, все визуальные элементы конструируются прямо в браузере с помощью JavaScript путем манипуляций с DOM-структурой документа. Такие приложение могут работать в режиме offline с елементами realtime.

Ember.js

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

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

С Ember.js приложение работает быстро, несмотря на сложный дизайн и большое количество обрабатываемых данных.

Работа с секцией

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

Взаимодействие с клиентами

Это стержень любой CRM-системы. База клиентов содержит не только основные данные о клиенте, но и список его интересов и историю контактов. Со страницы клиента можно забронировать или продать квартиру, а также перейти в поиск квартир по ключевым интересам клиента.

Подбор квартиры по интересам

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

Система напоминаний

Уведомления предназначены для того, чтобы напоминать пользователю о запланированных контактах с клиентом и заканчивающихся бронях. Отдельным таблицами выводятся просроченные события и события на сегодня.