# Red Sea Dives: vícejazyčný web pro potápěčské centrum s rezervacemi

- Odkaz: https://tomas-shejbal.cz/portfolio/redseadives/
- Zveřejněno: 2025-02-21T22:37:03+01:00
- Autor: tom

## 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.

[[

Podmořské prvky - korály, vlny a různé potápěčské motivy

[[

Karty se zvýrazněnými informacemi + výrazná rezervační tlačítka

## 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.

[[

Kreslení mapky se zobrazením potápěčských lokalit

## Chytrá rezervace a komunikace

Jako rezervační systém posloužila externí aplikace Koalendar ([použit byl i na tomto webu](https://tomas-shejbal.cz/portfolio/happy-owl)).
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ě.