Превратили сайт-визитку спорткомплекса «ICEBURG Arena» в генератор качественных заявок с внедрением онлайн-записи и оплаты
Клиент обратился к нам с просьбой сделать новый, удобный и современный сайт с онлайн-записью и оплатой.
«ICEBURG Arena» — современный крытый спортивный центр, площадью 5031м2.
Сайт «ДО»
Старая версия сайта не отвечала бизнес-задачам комплекса.
Сайт выглядел устаревшим, навигация была неудобной для пользователей, но главное — он не приносил лиды.
Билеты можно было купить только лично в кассе арены, онлайн-оплата отсутствовала.
Сайт «ПОСЛЕ»
Цель нашей работы заключалась не только в том, чтобы просто сменить визуал и улучшить навигацию, а дать возможность посетителям просматривать расписание, заказывать билеты онлайн, и увеличить продажи услуг клиента.
Задачи проекта:
- Проблема: плохая навигация сайта
- Решение: провели аудит сайта и анализ юзабилити;
- Проблема: устарелый дизайн и графика
- Решение: разработали полный редизайн сайта (визуал + UX);
- Проблема: отсутствие качественного сайта и возможности посмотреть расписание, записаться на тренировки и их оплатить
- Решение: сверстали и наполнили контентом страницы, внедрили систему онлайн-записи и оплаты.
Этапы работ
-
Аудит сайта и анализ юзабилити
На первом этапе провели аудит текущего сайта и анализ его юзабилити. Мы изучили поведение пользователей, выявили слабые места в навигации и точки, на которых посетители покидали сайт, не совершив целевого действия. Это позволило составить четкий план изменений и заложить основу для удобного интерфейса.
-
Редизайн сайта
Перед нами стояла задача — уйти от ассоциаций с «холодным» ледовым пространством в сторону более семейной и дружелюбной атмосферы.
-
Создание мудборда
Чтобы определить визуальное направление, мы собрали референсы сайтов со спортивной тематикой.
Многие спортивные сайты делают ставку на агрессию и мотивацию, но мы выбрали другие — те, где чувствуется уют и семейность.
Так сложился образ будущего сайта: тёплый, динамичный и современный.
-
Цветовая гамма
За основу цветовой гаммы были взяты фирменные цвета логотипа. Мы дополнили их оттенками, ассоциирующимися со льдом и снегом. Это позволило сохранить узнаваемость бренда, и сделать дизайн более свежим и стильным.
-
Разработка прототипа и структуры
На основе пожеланий клиента и анализа поведения пользователей, мы отрисовали прототипы основных страниц.
Структура сайта была переработана с упором на понятную навигацию: посетитель может за несколько кликов найти расписание, выбрать сеанс и записаться на него.
-
Адаптация под мобильные устройства
Отдельное внимание было уделено адаптации дизайна под мобильные устройства, так как статистика показывает, что большинство пользователей ищут развлечения и записываются именно со смартфонов.
Сложности и их решение
-
Создание контента
Главной сложностью проекта стало отсутствие качественного визуального контента.
Мы осознанно отказались от безликих стоковых фотографий, которые не передают атмосферу комплекса.
Вместо этого мы сделали ставку на уникальность и организовали несколько профессиональных съемок.
Это позволило нам создать оригинальный визуальный контент, который работает на имидж ледовой арены.
-
Техническая реализация
Платформой разработки был выбран WordPress — гибкая система, позволившая реализовать все задачи клиента.
Он позволяет масштабироваться: добавлять SEO, усложнять функционал, дорабатывать без ограничений.
-
Интеграции
Интегрировали:
— Платформу YCLIENTS
Настроили CRM-систему, которая автоматически выводит на сайт актуальное расписание. Благодаря этому пользователь может записаться на любой сеанс/тренировку онлайн за несколько кликов.
— Платежную систему ЮKassa
С этой интеграцией пользователь может купить билет не выходя из дома.
-
Интерактивные элементы
Чтобы сайт запомнился пользователям, мы добавили несколько интерактивных элементов.
- Видео-контент
На некоторых страницах фоны или блоки были заменены на видео, чтобы передать динамику льда.
- Параллакс эффект
На первых двух экранах элементы при скролле двигаются с разной скоростью, создавая эффект глубины и оживляя пространство.
- Двойной слайдер в галерее
Мы реализовали нестандартный слайдер: при перелистывании меняется не только крупное фото, но и иконка-превью, что делает взаимодействие с галереей увлекательным.
Результаты работы
Работа над проектом заняла 5 месяцев.
За это время мы:
— Провели несколько профессиональных съемок контента (фото/видео), написали уникальные тексты;
— Разработали современный, удобный и адаптивный дизайн;
— Настроили интеграцию с YCLIENTS для актуального расписания и онлайн-записи;
— Подключили ЮKassу для мгновенной онлайн-оплаты билетов;
— Настроили контекстную рекламу.
По итогам работы мы получили не просто красивый сайт, а готовый инструмент продаж.
Удобный интерфейс и наличие онлайн-оплаты в связке с запуском контекстной рекламы превратили сайт в стабильный источник лидов.