Dubki Band - кавер-группа, с которой весело!
Основная задача была — ярко представить коллектив, передать атмосферу живых выступлений и собрать в одном месте всю информацию, которая нужна организаторам мероприятий для заказа группы.
На сайте я разместил афишу ближайших выступлений, фотографии и видео с концертов, записи радиоэфиров, варианты мероприятий и условия работы. Визуальную часть построил на концертных материалах и контрастной черно-зеленой цветовой схеме, связанной с фирменным стилем группы.
Что было сделано?
разработка лендинга с нуля
проектирование структуры
дизайн основных блоков
оформление направлений
оформление афиши выступлений
кастомный аудиоплеер
адаптивная вёрстка
сборка на WordPress + Elementor
Атмосфера группы с первого экрана
Первый экран я сделал на фоне видео с живого выступления группы. Поверх видео разместил основную информацию, логотип и кнопку заказа выступления, а навигацию вынес в плавающую шапку.
Ближайшие выступления сразу перед глазами
Для ближайших выступлений я сделал отдельный блок с датой, временем, площадкой, условиями входа и адресом. Такой формат позволяет быстро посмотреть, где и когда можно услышать группу вживую.
Коротко о группе и её формате
В этом разделе я собрал основную информацию о Dubki Band, формате выступлений и репертуаре. Текст дополнил крупной концертной фотографией, чтобы сохранить живую и неформальную подачу сайта.
Живые кадры с выступлений
Фотогалерею я собрал из снимков с концертов, свадеб, корпоративов и других мероприятий. Разная компоновка фотографий делает блок более динамичным и хорошо передает атмосферу выступлений.
Концерты можно посмотреть вживую
В отдельном разделе я разместил видеозаписи с концертов и мероприятий группы. Ролики можно посмотреть прямо на странице или перейти к просмотру на видеоплощадке.
Радиоэфиры на сайте
Для записей радиоэфиров я разработал отдельный аудиоблок с кастомным плеером. Пользователь может запустить нужную запись и послушать ее прямо на странице сайта.
Форматы выступлений
В этом блоке я показал основные форматы мероприятий, для которых можно заказать группу: дни рождения, корпоративы, свадьбы и другие события. Каждый вариант оформил как отдельный кейс с кратким описанием и кнопкой заказа выступления.
Условия работы без лишних вопросов
Для организаторов мероприятий я собрал в одном разделе технический и бытовой райдер, а также примерный репертуар группы. Все необходимые документы можно скачать прямо со страницы.
Адаптация под мобильные устройства
Отдельно проработал мобильную версию лендинга, сохранив общую стилистику, фирменные цвета и характер десктопной версии. Перестроил блоки под небольшой экран, адаптировал афишу, фото, видео и аудиоплеер, а ключевые действия и контакты сделал удобными для использования со смартфона.
