Yaves. Разработка сервиса для арендодателей яхт, их агентов и клиентов

Главное о кейсе

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

▶ Мы продолжаем сотрудничество с заказчиком по разработке мобильного приложения, чтобы в ближайшее время оно появилось в Google Play и Appstore.


Case in English

▶ At the end of the work, we can summarize the following results:
– The application is still under development, but a website with similar functionality has been launched;
– Fully implemented personal accounts of the shipowner and tenant;
– A multifunctional calendar has been made that displays not only available and unavailable hours for booking, but also shows the status of the reservation, information about it;
– Using the method of data denormalization, we optimized and accelerated the work of the calendar;

▶ We continue to cooperate with the customer on the development of a mobile application so that it will appear on Google Play and the Appstore in the near future.

Бизнес-задача и ее решение

▶ Предпроектная аналитика

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


▶ Дизайн концепция

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


▶ Разработка

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

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

Время, дата и судно определены. Пришло время бронирования. Мы продумали и реализовали пошаговую систему, которая включает в себя:

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

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

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

При работе с проектом мы использовали фреймворки Next.js и React. Основные плюсы этого стека технологий при разработке приложений – это гибкость в процессе разработки, а также возможность написать приложение один раз, но сразу для двух платформ. Иными словами, код, написанный на React, подойдет и для Adroid, и для IOS.

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


Case in English

Having learned everything about the project, we started developing the design concept. The client's brand book was offered to help us, so we managed to immediately meet the customer's expectations. In addition to the design of the application itself, we have developed a laconic logo that can later be used in any promotional materials.

The Yaves mobile application was conceived not only for shipowners, but also for customers, agents, and captains. We were faced with the task of thinking through all the roles at the design stage and preparing convenient and functional screens for each type of account. This solution helps users to focus on the details that are important to them, using only the functionality they need.

The next stage of our work was the creation of a two-level filtering when searching for a trip on a yacht. For the convenience of users, we have developed the usual search for yachts by date and time. This method is suitable for those who are not interested in the type of vessel and plan their trip for a specific date and time.

As the second filter, we proposed a search by vessel type. With this method, the specific vessel, its characteristics and the cost of rent are critical for the user.

Time, date, and ship are fixed. It's time to book. We have thought over and implemented a step-by-step system, which includes:

– Start and end time of the trip;
– Number and age composition of travelers;
– Additional services (Wi-Fi, towels, the ability to take a pet on board, etc.);
– Calculation of the final cost of all services;

For shipowners, we have prepared a dashboard with the ability to specify your ship, collect statistics and track current trips. The service also allows you to send an application for the repair and maintenance of your vessel.

We developed a captain's dashboard with a convenient and flexible planning system that allows you to track current and upcoming trips, weather conditions.

At the prototyping stage, we prepared more than 100 full-fledged screens, which were immediately approved by the customer.

During the development process, we used the Next.js and React frameworks. The main advantages of this technology stack in application development are the flexibility in the development process, as well as the ability to write an application once, but for two platforms at once. In other words, the code written in React is suitable for both Adroid and IOS.

For the admin panel, we used the Laravel framework. This is the most popular framework now, which means that in the future there should be no problems with supporting the service, even if it turns to another developer.

Прочая информация о кейсе

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

Клиент сервиса должен иметь возможность легко и беспрепятственно получить доступ к следующей информации о яхте:
– Название и владелец;
– Тип судна;
– Описание внешнего вида;
– Её параметры (длина, скорость и т.д.);
– Год выпуска;
– Фотографии и видео, сделанные на борту;
– Расписание-таблица, в которой видна доступность выбранного судна в часах;


Case in English

▶ The customer asked us to develop a mobile application for yacht owners, their agents and clients. We took the booking system from the booking.com website as a basis and made a convenient interface for renting small sea vessels both for several hours and for several days.

The service customer should be able to easily and seamlessly access the following information about the boat:

– Title and owner;
– Vessel type;
– Description of appearance;
– Its parameters (length, speed, etc.);
– Year of issue;
– Photos and videos taken on board;
– Schedule-table, which shows the availability of the selected vessel in hours;

Скриншоты

Видео

Комментарий заказчика

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

“We were very lucky to find the guys from Pyrobyte. They did an excellent job and predicted what we wanted in the process. The development was completed on time, with excellent quality."