AnnaLezhneva

Зачем общепиту приложение?

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

Поэтому рынок фудтеха предлагает 2 вида коробочных решений:

1. ПО для автоматизации бизнес-процессов

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

Пример таких систем — iiko, R-Keeper, Poster, ТРАКТИРЪ, Poster POS, СБИС Presto и Контур.Маркет.

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

2. ПО для взаимодействия с клиентом

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

• Регистрация и аутентификация;

• Каталог и карточки товаров;

• Главная страница;

• Корзина и оформление заказа;

• Программа лояльности и прочее.

ПО можно приобрести у любого подходящего вам вендора, самые популярные — Yelp, OpenTable, Zomato.

Чтобы оно взаимодействовало не только с гостем, но и со «внутренней кухней», его можно интегрировать с iiko, R-Keeper или 1C.

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

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

Сложностей со сменой «коробок» обычно тоже не возникает. Если вас перестали удовлетворять условия одного вендора, вы можете заключить договор с другими.

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

Обычно вендоры не идут навстречу, потому что у них нет технической возможности, их продукт рассчитан на массовую аудиторию.

Но есть и те, кто представляет такую возможность, и здесь тоже свои нюансы:

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

• Стоимость часа доработки ПО обычно выше средней стоимости часа кастомной разработки — 2500-4000₽ в зависимости от поставщика. Если доработок много, то выйдет накладно

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

Такие условия подходят не всем.

Но есть альтернатива — это кастомная разработка (индивидуальная/разработка с нуля) мобильного приложения, как у «Папы Джонс», «Додо Пицца» или «Вкусно — и точки».

Когда бизнес выбирает индивидуальную разработку

1/4. Когда расширяется

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

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

Почему оплачивается несколько лицензий? Схема такая: если точка одна — это 1x оплаты. Каждая последующая точка будет добавлять 20/40/60% к стоимости лицензии в зависимости от условий «коробки». Систему можно сравнить с лицензией Windows: 1 компьютер = 1 лицензия. Покупаешь пакетом на 10 машин — скидка 20%.

В некоторых коробках платишь только процент от оборота и неважно, сколько будет точек. Но в таком случае процент будет выше.

2/4. Когда вендоры отказывают в доработке функционала

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

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

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

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

3/4. Когда стоимость обслуживания «коробки» превышает стоимость индивидуальной разработки

Индивидуальная разработка стоит 4-10 млн ₽ в зависимости от функционала. Коробка же требует ежемесячной оплаты — до 5% от оборота каждый месяц, это может быть как 100 тыс ₽, так и 1 млн ₽ — чем выше оборот, тем выше ценник.

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

Сейчас мы занимаемся кастомной разработкой для сети ресторанов (проект под NDA). Изначально клиент выбрал коробочное решение и потратил на обслуживание около 2 млн ₽. Сравнив затраты и эффективность, он принял решение отказаться отказаться от коробки в пользу кастомной разработки.

4/4. Когда невозможно совместить несколько бизнесов сразу

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

Немного фактов о кастомной разработке

Индивидуальную разработку и коробочное решение можно сравнить с недвижимостью.

Сначала вы снимаете квартиру за 30 тыс ₽/мес и рады, что не обременяете себя и при желании можете быстро сменить место жительства. Но со временем вам захочется добавить в жилье уюта — повесить полки, заменить мебель и обои. Вы придете с идеей к хозяину квартиры и получите отказ.

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

С кастомным мобильным приложением так же — оно требует вложений на старте, но дает полную свободу и независимость потом:

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

• Внедрить детальную аналитику, отслеживать эффективность маркетинговых кампаний;

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

• Оперативно внедрять новые функции, исправлять ошибки и обновлять контент в режиме реального времени;

• Интегрировать с существующими системами управления (1С, ERP) или сторонними (iiko, T-Keeper);

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

Закрепим ключевые моменты

• Мобильные приложения для общепита решают 2 задачи — позволяют взаимодействовать с клиентами и автоматизируют внутренние процессы;

