Landing Page для официального представителя железных дорог
О проекте
Golden Key — официальный партнер Российских железных дорог, а также наш клиент. Этот сервис предоставляет возможность покупки сертификатов для посещения бизнес-залов нового формата на вокзалах РЖД.
Сейчас многие пассажиры предпочитают проводить время с комфортом, ожидая поезд. С этой целью РЖД обустраивает специальные залы повышенного комфорта, а партнеры помогают получить в них доступ. Golden Key — как раз один из таких уникальных партнеров.
Бизнес-зал нового формата — это не просто 3 часа комфортного пребывания, а и зоны отдыха и работы, вкусный шведский стол, прохладительные напитки, кофе и чай, доступ к Wi-Fi и зарядные станции. Чтобы попасть в любой из таких залов партнерской сети не обязательно получать дорогостоящую в обслуживании банковскую карту — теперь можно воспользоваться одноразовым сертификатом Golden Key, чтобы путешествовать с комфортом, — независимо от класса билета и даже совсем без него.
Задача
Перед нами была поставлена задача — разработка Landing Page для сервиса Golden Key, функционала продажи сертификатов и механики их проверки на входе в БЗ. На начальном этапе сайт ориентирован только на возможность посещения бизнес-зала, но в будущем компания планирует масштабирование услуг, появление дополнительных сервисов для пассажиров. Это должно быть учтено при разработке.
Решение
Команда Webnauts провела серьезную работу, задействовав разработчиков, дизайнеров, копирайтеров, аналитиков и SEO-специалистов, чтобы воплотить идею в реальность. Мы создали целую экосистему Golden Key, в которую входит не только сайт, но и мобильное приложение, а также интерфейс администратора бизнес зала с бэкендом. О каждой этой части нашей работы мы расскажем в дальнейшем в этом и других кейсах.
Дизайн Landing Page
Главный элемент системы Golden Key — сайт, вернее лендинг, дизайну которого мы уделили максимум внимания.
Конечно же, мы использовали цветовую гамму, которая бы соответствовала названию сервиса в золотых тонах. Все основные элементы, кнопки и символы выполнены именно в этом цвете.
Классический большой слайдер в верхней части сайта содержит в себе изображения всех бизнес-залов Golden Key. Фото также подобраны в соответствующей цветовой гамме.
Отдельное внимание — на фирменные иконки в духе минимализма, которые упрощают восприятие информации.
Разработка логотипа
Мы учли тот неоспоримый факт, что логотипы с названием компании являются самыми распространёнными. Именно такие логотипы составляют до 70% от всех современных лого, например Samsung, Coca Cola, Nike и другие. Такие лого несут в себе двойную функцию, т.к. содержат в себе не только символику, но и название, которое с помощью логотипа будет проще запомнить. Мы создали прочную базу для развития фирменного стиля бренда, используя в логотипе название и фирменные цвета компании Golden Key.
Информативные коммерческие тексты
Все блоки лендинга сопровождаются текстами, разработанными нашими копирайтерами, с учетом анализа конкурентов и конкурентных преимуществ. Это — простые, но убедительные текстовые блоки с самой необходимой информацией.
Интеграция с картами Google
Мы использовали темную тему Google-карт для этого проекта, чтобы схема расположения бизнес-залов на карте РФ выглядела как неотъемлемая часть общего дизайнерского решения сайта.
Покупка сертификатов
Прямо на лендинге каждый клиент может купить сертификат в соответствии простой схемой покупки. Эта процедура описана в блоке «Как получить доступ» и содержит всего 3 шага.
Процесс покупки сертификата интуитивно понятен: от пользователя требуется минимум данных (электронная почта и ФИО). Можно купить и неименной сертификат, который можно подарить или передать друзьям или коллегам. Мы интегрировали оплату с помощью ЮKassa, в рамках которой покупку можно оплатить всеми популярными способами.
После оплаты останется только сохранить сертификат на смартфон или распечатать его, чтобы в нужный момент предъявить администратору зала. Копия сертификата также приходит на электронную почту, так что найти его в нужный момент у себя будет совсем несложно.
Личный кабинет
У физических лиц есть возможность войти в личный кабинет. Для регистрации на сайте достаточно лишь адреса электронной почты: на нее приходит пароль для входа.
В личном кабинете можно просмотреть уже купленные сертификаты и статус их погашения, а также изменить личные данные для входа.
В будущем сюда же, в личный кабинет пользователя, будут подключены и другие функции и возможности.
Программная часть
Мы реализовали бэкенд на фреймворке Laravel. Это — один из лучших PHP-фреймворков для разработки коммерческих веб-приложений, который отличается такими преимуществами:
- Безопасность.
- Высокая производительность.
- Аутентификация.
- Открытый код и большое комьюнити.
- Миграции баз данных.
- MVC-архитектура.
- Объектно-ориентированные библиотеки.
- Коробочные юнит-тесты.
- Большая библиотека перспективных приложений.
- Дружественный код.
- Мультиязычность.
- Интеграция с mail-сервисом.
- Сконфигурированные обработчики ошибок.
- Отложенные задачи.
- Скорость разработки.
Последний из перечисленных пунктов позволяет реализовать любой проект намного быстрее. Но и остальные преимущества достойны внимания, поэтому мы используем этот фреймворк для решения подобных задач.
Экосистема Golden Key
В рамках разработки всей системы мы также сделали:
- Интерфейс для администраторов бизнес-залов.
- Удобное мобильное приложения для самообслуживания пассажиров в бизнес-залах (дублирующего возможность покупки сертификатов, как на сайте и всей необходимой информацией).
- Кабинет и функционал для корпоративных клиентов.
- Профессиональный кабинет администратора системы, в том числе отдельные кабинеты для бухгалтеров и т.д.
К каждой из перечисленных задач мы будем возвращаться в кейсах и портфолио на нашем сайте.
В итоге
Наша команда провела масштабную работу, приложив практически максимум усилий для создания целой системы продуктов Golden Key, центральной фигурой которой стал сайт в стиле Landing Page. Мы разработали не только надежную и безопасную систему, но и фирменный дизайн, логотип, качественное текстовое наполнение и удобную систему покупки продукта.
