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

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

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

Цель проекта — разработка сайта биржи услуг для масштабирования бизнеса.

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

Дизайн и логика работы сайта

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

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

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

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

У Vue.js и подобных ему фреймворков есть один нюанс, который важно учитывать в работе: они плохо индексируются поисковыми системами. Чтобы биржу услуг можно было продвигать в поиске, при разработке использовали дополнительно технологию SSR — надстройку для Vue.js, которая обходит проблему индексации.

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

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

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

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

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

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

Чтобы организовать удобное и безопасное общение между пользователями без перехода на сторонние ресурсы, на сайт встроили внутренний мессенджер. У этого функционала есть особенность с точки зрения разработки — собеседники должны видеть новые сообщения в чатах мгновенно. Обычно для сайтов это несвойственно. Чтобы мессенджер работал в режиме реального времени мы использовали WebSocket и Node.js.

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

Для фирмы-заказчика портал Greenesis будет не только новым направлением масштабирования бизнеса, но и дополнительной площадкой для привлечения потенциальных клиентов. Компания планирует размещать на портале и свои услуги. Поэтому одним из основных пунктов технического задания было подключение CRM-системы к готовому продукту.

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

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

Ранее представители компании-заказчика использовали в работе разные CRM-системы. Из-за удобства и набора предоставляемых функций изначально была выбрана ELMA365. После изучения всех параметров и консультаций с нашими специалистами клиент изменил свое решение и остановился на Битрикс24 из-за более лояльной политики лицензирования. Этот сервис предлагал не менее широкий функционал по более демократичным ценам.

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

В рамках проекта наша команда выполнила следующие работы: