Eleven Experience

Eleven Experience nu este un grup hotelier în sensul convențional al cuvântului. Este o colecție de cabane și expediții izolate, profund imersive — pescuit cu muscă în Patagonia, surfing în Azore, schi în Dolomiți, safari în Botswana — fiecare dintre ele oferind o experiență complet ghidată, cu personal dedicat, la marginea extremă a ceea ce înseamnă turismul de aventură de lux. Oferta este singulară, locațiile sunt extraordinare, iar cantitatea de fotografii necesară pentru a comunica toate acestea este, pur și simplu, necruțătoare. Construirea site-ului web Eleven Experience a însemnat rezolvarea unei probleme cu care majoritatea proiectelor din domeniul ospitalității nu se confruntă la această scară: cum creezi o platformă care suportă greutatea vizuală a o sută de imagini pe o singură pagină, comunică spiritul și caracterul unor locații de pe patru continente și se încarcă totuși suficient de repede încât persoana care planifică o excursie de 20.000 de lire sterline să nu privească un indicator de încărcare (progress spinner) în timp ce își formează prima impresie? Răspunsul a fost o arhitectură construită de la zero în jurul acestei constrângeri — performanța nu a fost optimizată post-factum, ci a fost prioritatea numărul unu ("performance-first") încă de la prima decizie tehnică.

Construit împreună cu Matter Of Form

Eleven Experience a ajuns la noi prin intermediul parteneriatului nostru cu Matter Of Form, care a condus direcția creativă și strategică. Împărțirea responsabilităților este exact cea care funcționează cel mai bine în acest parteneriat: Matter Of Form a adus înțelegerea lor profundă a pieței turismului de lux, o direcție de design care a captat tensiunea dintre aventura sălbatică și confortul rafinat care definește brandul Eleven, și o relație cu clientul bazată pe încredere. Noi am adus arhitectura inginerească, infrastructura de performanță și execuția dezvoltării. Până când un proiect ajunge la noi de la Matter Of Form, deciziile creative sunt deja stabilite, iar treaba noastră este să le realizăm fără compromisuri. Asta înseamnă că nu există conversații de genul "tehnic nu putem face asta" care să ducă la diluarea designului. Înseamnă găsirea căii tehnice către experiența intenționată — chiar și atunci când experiența intenționată implică o pagină care cere unui browser să proceseze mai multe imagini decât servesc majoritatea site-urilor web în totalitatea lor.

Stack-ul tehnologic: React, Umbraco 13, Cloudflare Workers

Alegerile tehnologice pentru Eleven Experience au fost făcute în jurul cerințelor specifice ale proiectului, nu pe baza familiarității sau comodității. Umbraco 13 ca CMS — o platformă .NET matură și flexibilă, ale cărei capacități de modelare a conținutului ne-au permis să construim o bibliotecă de module pe care echipa Eleven Experience o poate opera intuitiv, fără a avea nevoie de implicarea unui dezvoltator pentru fiecare actualizare de conținut. React pe front-end, livrând experiența dinamică, bazată pe componente, pe care o cerea designul, fără impactul negativ asupra performanței (overhead) pe care l-ar fi introdus o abordare mai puțin structurată. Infrastructura de imagini este piesa care face ca totul să funcționeze. Cloudflare Workers gestionează procesarea imaginilor la nivel de edge — redimensionare, conversie de format în AVIF și WebP, optimizarea calității și livrarea de la nodul CDN cel mai apropiat de utilizator. O imagine care există în CMS ca un fișier la rezoluție maximă de la un fotograf profesionist este livrată fiecărui utilizator exact la rezoluția potrivită pentru dispozitivul și ecranul (viewport-ul) său, în cel mai eficient format suportat de browserul său, de pe un server apropiat geografic de el. Timpul de răspuns al rețelei (round-trip) este minim. Dimensiunea fișierului este o fracțiune din original. Calitatea vizuală este imposibil de distins de sursă. Acest flux (pipeline) gestionează pagini cu peste 100 de imagini fără degradarea timpului de încărcare care ar face o astfel de pagină nesustenabilă din punct de vedere comercial. Fotografia este produsul — ea comunică cabanele, peisajul, experiența — iar infrastructura există pentru a-i permite să facă acest lucru fără a cere utilizatorului să aștepte.

O bibliotecă de module flexibilă, construită să reziste

Eleven Experience este un site web viu. Se adaugă noi cabane. Anotimpurile schimbă fotografiile și disponibilitatea. Expedițiile sunt adăugate, modificate sau retrase. Echipa de conținut trebuie să poată gestiona toate acestea fără a deschide un tichet de dezvoltare pentru fiecare actualizare — iar biblioteca de module trebuie să fie suficient de flexibilă pentru a deservi noi configurații de conținut care nu au fost anticipate la momentul construirii site-ului. Biblioteca de module construită în Umbraco 13 este proiectată în jurul acestei cerințe. Fiecare modul este o unitate independentă, configurabilă: inputuri definite, valori implicite logice și suficientă flexibilitate în limitele de design pentru a gestiona gama de conținut pe care va trebui să o deservească în mod realist. Echipa de conținut poate asambla pagini din biblioteca de module din CMS fără a strica sistemul de design — constrângerile sunt integrate în module, nu impuse de un dezvoltator care revizuiește fiecare editare. „Ușor de întreținut” (highly maintainable) nu este o expresie de marketing aici. Înseamnă că o pagină construită la doi ani după lansare, de un editor de conținut care nu a fost implicat în proiectul inițial, folosind module care au fost în producție pe tot parcursul acestui timp, va arăta și va performa la fel de bine ca paginile construite în ziua lansării.

