Сайт «РЖД — Свердловской Пригородной Компании»

Сделано для компании РЖД

Задачи

Сделать редизайн сайта
Продумать логику навигации по сайту
Создать удобную административную панель для управления контентом

Старт работ

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

Что мы выявили

Посетителям преимущественно 25–54 лет. Люди старшей возрастной группы обычно ценят стабильность и предсказуемость, младшей — современные визуальные решения, значит интерфейс должен быть интуитивно понятным и содержать акцентные детали;
чаще всего используются мобильные устройства, поэтому именно на них должен быть акцент при разработке дизайна.

Все это позволило сформировать примерный портрет посетителя и наметить общие особенности будущего интерфейса и оформления сайта.

Дизайн

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

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

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

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

Оптимизация контента и логики

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

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

Поиск, покупка и оплата билета

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

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

Для технической реализации функционала использованы:

официальный API РЖД;
эквайринг, используемый компанией (от Сбербанка);
«Сиба» — CMS (система управления сайтом) собственной разработки, основанная на ядре php-фреймворка Ларавель.

Удобное администрирование с «Сибой»

Возможность легко и просто администрировать столь серьезную и большую структуру была одной из приоритетных задач. Для этого была разработана CMS (система управления сайтом) «Сиба», в которой доступно:

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

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

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