Interný preview
gabrieltour.sk · UX / UI

Design prototypy

Interaktívne prototypy a varianty pre redesign webu GabrielTour. Kliknutím otvoríš konkrétny prototype.

Detail pobytu 2 varianty
Detail pobytu — Variant A
Sidebar sa skryje, keď je sekcia s termínmi vo viewporte. Sticky bar sa objaví pri scrollovaní ku kalendáru a dokuje sa na spodku dlaždice.
Desktop Sticky bar Sidebar hide
Detail pobytu — Variant B
Sidebar je vždy viditeľný a mení stav po výbere termínu — transformuje sa z informatívneho do rezervačného panela.
Desktop Sticky bar Sidebar transform
Výber termínu 3 varianty
📅
Date picker — standalone
Izolovaný prototyp výberu termínu. Varianty A (tooltip) a B (popover) pre výber počtu nocí pri multi-variant dátumoch.
Komponent Variant A+B
Aktuálne
Mobile — výber nocí (B / C / D)
Tri prístupy ako riešiť multi-variant termíny na mobile. Vychádza z reálneho UI gabrieltour.sk. Chip, rozbaľovacia lista, bottom sheet modal.
Mobile Variant B·C·D
v1
Mobile — výber nocí (A / B / C)
Prvá verzia porovnania — toggle v liste, chip, rozbaľovacia lista. Základ pre v2.
Mobile Variant A·B·C
Navigácia 2 súbory
🗂
Mega-menu — Figma export
Statický referenčný súbor so všetkými stavmi mega-menu viditeľnými naraz. Slúži ako Figma-like prehľad komponentov.
Referencia Desktop
Mobilné marketingové návrhy
Návrhy mobilných marketingových prvkov a komunikácie.
Mobile Marketing
💡
Ako pridať nový prototype: Ulož HTML súbor do tohto priečinka a pridaj kartu do príslušnej sekcie v index.html. Celý priečinok môžeš zipnúť a nahrať priamo do Cloudflare Pages cez drag & drop — žiadna konfigurácia nie je potrebná.