O navigație care își merită claritatea

Portofoliul Eleven Experience se întinde pe mai multe continente, multiple categorii de activități, multiple sezoane și o gamă largă de tipuri de experiențe, de la sejururi intime în cabane până la expediții de mai multe săptămâni, complet ghidate. Navigarea prin această vastitate fără a copleși un vizitator aflat la prima vizită — care poate ajunge știind doar că își dorește ceva extraordinar — a necesitat o arhitectură de navigare care gândește cu atenție la modul în care funcționează de fapt descoperirea (discovery) pentru acest public. Navigația este concepută pentru a orienta mai degrabă decât a enumera. Ea scoate la suprafață punctele principale de intrare — după destinație, după activitate, după tipul de experiență — fără a confrunta vizitatorul cu întreaga complexitate a catalogului înainte ca acesta să își găsească reperele. Arhitectura informațională reflectă modul în care un consultant de turism bine pregătit ar ghida o conversație: context larg mai întâi, apoi progresiv mai specific pe măsură ce interesul vizitatorului se conturează.

Prezentarea cabanelor: Fotografie, mișcare și spiritul locului

Fiecare proprietate Eleven Experience are un caracter cu totul al său. Cabana din Dolomiți și cea din Patagonia au un proprietar comun și o filozofie comună, dar aproape nimic altceva — peisaje diferite, lumină diferită, faună diferită, cultură de ghidare diferită, motive diferite pentru a merge. Site-ul web trebuie să comunice această individualitate pentru fiecare proprietate, în loc să omogenizeze portofoliul într-un produs generic de aventură de lux. Fotografia este prezentată la impact maxim, adesea pe tot ecranul (full-bleed și edge-to-edge), cu layout-uri care variază de la o proprietate la alta pentru a reflecta caracterul său specific. Limbajul de mișcare (motion language) — felul în care pagina se încarcă, modul în care imaginile se dezvăluie pe măsură ce vizitatorul dă scroll — este calibrat pentru a evoca ritmul și atmosfera fiecărei locații. Fiecare animație este compusă de GPU (GPU-composited), testată pentru frame-rate pe hardware mobil real și respectă pe deplin preferința pentru mișcare redusă (prefers-reduced-motion). Spiritul de aventură nu este doar un slogan pe acest site — este prezent în alegerile inginerești. O pagină care se încarcă în mai puțin de 2,5 secunde, în ciuda faptului că suportă greutatea vizuală a unei sute de imagini, transmite un semnal clar: aceasta este o operațiune care ia în serios fiecare detaliu. Acest lucru este în deplină concordanță cu ceea ce Eleven Experience le promite oaspeților săi — logistica este gestionată invizibil, astfel încât experiența în sine este tot ceea ce rămâne.

Performanță la scară largă

Paginile care conțin peste 100 de imagini obțin un Largest Contentful Paint (LCP) de sub 2,5 secunde pe conexiuni mobile medii. Cumulative Layout Shift (CLS) este efectiv zero — imaginile sunt dimensionate în layout înainte să se încarce, astfel încât pagina nu suferă salturi vizuale (reflow) pe măsură ce sosesc resursele. Interaction to Next Paint (INP) este responsiv pe tot parcursul experienței, inclusiv pe paginile de galerie unde animațiile de dezvăluire (reveal) rulează concomitent cu livrarea resurselor (asset delivery). Procesarea imaginilor prin Cloudflare Workers este principalul motiv pentru care aceste numere sunt realizabile pe un site cu un asemenea volum de fotografii. Fără ea, același conținut ar produce o experiență complet diferită. Investiția în infrastructură este invizibilă pentru vizitator, dar fundamentală pentru rezultat.

O platformă construită să crească odată cu Eleven

Noile pagini ale cabanelor sunt adăugate prin CMS de către echipa de conținut, folosind biblioteca de module existentă, și moștenesc automat întreaga infrastructură de performanță — fluxul de imagini, livrarea prin CDN, biblioteca de componente React. Un site care oferă echipei de conținut libertatea de a-l gestiona și extinde, menținând în același timp standardele care au făcut lansarea originală excepțională, este un activ (asset) a cărui valoare se multiplică în timp. Site-ul web Eleven Experience este exact acest lucru. Este ceea ce am construit cu Matter Of Form și este standardul pe care îl aducem în fiecare proiect din spațiul ospitalității și turismului de lux.