Мы разработали новый
Задача
Cordão de ouro — известнейшая в мире группа капоэйры, основанная местре Суассуна и местре Бразилия в 1960 году.
Задача состояла в том, чтобы сделать простой и привлекательный сайт для российского отделения Cordão de ouro, ориентированный на людей, которые ищут спортивную секцию недалеко от дома для себя или своих детей.
Награды
Honorable mention
Mobile Excellence
Группа Cordão de ouro — глобальная, но каждый отдельный филиал привлекает новых учеников в определенном регионе. Поэтому на этапе разработки структуры сайта мы сделали акцент на удобство выбора школы по месту нахождения.
Процесс
Мы проанализировали поведение пользователей используя данные старого сайта, типичные вопросы, которые задают во время звонков. Это определило структуру страниц сайта, которые отвечают на базовые вопросы:
- Что такое капоэйра?
- Где и когда проходят занятия?
- Кто будет преподавать?
- Сколько стоит?
- Что нужно, чтобы начать?
Для каждого филиала мы создали собственную посадочную страницу и объединили их общей точкой доступа. Таким образом мы решили сразу две задачи:
- Промо-сайт российского отделения в целом;
- Поиск ближайшего филиала;
- Промо для каждого филиала в отдельности.
Что такое капоэйра?
Если задать этот вопрос в поиске — вы найдете стандартные фразы про то, что капоэйра это
Поэтому, вместо текстовых описаний, мы сделали акцент на визуальном представлении аспектов капоэйры, таких как акробатика, боевое искусство, музыка, с помощью фото, видео фрагментов и ролика «Узнай, что такое капоэйра за 45 секунд».
Карта филиалов
Особое внимание мы уделили карте филиалов. Пользователь может выбрать нужный филиал из списка или на карте. При разработке карты мы учли разницу в поведении и навигации на десктопе и смартфоне.
Мобильная версия
Сайт разработан по принципу mobile first — на этапе проектирования всех элементов приоритет отдавался именно мобильной версии. Промежуточные решения и
- Предзагрузка локальных шрифтов;
- Отложенная загрузка файлов стилей;
- Распределение приоритета загрузки скриптам;
- Ленивая загрузка изображений и скриптов интерактивной карты филиалов;
- Настройка политики кеширования статичных файлов.
Особенности решения
- Структура сайта, ориентированная на рекламу филиалов группы
- Разработка анимационного эффекта на главном экране
- Оптимизация производительности фронтенда на мобильных устройствах
- Кастомизация платформы CMS Bitrix
- Регистрация заявок в единой системе
- Подключение и настройка Яндекс Метрики