Meldri — kempings un mājiņas pie ezera

Meldri — īstais zemes pleķis, nevis kategorija

Koncepta dizains, kas pēta, kā kempingam ezera krastā ļaut viesiem izvēlēties, kur viņi gulēs

Šis ir portfolio koncepts, nevis īsta klienta projekts. Meldri ir astoņpadsmit vietas Dūmezera niedru krastā Latgalē — četras ezera mājas, seši treileru laukumi, astoņas telšu vietas. Mēs to uzbūvējām, lai pārbaudītu vienu ideju: ikviena kempinga rezervācijas forma pasaulē pārdod tev kategoriju, un to, kādu zemes pleķi tu īstenībā saņēmi, tu uzzini, kad atbrauc.

Ko šis dizains atrisina

"Viena telšu vieta, trīs naktis" — tā kempingu modelē rezervāciju vietnes, jo kategoriju ir viegli glabāt datubāzē. Bet neviens tā kempingu neizvēlas. Cilvēki grib to vietu zem bērziem, vai to māju laipas galā, vai to laukumu pēc iespējas tālāk no ceļa — un tieši šī atšķirība ir viss iemesls, kāpēc viņi izvēlējās ezeru, nevis viesnīcu.

Tāpēc šeit karte ir rezervācijas virsma. Ar roku zīmētajā krasta plānā katrai vietai ir savs nospiežams marķieris, katrs ar nosaukumu — Gulbis, Gārnis, Dzērve, Zīriņš — filtru čipi, kas nes savu brīvo un kopējo vietu skaitu, un panelis, kas parāda izvēlētās vietas cenu, attālumu līdz pirtij un ūdenim, un verdiktu tavos datumos. Vari paņemt vairākas uzreiz, tāpēc kompānija rezervē savu vietu puduri, nevis četras atsevišķas rezervācijas, kas galu galā var nebūt blakus. Zemāk — visas astoņpadsmit pēc nosaukuma sarakstā, sagrupētas pa zonām: kartes pieejamais dvīnis un ceļš, ko izvēlēsies lielākā daļa telefonu.

Plāns zina arī kalendāru. Nomaini ierašanās mēnesi, un tas pārzīmējas: krasta pļava no novembra līdz aprīlim ir slēgta, jo atkusnī to applūdina, treileru celiņš strādā no aprīļa līdz oktobrim, mājas ir atvērtas visu gadu — un viss, kas jaunajos datumos ir slēgts, pamet grozu kopā ar tiem, nevis klusi nostrādā nepareizi pie apmaksas. Pieejamība tiek rēķināta kā ISO datumu virkņu pārklāšanās un nekad no Date objekta, tāpēc tā nevar pārbīdīties par dienu lasītājam citā laika joslā. Viesu grāmata ir trīs līniju ieraksti, katrs piesaistīts reālai vietai ar saiti "Parādīt kartē", kas to atlasa, paņem līdzi veida filtru un aizslīd atpakaļ pie plāna. Nekur lapā nav vērtējuma no desmit.

Dizaina sistēmas akcenti

• Young Serif un Albert Sans — drīzāk izfrēzēta koka zīme krastā, nevis iespiesta kartiņa; reģistrs ir apzināti citāds nekā Petrona mūsu viesnīcas konceptā, lai divas viesmīlības lapas nekad nelasītos kā viens šablons divās krāsās
• Pirmā gaisma miglainā ezerā — apņēmīgs egļu zaļais uz zaļi tonēta vēsa gandrīz balta, apzināti atmetot noklusēto krējuma un smilšu toni, ar vienu dzintara rītausmas signālu, kas nozīmē tikai šī ir tava
• Fokusa tokens, kas saremontēja visu lapu — tā kā outline-offset zīmē ārpus vadīklas, katra apgrieztā pildījuma poga zīmēja savu fokusa gredzenu lapas fona krāsā, izmērīts 1,0:1; --meldri-ring tagad pārslēdzas uz tinti gaišām virsmām un niedru toni katrai tumšai
• Komisija, uzzīmēta kā tukšums — astoņpadsmit procenti, ko paņem platformas, ir svītrots caurums joslā, nevis otra krāsa, jo divi kandidātu pelēkie viens pret otru izmērījās 1,38:1, bet svītrojumam kontrasts nav vajadzīgs
• Kustība, kas nedarbojas tukšgaitā — dreifējošā migla un mirdzums darbojas tikai tad, kad to sadaļas ir ekrānā, tāpēc divi ekrāna izmēra kompozitēti slāņi netiek turēti visu sesiju

Tehnoloģiju steks

• TanStack Start ar React 19 un SSR drošu useMediaQuery, kas būvēts uz useSyncExternalStore, lai mazā ekrāna saraksts renderētos vienādi serverī un klientā
• Tailwind v4 @theme tokeni, ierobežoti šim mokapam
• Radix primitīvi un react-day-picker zem pašu būvēta kalendāra, popovera, soļu un dialoga komplekta, kas kopīgs ar mūsu viesnīcas konceptu
• Izvietots uz Vercel

Vēlaties šādu vietni savam kempingam vai glempingam?

Visa sistēma — teritorijas plāns, sezonu loģika, vairāku vietu grozs, trīs soļu rezervācijas dialogs, papildinājumi un komisijas salīdzinājums — ir uzbūvēta un tēmojama. Mēs varam uzzīmēt Jūsu īsto krasta līniju, salikt uz tās Jūsu laukumus un mājiņas, savienot rezervāciju un palaist produkcijas vietni aptuveni divās līdz trīs nedēļās. Sākt sarunu →