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

У музиканта, який грає події, сайт - це вітрина і відділ продажів водночас. Гість весілля почув саксофон, запам'ятав ім'я, загуглив - і далі все вирішують пів хвилини на сайті: чи звучить, чи виглядає живо, чи легко покликати до себе на свято.

Konstantin K. працює в Польщі і грає для дуже різної публіки - української, польської, міжнародної. Тому задача від самого початку була потрійна: сайт має звучати, має працювати трьома мовами і має збирати заявки так, щоб жодна не загубилася.

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

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

Під капотом - Howler.js: бібліотека, що надійно грає аудіо в усіх браузерах і не тягне за собою плеєрний комбайн. Тексти кнопок локалізуються разом із рештою сайту, а записи клієнт міняє сам в адмінці.

Весілля, ювілей, вечір у ресторані, церемонія розпису, корпоратив - у кожного приводу своя сторінка зі своїм текстом, фото і формою замовлення. Це окремий тип контенту в адмінці: клієнт додає послугу - сайт сам будує сторінку з правильною адресою на кшталт /service/saksofonista-na-wesele/.

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

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

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

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

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

Усе, що живе на сайті, редагується без розробника: десять секцій головної, тексти і фото послуг, записи в плеєрі, контакти, соцмережі - це поля в адмінці (ACF Pro). Обкладинки, ціни, копірайт - теж. Додати нову послугу чи замінити трек - пара хвилин у зрозумілій формі, без жодного рядка коду.

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