Jakub DidkovskýWeb design
Chci web

Domů Práce MODŘÍN

Boutique hotel & wellness · Beskydy · Identita a web

Značka a web pro hotel MODŘÍN

MODŘÍN má dvacet čtyři pokojů na okraji Beskyd, wellness a restauraci. Hotely v okolí na webu vypisují vybavení a slevové balíčky. Tady měl web ukázat klid a zároveň rychle dovést člověka k poptávce.

Úvodní stránka hotelu MODŘÍN, světlé hero s beskydským panoramatem, titulek Ticho, které je slyšet a poptávkový pás
Zadání
Identita, web, texty
Rozsah
Brand manuál 19 stran, web 6 stránek
Písma
Bodoni Moda + Archivo
Klíčový prvek
Poptávkový pás v hero

01 / Zadání

Co bylo potřeba vyřešit

Hotelové weby většinou vypadají jako výpis parametrů. Metry, počty postelí, seznam vybavení. Problém je, že takhle se nedá odlišit, vedlejší hotel má stejné metry a o pět stovek nižší cenu.

U MODŘÍNU je to obrácené. První obrazovka neříká, co hotel má, ale jak tam je. Teprve pak přicházejí pokoje, a i tam je před tabulkou parametrů vždycky věta o tom, kam je z okna vidět.

02 / Značka

Logotyp, barvy a písma

Značka je jemná kresba modřínové větve. Paleta jde do břidlicové šedozelené s mosazným akcentem, chladnější a světlejší než u KOŘENu, aby web fungoval i s fotkami zasněžené krajiny. Displejové písmo Bodoni Moda dává titulkům ostrý kontrast tahů, který v tichém layoutu funguje jako jediná ozdoba.

  • Vždycky světlá lepivá hlavička, na rozdíl od KOŘENu nikdy nesplyne s hero
  • Nadřádky s mosazným kosočtvercem místo linky
  • Střídavé řady pokojů, aby výpis nepůsobil jako tabulka
  • Tabulky wellness se na mobilu překlápějí na řádkový výpis
  • Grafit
  • Břidlice
  • Břidlice tmavá
  • Mlha
  • Mosaz
  • Mosaz světlá
  • Len
  • Kámen
  • Popel

03 / Web

Web, šest stránek

Poptávkový pás v hero vezme termín a počet osob a předá je do plného formuláře na kontaktu přes parametry v URL. Návštěvník tak nezadává datum dvakrát, což je nejčastější místo, kde hotelové weby ztrácejí poptávku.

Pokoje · tři kategorie
Wellness · ceník a procedury
Kontakt · poptávka
Mobil · od 320 px

04 / Brand manuál

Brand manuál, devatenáct stran

Stejná sada jako u KOŘENu: devatenáct stran od konstrukce logotypu po tón komunikace, plus design systém v tabulce o deseti listech.

Titulní strana
Paleta a hodnoty
Typografie

05 / Řemeslo

Technické parametry

  • Vlastní style.css a site.js, není to přebarvený KOŘEN
  • Písma self-hostovaná jako variabilní woff2, Bodoni Moda 65 kB a Archivo 135 kB
  • Předání termínu z hero do formuláře přes parametry v URL
  • Strukturovaná data schema.org Hotel včetně vybavení a otevírací doby
  • Přístupnost: skip link, fokus, popisky polí, prefers-reduced-motion
  • Nula externích požadavků, web funguje i bez připojení

06 / Art direction

Obrázky a art direction

Panoramata v hero a v sekci okolí jsou vrstvené hřebeny v mlze, držené v paletě značky, aby fotky po dodání sedly. Zbytek obrazových slotů je poctivý placeholder s rozměrem a popisem záběru, ke kterému patří zadání pro fotografa.

Další projekt

KOŘEN, restaurace v Praze 1
Zobrazit

Máte penzion, hotel nebo wellness?

Napište mi pár řádků o tom, co potřebujete. Odpovím do druhého pracovního dne.

Poptat web