Lindevo

Nāra — viesu nams Jūrmalā

Izcelts

Koncepta dizains septiņpadsmit numuru viesu namam jūras krastā — visas sezonas cenu žurnāls, četru soļu tiešā rezervācija un aprēķins, kas īpašniekam parāda, cik patiesībā izmaksā viena OTA nakts.

  • TypeScript
  • React.js
  • TailwindCSS
  • TanStack
  • Vite
  • Vercel
Nāra — viesu nams Jūrmalā
Šajā lapā

Nāra — visa sezona, ne tikai tās naktis, kuras pajautāji

Koncepta dizains, kas pēta, kā viesu namam jūras krastā pašam pieņemt savas rezervācijas

Šis ir portfolio koncepts, nevis īsta klienta projekts. Nāra ir septiņpadsmit numuru koka nams no 1936. gada Bulduru kāpu līnijā Jūrmalā, un mēs to uzbūvējām, lai pārbaudītu vienu neērtu ideju: mazs viesu nams Booking.com nezaudē cenā — cenu paritāte to aizliedz — tas zaudē tāpēc, ka rezervāciju vietne ir vienīgā vieta, kur viesim vispār kādreiz parāda kalendāru.

Ko šis dizains atrisina

Katra šī segmenta vietne slēpj savas cenas aiz formas. Tu atnāc, ieraksti divus datumus, saņem vienu skaitli, un, ja tas skaitlis ir liels, tu aizej. Rezervāciju vietnes uzvar tāpat, kā uzvar tirdzniecības automāts: tās atbild tikai uz to jautājumu, kuru gadījās uzdot. Neviens nepasaka, ka otrdiena pēc tavas sestdienas maksā par sešdesmit vienu eiro mazāk.

Tāpēc šīs lapas centrā ir cenu žurnāls — mēneša dienasgrāmata ar katru sezonas nakti, katra savā cenu līmenī, katra ar joslu, cik numuru vēl palicis. Cena ir kodēta kā temperatūra: silti smilšu toņi klusajām naktīm, vēss pelēks dārgajām, dzintars, kad palikuši divi numuri vai mazāk. Diapazonu izvēlas, uzklikšķinot uz divām naktīm tieši dienasgrāmatā, un, ja mēģini rezervēt pāri izpārdotai naktij, izvēle sākas no jauna un pasaka, kāpēc. Kopsumma saskaita katru nakti savā līmenī, nevis pareizina vienu virsraksta skaitli ar nakšu daudzumu — citādi lapa melotu. Ja trīs dienu attālumā no izvēles ir lētāks logs, klusa kartiņa piedāvā tevi pārcelt.

Tad lapa vienu vienīgu reizi kļūst tumša — naudas dēļ. "Tā pati cena. Cits galamērķis." uzzīmē divas vienāda garuma joslas tieši tavai izvēlētajai uzturēšanās reizei — jo cena tiešām ir vienāda — un vienu no tām sadala, lai parādītu astoņpadsmit procentus, kas aiziet platformai. Nekur lapā nav pārsvītrotu cenu: paritātes līgumi nozīmē, ka nav nekādas atlaides, ko pieteikt, tāpēc komisija ir uzzīmēta kā daļa no cenas, nevis kā uzcenojums tai. Zemāk tā pati likme septiņpadsmit numuriem gadā sanāk aptuveni €51 792 — un aprēķins ir parādīts, ieskaitot pieņēmumu, ka caur lielajām vietnēm atnāk nedaudz vairāk par pusi gada, nevis viss, jo tas ir pirmais, ko īpašnieks pārbaudīs.

Note

Tiešsaistes priekšskatījums: mockups.lindevo.com/m/hotel

Dizaina sistēmas akcenti

  • Petrona un Schibsted Grotesk — serifs nes dzeju, grotesks nes naudu; izvēlēts patiesi tabulāro ciparu dēļ, lai cenu kolonna salīdzinātos, un tāpēc, ka tas saglabā garumzīmi uz Ā, ko vairāki displeja burtveidoli klusi nomet
  • Palete, nosaukta pēc lomas, nevis pēc toņa — SHELL, PAPER un NIGHT virsmām un viens dzintars, kas nozīmē tikai naudu, kas paliek šeit, nekad ne atlaidi; noteikums ir pievienot rindu, pirms pievieno krāsu
  • Pieejamība, kas tiek ievērota visur — izpārdotās un retās naktis ir viens patiesības avots, ko dala varoņa izvēlne, cenu žurnāls un rezervācijas soļi, un iesniegšana to pārbauda vēlreiz, pirms lapai vispār atļauts teikt "rezervēts"
  • Apakšjosla ar divām domām — IntersectionObserver to pārslēdz starp kopsummu, kamēr esi formā, un komisijas argumentu visur citur, tāpēc vienu darbu dara viens fiksēts elements, nevis divi, kas plēšas par vienu malu
  • Atsauksmes, kas parāda savu aritmētiku — 9,2 vidējais vērtējums ir uzzīmēts kā 187 apstiprinātu uzturēšanās reižu histogramma ar to pašu joslu paņēmienu kā brīvo numuru rādītājs, tāpēc skaitlis tiek atvasināts tavā priekšā, nevis vienkārši apgalvots

Tehnoloģiju steks

  • TanStack Start ar React 19 SSR — katrs datums un pieejamības skaitlis ir fiksēta vērtība vai tīra funkcija, tāpēc serveris un klients nevar nesaskanēt
  • Tailwind v4 @theme tokeni, ierobežoti šim mokapam
  • Framer Motion ar MotionConfig reducedMotion="user", un soļu maiņa tiek nolasīta ekrānlasītājam paredzētā virsrakstā "Solis 2 no 4", kas arī pārņem fokusu
  • Izvietots uz Vercel — pa ceļam foto svars nokrita no 1637 KB uz 614 KB un nekavējoties ielādētie attēli no astoņiem uz vienu

Vēlaties šādu vietni savam viesu namam?

Visa sistēma — pieejamības josla, cenu žurnāls, četru soļu rezervācija, komisijas salīdzinājums, numuri, atsauksmes, viss — ir uzbūvēta un tēmojama. Mēs varam ielikt tajā Jūsu numurus, cenu līmeņus un sezonu, savienot to ar Jūsu PMS vai kanālu pārvaldnieku (vai uzbūvēt rezervāciju daļu no nulles) un palaist produkcijas vietni aptuveni divās līdz trīs nedēļās. Sākt sarunu →

Gatavi modernizēt savu rezervāciju pieredzi?

Vai Jums nepieciešama pilna rezervāciju platforma, kanālu integrācijas vai pielāgots digitālais risinājums — mūsu komanda ir gatava palīdzēt. Apspriedīsim Jūsu projektu un atradīsim labāko ceļu uz priekšu.

  • Bezmaksas sākotnējā konsultācija
  • Airbnb & Booking.com integrācija
  • Caurskatāmi, fiksētas cenas piedāvājumi
  • Pastāvīgs atbalsts un uzturēšana
Piesakiet bezmaksas zvanu

Bez maksas un bez saistībām — izvērtēsim Jūsu pašreizējo situāciju un parādīsim, kas ir iespējams.

info@lindevo.com

Labāk rakstīt?

Nosūtiet mums ziņu, un atbildēsim 24 stundu laikā.