Saxoman. Сайт для саксофониста

Сайт для саксофониста: записи выступлений на главной, три языка, SEO-страницы услуг и заявки, которые не теряются

Корпоративный сайтsaxoman.netFigmaGSAPHowler.jsWordPressACF
Клиент
Konstantin K., саксофонист (Польша / Украина)
Сфера
Живая музыка для событий: свадьбы, юбилеи, рестораны
Стек
Figma · WordPress · ACF Pro · WPML · GSAP · Howler.js
Сроки
3 недели. Запуск - лето 2024

Задача - сайт, который приносит заказы

У музыканта, играющего события, сайт - это витрина и отдел продаж одновременно. Гость свадьбы услышал саксофон, запомнил имя, загуглил - и дальше всё решают полминуты на сайте: звучит ли, выглядит ли живо, легко ли позвать к себе на праздник.

Konstantin K. работает в Польше и играет для очень разной публики - украинской, польской, международной. Поэтому задача с самого начала была тройная: сайт должен звучать, должен работать на трёх языках и должен собирать заявки так, чтобы ни одна не потерялась.

Первый экран: имя на всю ширину, эквалайзер оживает за спиной музыканта.

Дизайн как афиша концерта

Дизайн мы спроектировали в Figma с нуля и собрали его как афишу: чёрный фон, крупная типографика с именем на весь экран, фото со сцены. Движение добавляет GSAP: эквалайзер оживает за спиной музыканта, меню реагирует на курсор, шаги заказа появляются по скроллу, а в футере крутится печать «CONTACT» - маленькая деталь, которая запоминается.

Меню: пункт под курсором превращается в анимированную плашку.

Записи выступлений прямо на главной

Прежде чем звонить музыканту, гость хочет понять, как он звучит и что играет. Поэтому прямо на главной - аудиоплеер с пятью записями живых выступлений: репертуар слышно сразу, как в портфолио. Пока играет музыка, круги-волны пульсируют в такт анимации GSAP; нажал stop - волны замирают.

Под капотом - Howler.js: библиотека, которая надёжно играет аудио во всех браузерах и не тянет за собой плеерный комбайн. Тексты кнопок локализуются вместе с остальным сайтом, а записи клиент меняет сам в админке.

Плеер в работе: трек играет, волны пульсируют в такт.

Каждая услуга - отдельная страница под поиск

Свадьба, юбилей, вечер в ресторане, церемония росписи, корпоратив - у каждого повода своя страница со своим текстом, фото и формой заказа. Это отдельный тип контента в админке: клиент добавляет услугу - сайт сам строит страницу с правильным адресом вида /service/saksofonista-na-wesele/.

Так сайт ловит поисковые запросы, которыми люди реально ищут музыканта: «саксофонист на свадьбу», «саксофонист в ресторан», «саксофонист на праздник в Щецине». Под польские города есть отдельная страница - Щецин, Познань, Краков и другие.

Заявка в два клика - и ни одна не теряется

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

Дальше страховка от «письмо не дошло»: каждая заявка сохраняется в базе на сайте, письмо уходит музыканту через SMTP, а лог отправки хранится - если что-то пойдёт не так, всегда видно, где и что случилось. Для тех, кому привычнее мессенджер, на сайте есть прямая ссылка написать в Telegram.

Форма бронирования поверх страницы: имя, контакт, дата, пожелания

Три языковые версии

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

Галерея и жанры

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

Галерея фото со сцены с лайтбоксом

Клиент управляет сайтом сам

Всё, что живёт на сайте, редактируется без разработчика: десять секций главной, тексты и фото услуг, записи в плеере, контакты, соцсети - это поля в админке (ACF Pro). Обложки, цены, копирайт - тоже. Добавить новую услугу или заменить трек - пара минут в понятной форме, без единой строчки кода.

Скорость и SEO-гигиена

Страницы кэшируются (W3 Total Cache), картинки загружаются с lazy-load, иконки собраны в SVG-спрайты. Из индекса убран технический мусор: страницы вложений редиректят на родительские, комментарии выключены полностью, кириллические имена файлов транслитерируются. Разметка и мета - Yoast, синхронизированный с WPML.

И деталь напоследок: вращающаяся печать «CONTACT» в футере.

Хотите такие же результаты?

Обсудим проект

Расскажите о задаче — ответим в течение одного рабочего дня.

Что вам нужно?
Бюджет

Спасибо!

Заявка получена. Ответим в течение одного рабочего дня.