Riderra

Новый фирменный стиль и сайт для международной трансферной компании

Фирменный стиль

Требовалось отстроиться от конкурентов в визуальном плане и передать дружелюбное отношение бренда к клиентам.
#E5006D
#E5006D
#E5006D
#E5006D

Логотип

Клиент хотел получить текстовый логотип. Предложили использовать название сервиса — Riderra. Целью стало отразить тематику перевозок в образах.
Логотип
Логотип
Обыграли метафору движения и отразили основную деятельность Riderra — трансферы. Добавили точку в конце на манер той, что стоит над «i», создав иллюзию динамики и перемещения из пункта А в пункт Б.
Заглавную букву сделали строчной, чтобы сделать бренд дружелюбнее в глазах клиентов и избавиться от официозности. Наклонили шрифт для дополнительной динамики.

Фирменная графика

Айдентика

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

Гайдлайн

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

Сайт

Сделали удобный сайт,
где можно легко заказать трансфер.

Проектирование

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

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

Дизайн

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

Разработка сайта

Работали
в точности по макету

Сверстали посадочную страницу по технике Pixel Perfect — в точности с оригинальным дизайн-макетом.

Адаптировали
под все разрешения

Начиная с разрешения в 320px и заканчивая 5К экранами с увеличенной плотностью пикселей (такие, как Retina).

Использовали
современный стек

Для создания сайта использовали HTML5, CSS3 и Vue.js.

Сделали сайт кросс-браузерным

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

Кастомизировали элементы

Формы, карты, календарь, маршрут, информацию о заказе и страницу оплаты.

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

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

Продумали полную интеграцию

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

Настроили систему управления заказами

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

Шаг 1. Изучение и тестирование

Изначально остановились на FASTTRAK Limo Software. Но после изучения документации стало понятно, что передача данных проходит с помощью устаревшего протокола SOAP. Решили искать дальше.

Шаг 2. Выбор и настройка бэкофиса

После нескольких попыток интеграции со старыми системами решили использовать более современное решение — сервис IVCARDO, где интеграция проходит через стандартные JSON-запросы.

Настроили передачу данных о заказах трансферов в IVCARDO:

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