Stradarace.ru

Информация о проекте

Компания «La Strada Race» — организатор всероссийской любительской велогонки и сопутствующего велофестиваля. Мероприятие охватывает несколько городов, привлекая как профессиональных спортсменов, так и любителей активного образа жизни. Для эффективного информирования участников и привлечения новых требовалось создать сайт с двумя Landing Page: под гонку и под фестиваль, а также общую разводящую страницу для навигации.

Цели создания сайта:

• Разработать две Landing Page (велогонка и фестиваль) на платформе Tilda, объединённые общим стилем и разводящей страницей.
• Создать яркий, динамичный дизайн, отражающий атмосферу соревнований и праздника.
• Реализовать функциональные блоки с информацией о форматах участия, ценах, маршрутах и FAQ.
• Интегрировать интерактивные карты для каждого города-участника, с возможностью переключения между ними.
• Обеспечить удобную навигацию между страницами и быстрый доступ к регистрации (через внешний сайт).
• Внести финальные правки по текстам, фотографиям и ссылкам после утверждения клиентом.

Решение

Работа над проектом началась с того, что заказчик предоставил готовые макеты, разработанные дизайнером. Нашей задачей была их качественная реализация на платформе Tilda с учётом всех технических нюансов и пожеланий по анимации. Для разводящей страницы была сверстана страница-навигатор, а для двух основных событий — отдельные лендинги.

В процессе вёрстки мы столкнулись с особенностями платформы: стандартные блоки Tilda не всегда позволяли реализовать задуманные дизайнером эффекты (например, тени у фигур со скошенными углами или ховеры на тексте в блоке FAQ). В таких случаях мы искали альтернативные решения: использовали полупрозрачные объекты для имитации теней и настраивали ховеры на доступных элементах, как в случае с иконками стрелок в блоке часто задаваемых вопросов.

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