Zanořme se do hlubin

Na úvodní obrazovce návštěvníky vítá optimalizované video zachycující krásu podmořského světa. Díky použití overlay vrstvy jsem dosáhl minimální velikosti videa při zachování vizuální kvality.

Design pracuje s klientovou vizí červeno-modré barevné kombinace, kterou doplňují podmořské prvky - korály, vlny a různé potápěčské motivy.

Ceníky, které zaujmou

Velkou výzvou byl ceník. Samozřejmě jsem nechtěl dávat na web strohou tabulku.

Místo toho jsem vytvořil interaktivní ceníky se čtyřmi sekcemi. Střídají se potápěčské a světlé motivy, doplněné korálem po straně, který při skrolování zůstává pevně.

Přejíždění po řádcích je oživené CSS animací, která nejen upoutá pozornost, ale také usnadňuje orientaci na řádcích ceníku.

Kurzy

Klient chtěl na webu prezentovat několik potápěčských kurzů, u každého měl docela dost textu.

Kurzy jsem rozházel do několika sekcí, které se liší pozadím, přechody mezi sekcemi s motivy korálů a písečného dna. Důležité informace jsou přehledně uspořádány v modrých kartách s výraznými červenými tlačítky s jasnou výzvou: Rezervovat (viz obrázek výše).

U každého kurzu jsem krelil i originální mapky v barvách webu, aby měli uživatelé orientační přehled, kde bude potápění probíhat.

Chytrá rezervace a komunikace

Jako rezervační systém posloužila externí aplikace Koalendar (použit byl i na tomto webu). Je napojená na Google kalendáře instruktorů, kteří si řeší dostupnost jen v rámci svých kalendářů. Po nastavení propojení s Koalendarem na rezervační systém jako takový mohli s klidem zapomenout.

Koalendar je dále napojený na platební bránu Stripe. Toto řešení umožňuje efektivní správu časových slotů pro různé typy aktivit - od šnorchlování po pokročilé ponory.

Pro rychlou komunikaci jsou v patičce webu odkazy na WhatsApp. Po kliknutí na WhatsApp odkaz (na mobilu) je návštěvník rovnou přesměrován do aplikace s přednastaveným číslem.

Technické řešení

Web je dostupný ve třech jazycích (angličtina, čeština, němčina) díky pluginu Polylang, s pečlivě upravenými styly pro různé délky textů (to platí hlavně pro němčinu).

Responzivní design zajišťuje perfektní zobrazení na všech zařízeních, doplněný o jemné CSS animace pro oživení obsahu.

Celý web je, jak už je u mě zvykem, na Oxygen, takže je svižný i bez umělých “zrychlovátek”, které se snaží dohnat to, co odbyl tvůrce webu.

Web není jen katalog aktivit

Web není jen katalog aktivit - je to konverzní nástroj, který vede návštěvníky k rezervaci. Výrazná "Book Now" tlačítka jsou strategicky rozmístěna napříč celým webem, od hlavního menu až po detail každého zážitku.

Potřebuješ prémiový web pro svůj turistický byznys?

Rád ti pomůžu vytvořit řešení, které:

• Zaujme návštěvníky působivým designem
• Promění návštěvníky v zákazníky
• Funguje ve více jazycích
• Automatizuje rezervace a platby

Pojďme probrat, jak by mohl web pomoct právě tobě.