Nová identita a web, které přesunuly hosty z rezervačních portálů zpátky přímo k resortu.
Amara Beach Resort je pětihvězdičkový resort, jehož zážitek začínal až u recepce — do té doby platili hosté hlavně provize velkým portálům. Vytvořili jsme celou značku od loga po tón hlasu a postavili web, který luxus resortu skutečně vystihuje. Srdcem projektu je booking flow, který provede hosta od inspirace k potvrzené rezervaci ve třech krocích, bez přesměrování a bez tření.
- Klient
- Amara Beach Resort
- Služby
- Branding, Web, Booking flow
- Rok
- 2025
- Odvětví
- Hospitality
- Timeline
- 4 měsíce
Výzva
Luxus, který se online ztrácel
Resort měl výjimečnou lokalitu i služby, ale online působil jako kdejaký jiný hotel u moře. Vizuální identita byla nekonzistentní, fotky nesourodé a stránka rezervací posílala hosta na externí portál — kde resort platil vysoké provize a ztrácel kontakt se zákazníkem.
Před spuštěním byly hlavní problémy jasné:
- Přes 70 % rezervací šlo přes portály třetích stran s dvojcifernými provizemi.
- Web nefungoval na mobilu, kde hledá pobyt většina hostů.
- Značka neměla jednotný vizuální jazyk ani tón — každý kanál mluvil jinak.
Přístup
Značka jako pocit, ne jen logo
Vyšli jsme z jediné emoce, kterou resort prodává — klidu. Ta se propsala do všeho: teplé neutrální palety, vzdušné typografie, pomalých přechodů a copy, které nekřičí, ale zve. Vytvořili jsme kompletní brand systém včetně nové značky amara*, fotomanuálu a knihovny komponent.
Technicky jsme sázeli na jistotu i eleganci: Next.js s TypeScriptem pro spolehlivost, Tailwind pro konzistentní design systém a Framer Motion pro animace, které působí luxusně, ne rušivě.
- Jednotný vizuální jazyk napříč webem, tiskovinami i sítěmi.
- Mobile-first návrh celého booking flow.
- Design systém, který resort udrží konzistentní i sám.
Řešení
Rezervace ve třech krocích, bez odchodu z webu
Nový booking flow drží hosta celou dobu na webu resortu — vybere termín, pokoj a doplňkové služby ve třech přehledných krocích a rovnou platí. Dostupnost se načítá v reálném čase, ceny jsou vždy nižší nebo rovné portálům a každý krok je optimalizovaný pro palec na mobilu.
Framer Motion animace dávají webu filmový nádech, ale nešlo to na úkor rychlosti — díky Next.js a promyšlenému načítání obrázků má web 98/100 v Lighthouse. TypeScript a Tailwind zajistily, že resort dnes přidává nové nabídky během minut, ne dní.
Stack: NEXT.JS · TYPESCRIPT · TAILWIND · FRAMER MOTION.
„Konečně vypadáme online tak, jak se u nás hosté cítí. A poprvé rezervují u nás, ne u portálů — to je pro nás obrovská změna."
Lucia Marešová — General Manager, Amara Beach Resort
Výsledky
Víc přímých hostů, nižší provize
Za první sezónu po launchi vzrostly přímé rezervace o 64 %, hosté trávili na webu 2,3× více času a resort výrazně snížil částku odváděnou portálům. Nová značka amara* se dnes používá napříč všemi kanály a stala se měřítkem, podle kterého resort posuzuje každý další zážitek — online i na místě.