• Есть два пути реализации таких приложений — купить ПО у поставщика услуги или заказать разработку мобильного приложения с нуля у веб-студии;

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

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

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

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

Прийти на консультацию

Несколько слов о клиенте и задаче

Whoosh — перспективный стартап. Клиент пришел с идеей онлайн-сервиса доставки посылок по Нью-Йорку. Важно было сделать его удобным и для отправителей посылок, и для курьеров с разным типом транспорта.

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

Провели предпроектную аналитику и изучили менталитет американцев

Важный момент: Whoosh мы создавали для иностранной аудитории

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

Изучив менталитет жителей Нью-Йорка, выявили особенности, повлиявшие на разработку:

• Способ получения посылки

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

• Способ доставки

На западе распространена доставка на мопедах и скутерах. Этот транспорт часто используется американцами в повседневной жизни из-за его доступности. И если для наших реалий нормой можно считать 2-3 доставки в час, то для США — 4-5 доставок.

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

• Оплата работы курьера

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

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

Многие детали быстро и без ошибок отработали благодаря вовлеченности нашего клиента. Но так бывает не всегда :( Ранее делились своим опытом и выводами, как влияет на разработку отсутствие на проекте лица, принимающего решения.

Разработали дизайн-концепцию и анимации

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

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

• выбрали контрастные цветовые акценты для кнопок и анимаций: синий и желтый

• добавили цепляющие взгляд визуальные элементы (иконки, рисунки города и Статуи Свободы) ↴

• реализовали акцентные анимации через технологию Lottie

• весь дизайн адаптировали под экраны смартфонов

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

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

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

• времени суток

• ситуации на дороге

• длины маршрута

• способа перемещения

• веса посылки

Благодаря этому курьер видит, сколько он получит за выполнение заказа, а клиент — конечную стоимость доставки.

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

Создали личные кабинеты для 2 типов пользователей

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

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

Какие интеграции реализовали:

• Международная безопасная платежная система Stripe. Все данные о платежах шифрует сертификат PCI Service Provider Level 1. При этом функции TLS (SSL) и шифрование включены в базовый пакет и встроены непосредственно в каждую учетную запись, что гарантирует сохранность личных данных пользователей

• Сервис для работы с документами DocuSign. Через него можно загружать их, отправлять на подписание, просматривать, подписывать и отслеживать статус. Для него дополнительно сгенерировали шаблоны для пользователей, которые хранятся в базе данных Whoosh

• Google Maps — для построения маршрутов курьеров и расчета расстояния между точками. Это важно для определения конечной стоимости заказа и отслеживания пути курьера в онлайн-режиме

• Google Autocomplete — для автозаполнения адресов.

Сначала интегрировали другой сервис — Geoapify. Но с ним пришлось попотеть из-за административных особенностей Америки.

Крупные города разделены на боро (административные округа), в которых могут повторяться названия улиц. В Geoapify боро указаны не во всех случаях, из-за чего была путаница.

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

Whoosh разрабатывали на JavaScript-фреймворке Next.js

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

Нейминг придумал ребенок, или Есть ли связь с самокатами

Да-да, нас часто спрашивают, как так вышло, что у сервисов одинаковые названия. Если кратко: совпали в идеях и периодах разработки ¯\_(ツ)_/¯

Чуть подробнее: когда клиент пришел за разработкой, у Whoosh не было ни названия, ни логотипа. В рамках предпроектной аналитики мы проанализировали более 100 названий бизнесов в похожих областях и предложили вариант Whoosh. Звук [Вууш] похож на звук взлетающего самолета — ассоциируется со скоростью. Это играло на руку для сервиса доставки.

Сначала у нас был вариант «Wooooooosh», но после сократили его до «Whoosh». Такой вариант нам подсказал семилетний сын заказчика :) Он фанат мультика Room on the Broom, в котором главная героиня летает на метле. Когда мальчик катается на самокате, то подражает персонажу, имитируя звук полета метлы из мультика: «Вууушшш!».

Сейчас в России популярен сервис по аренде электросамокатов с таким же названием. Но когда мы приступали к разработке, нейминг Whoosh еще не был распространен

