Saxoman. Strona dla saksofonisty

Dla muzyka grającego eventy strona to witryna i dział sprzedaży w jednym. Gość weselny usłyszał saksofon, zapamiętał imię, wygooglował - a dalej wszystko rozstrzyga pół minuty na stronie: czy brzmi, czy wygląda żywo, czy łatwo zaprosić go na własną imprezę.

Konstantin K. pracuje w Polsce i gra dla bardzo różnej publiczności - ukraińskiej, polskiej, międzynarodowej. Dlatego cel od początku był potrójny: strona ma brzmieć, ma działać w trzech językach i ma zbierać zgłoszenia tak, żeby żadne nie zginęło.

Projekt zrobiliśmy w Figmie od zera i złożyliśmy go jak plakat koncertowy: czarne tło, duża typografia z imieniem na cały ekran, zdjęcia ze sceny. Ruch dodaje GSAP: equalizer ożywa za plecami muzyka, menu reaguje na kursor, kroki zamówienia pojawiają się przy scrollu, a w stopce kręci się pieczęć „CONTACT” - drobny detal, który zostaje w pamięci.

Zanim gość zadzwoni do muzyka, chce usłyszeć, jak on brzmi i co gra. Dlatego prosto na stronie głównej jest odtwarzacz audio z pięcioma nagraniami występów na żywo: repertuar słychać od razu, jak w portfolio. Póki gra muzyka, kręgi-fale pulsują w rytm animacji GSAP; wciśniesz stop - fale zastygają.

Pod maską działa Howler.js: biblioteka, która niezawodnie odtwarza audio we wszystkich przeglądarkach i nie ciągnie za sobą playerowego kombajnu. Teksty przycisków są lokalizowane razem z resztą strony, a nagrania klient podmienia sam w panelu.

Wesele, jubileusz, wieczór w restauracji, ceremonia ślubna, impreza firmowa - każda okazja ma swoją stronę z własnym tekstem, zdjęciami i formularzem zamówienia. To osobny typ treści w panelu: klient dodaje usługę, a strona sama buduje podstronę z poprawnym adresem w rodzaju /service/saksofonista-na-wesele/.

Tak strona łapie zapytania, którymi ludzie naprawdę szukają muzyka: „saksofonista na wesele”, „saksofonista do restauracji”, „saksofonista na imprezę w Szczecinie”. Polskie miasta mają osobną stronę - Szczecin, Poznań, Kraków i inne.

Przycisk „Zarezerwuj” otwiera formularz nad dowolną stroną: imię, kontakt, data wydarzenia w kalendarzu (datepicker mówi po ukraińsku i po polsku), życzenia. W formularz wszyte jest ukryte pole - z której usługi przyszło zgłoszenie, więc muzyk od razu widzi, co dokładnie chcą zamówić.

Dalej ubezpieczenie od „mail nie doszedł”: każde zgłoszenie zapisuje się w bazie na stronie, mail idzie do muzyka przez SMTP, a log wysyłki jest przechowywany - jeśli coś pójdzie nie tak, zawsze widać, gdzie i co się stało. Dla tych, komu bliższy jest komunikator, na stronie jest bezpośredni link do Telegrama.

Ukraiński, angielski, polski - przez WPML, łącznie z tekstami interfejsu, formularzami i metadanymi SEO. Każda wersja jest pełnoprawna: własne adresy, własne tytuły dla wyszukiwarek i własny formularz - i ukraiński gość, i polski restaurator czytają stronę w swoim języku.

Zdjęcia ze sceny zebrane są w galerię z lightboxem, a sekcja gatunków na stronie głównej odpowiada na pytanie „a co wy właściwie gracie” - repertuar rozłożony po gatunkach i nastrojach, od lounge po taneczne hity.

Wszystko, co żyje na stronie, edytuje się bez programisty: dziesięć sekcji strony głównej, teksty i zdjęcia usług, nagrania w odtwarzaczu, kontakty, social media - to pola w panelu (ACF Pro). Okładki, ceny, copyright - też. Dodanie nowej usługi albo podmiana utworu to kilka minut w czytelnym formularzu, bez ani jednej linijki kodu.

Strony są cache'owane (W3 Total Cache), obrazy ładują się z lazy-load, ikony zebrane w sprite'y SVG. Z indeksu usunięto techniczne śmieci: strony załączników przekierowują do rodziców, komentarze są całkiem wyłączone, cyrylickie nazwy plików są transliterowane. Znaczniki i meta - Yoast zsynchronizowany z WPML.