Резюмируем: каким получился Whoosh

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

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

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

Для сервиса также разработали бизнес модель на дальнейшую перспективу. В Нью-Йорке проживает почти 8,5 млн человек. Если представить, что 10 % горожан будут отправлять посылки через Whoosh, сервисом будут пользоваться 850 000 нью-йоркцев. При таком прогнозе есть смысл продвигать и монетизировать проект. Заказчик планирует развивать продукт: привлечь инвестиции и запустить мобильное приложение, расширить рынок в США: охватить Чикаго, Вашингтон, Филадельфию, Бостон, Бруклин, Нью-Джерси).

Мы — Пиробайт, занимаемся индивидуальной разработкой для бизнеса. Делаем веб-сервисы, мобильные приложения, корпоративные системы, CRM и ERP. Интегрируем 1С, платежные системы и агрегаторы, карты и сервисы без потери данных и производительности сайта.

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

Хочу обсудить проект

Ищете команду для разработки? У нас есть чек-лист для подбора подрядчика на разработку мобильного приложения или сайта. Забирайте в нашем боте с регламентами 👈

О самом проекте

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

«Вэлко» помогает местным жителям и командированным в Иркутск арендовать квартиру

Это не подобие Авито, Booking и ЦИАНа. Фишка в том, что здесь сдается весь 17-этажный дом: 154 квартир с дизайнерским ремонтом, бытовой техникой, мебелью, собственной службой заботы, паркингом, игровой площадкой, детским садом, спа-зоной, бассейном и тренажерным залом.

Как пишут сами иркутяне, «Вэлко» задал новый тренд на рынке недвижимости не только Иркутска, но и всей страны. В нем можно жить и с кошками, и с собаками, а при необходимости даже оформить временную прописку. Название происходит от англ. «Welcome».

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

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

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

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

• никаких ограничений по полу, возрасту, национальности и т.д;

• возможность забронировать квартиру онлайн;

• получить документы для работодателя, если ты в командировке;

• работающая техника, чистая мебель, хороший ремонт;

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

• чистота после прошлых жильцов;

• возможность заказать допуслуги онлайн;

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

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

• безопасность и прозрачность заключения договора аренды.

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

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

• для администратора разработали админпанель, чтобы он мог управлять сайтом;

• реализовали бронь квартир, фильтрацию по параметрам;

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

• полностью автоматизировали документооборот, интегрировав сайт с 1С;

• разработали адаптивную версию, если пользователь захочет оформить бронь со смартфона;

• создали функционал для заказа допуслуг.

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

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

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

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

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

Но фишка дизайна не в цвете и не в элементах, а в интерактивности модели многоэтажки.

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

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

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

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

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

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

• хранит данные о ценах на квартиры, услуги и коммунальные платежи;

• автоматически формирует счета на оплату;

• записывает информацию о статусе проведенных платежей;

• сохраняет данные об арендаторах.

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

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

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

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

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

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

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

• посмотреть, кто проживает в каждой из квартир;

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

• выгрузить документы в личный кабинет арендатора, чтобы он смог их скачать;

• изменить информацию о квартирах и услугах (стоимость, количество, описание);

• отследить поступление платежей и узнать, есть ли у кого-то долги;

• узнать, кто какие доп. услуги заказывал;

• размещать объявления в новостном разделе;

• заблокировать квартиру на время ремонта, чтобы ее не могли арендовать.

«Вэлко» запустился в прошлом году. Проект показал свою востребованность — все 154 квартир уже обрели своих жильцов. А работа администраторов, связанная с бумажной рутиной, теперь полностью ведется в онлайне.

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

Записаться на консультацию

Как вам результат? Пишите комменты, ответим на все вопросы.

Сама по себе услуга уже была популярна в регионе. Но у рынка было 2 нюанса:

1. Не было удобной системы онлайн-бронирования

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

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

2. Не было безопасной системы оплаты

Оплатить бронь можно было переводом со счета на счет, по СберPay или наличными. Это тоже затягивало и усложняло процесс.

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

Что интересного мы узнали, проведя аналитику

Бóльший процент таких сервисов сосредоточен в Европе. В России бизнес развит не так хорошо — всего 2,1% от общего рынка:

При этом спрос на услугу в России есть, но сервис не устраивает клиентов:

1. У конкурентов неудобная система бронирования

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

2. Неудобные системы оплаты

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

3. Устаревший дизайн

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

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

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

Почему приложение не всегда удобнее сайта

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

Что в нем предусмотрели:

1. Разработали личные кабинеты для 2-х типов пользователей

Панель управления создали на PHP фреймворке Laravel, а сам сервис на Next.js и React. У React открытый исходный код, он стабилен и может поддерживаться большинством разработчиков. Но для полного раскрытия потенциала ему нужен Next.js. Фреймворк крут тем, что на нем получаются производительные, хорошо заточенные под поисковики сайты — это хорошо для SEO.

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

2. С нуля разработали календарь, где в котором автоматизировали процесс бронирования

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

1) кроме настроек с выбором дат и времени, он отражает информацию, когда яхта доступна, а когда нет;

2) судовладелец может посмотреть кто арендует его судно, на какое время и с какими опциями;

3) судовладельцу автоматически отправляются уведомления, когда его яхту забронировали.

В коробочных решениях этого всего нет.

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

3. Сделали стильный дизайн под готовую айдентику

Отразили заложенные идеи в дизайне сайта — разработали концепцию, выбрали цвета и шрифты. Добились лаконичности, но при этом не утратили зрелищность. По итогу оформление вышло актуальным, а сам сайт «витринным».

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

Илья, дизайнер Пиробайта

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

Даша, project manager Пиробайта

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

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

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

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

5. Обезопасили электронные платежи, интегрировав сервис с ЮКассой

У каждого судовладельца есть своя Юкасса. Мы сделали это для того, чтобы ускорить цепочку взаиморасчетов. Когда от арендатора проходит оплата, то 23,5% идет сервису, 3,5% — платежной системе, а 76,5% — судовладельцу на счет. Бронь оплачивается по 100 % предоплате.

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

6. Сократили пользовательский путь с 11 шагов до 7

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

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

Что сделали для того, чтобы люди бронировали яхты охотнее

1. Разделили оплату на 2 части: предоплату и постоплату

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

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

Мы добавили возможность вносить снизили предоплату не со 100%, а до 23,5% (20% — комиссия сервиса и 3,5% — комиссия ЮКассы).

2. Еще раз сократили пользовательский путь: 7 шагов превратили в 3

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

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

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

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

Веб-сервис готов. Что сделали на адаптиве?

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

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

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

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

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

Сроки были сжатые, и нам было важно было в них уложиться. Эту фичу сделали буквально за 2 недели

Даша, project manager Пиробайта

От клиента все время поступала обратная связь, которую он сам собирал от пользователей. Мы быстро подхватывали идеи и выпускали обновления.

На последних этапах сервис стал более продающим

В нем появились скидки, промокоды и промоакции. В админке можно сгенерировать персональную ссылку на скидку, ее увидит только тот, у кого она есть.

Реализовали Stories. Привычная фишка для пользователей соцсетей.

Мы сделали пошаговую подачу контента. Первый слайд — захватываем внимание, показывая красивую (реальную!) картинку, потом — яхту, заточенную конкретно под это мероприятие, ну а третий слайд — дополнительные детали с кнопкой “Хочу так же”

Николай, аналитик Пиробайта

Почти тогда же доработали календарь бронирования, синхронизировав его с календарем от Google. Для многих он оказался привычным планировщиком.

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

Делимся результатами

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

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

И это еще не предел. В дальнейшем Yaves планирует выйти в плавание расширяться как на территории России, так и на ОАЭ и Турцию. А мы ему в этом поможем.

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

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

— Владельцам яхт, которые раньше ориентировались на локальный рынок или определенные каналы продаж, теперь доступна более широкая аудитория;

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

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

Олег, клиент

Если вам нужно разработать сайт, приложение или корпоративное решение, напишите нам:

Как вам сервис? Часто ли бронируете сами разные услуги через приложения?