Cabana Rareș — o pensiune la 1.700 m, prezentată ca un reportaj de călătorie

O pensiune de trei stele la 1.700 m, pe Transalpina, prezentată ca un reportaj de călătorie, nu ca un formular de rezervare. Tot site-ul se citește ca un singur material de revistă — supratitluri cu liniuță de aramă, numere decorative de mari dimensiuni, citate cu chenar dublu, titluri care urcă discret în prima secțiune — construit pe funcțiile native de editare completă din WordPress, fără constructor vizual de pagini, cu patru tipuri de conținut dedicate: camere, pârtii, trasee și atracții.

Gazda răspunde personal la telefon. Site-ul trebuia să sune la fel.

Provocarea

Multe site-uri de cazare pornesc de la aceeași structură: o galerie, o listă de facilități, tarifele și datele de contact. Pentru Cabana Rareș, formula asta nu spunea destul. Alegerea unei cazări în Rânca ține și de întrebări care nu încap într-un card de cameră: cum se ajunge iarna, ce se întâmplă când Transalpina e închisă pe anumite sectoare, cât de aproape e pârtia, ce merită văzut în perioada vizitei.

Așa că am construit un site care se deschide cu ninsoarea de la cabană, care pornește de la un loc anume („aproape de Pârtia M1, departe de agitație”) și care îi dă oaspetelui destul context — despre drumul de iarnă, despre Transalpina vara, despre camere — ca să se poată hotărî înainte să pună mâna pe telefon. Un site pe care gazda îl trimite liniștită drept răspuns la „unde sunteți, exact?”.

01 · Prima secțiune

Abordarea

Site-ul folosește funcțiile de editare din WordPress 6.7, fără un constructor vizual suplimentar. Sistemul de design stă în theme.json — culori, scară tipografică, spațieri, tipografie adaptivă, structură și animații — iar modelele de pagină și stilurile componentelor folosesc aceleași valori. Culorile principale sunt gestionate central: paleta se poate ajusta de la un sezon la altul dintr-un singur loc, cu reverificarea contrastului.

Conținutul stă în patru tipuri de conținut dedicate — camere, pârtii, trasee și atracții — fiecare cu adrese URL proprii, taxonomii, date structurate JSON-LD și model de pagină propriu. Textele, imaginile și informațiile curente se editează din WordPress; afișarea o face automat tema, după structura stabilită. Fără drag-and-drop, fără shortcode-uri, fără biblioteci de blocuri terțe.

Soluția

Un sistem vizual coerent, inspirat din publicațiile de călătorie, plus implementarea WordPress din spatele lui.

Limbaj vizual

• Titlurile, în Cormorant Garamond (font variabil, găzduit local). Textul curent, în Plus Jakarta Sans (la fel) — cu diacriticele ă â î ș ț verificate peste tot.
• Un vocabular de accente editoriale: supratitlu cu liniuță de aramă, punct decorativ de 10 px după fiecare titlu mare, citate cu chenar dublu, numere decorative de mari dimensiuni, ca filigran de secțiune.
• Titluri animate discret în prima secțiune — cuvintele intră pe rând, la scurt interval: întâi supratitlul, la final creditul imaginii. Pentru vizitatorii care au activată preferința de mișcare redusă, rămâne o apariție simplă, fără mișcare.
• Videoclipurile de pe YouTube apar întâi ca imagine de previzualizare cu buton de redare și se încarcă abia după ce vizitatorul apasă play. Niciun iframe la încărcarea paginii.

Arhitectura informației

• La lansare, 35 de pagini editoriale, scrise de la zero, cu structură pe capitole pentru materialele lungi (Drumul de iarnă spre Rânca, Transalpina traseu complet).
• Patru tipuri de conținut dedicate și 23 de pagini individuale, generate automat dintr-un singur model de pagină pe tip.
• Bară laterală fixă cu capitolele, pe materialele lungi (de la 3 capitole în sus), pe bază de IntersectionObserver — capitolul activ primește o linie aurie pe stânga.
• Structura tehnică e pregătită pentru o versiune în engleză, prin Polylang; deocamdată e publicată doar româna.

02 · Pagina camerei

Implementare tehnică

• Structura și conținutul de bază sunt inițializate din cod, printr-un modul propriu, și rămân versionate: fiecare pagină, cameră, pârtie, traseu și atracție există în repository. Modulul poate fi rulat din nou fără să dubleze conținutul.
• Date structurate JSON-LD, adaptate tipului de conținut: organizație, unitate locală, traseu de navigare, spațiu de cazare pentru camere și traseu turistic pentru materialele care descriu un itinerar.
• Formular de contact propriu, pe endpoint-uri REST dedicate — validare, protecție împotriva trimiterilor automate, limitarea abuzului și tratarea sigură a datelor introduse.
• Performanța a fost o cerință de proiect de la început — fonturi variabile găzduite local, stiluri încărcate numai pentru componentele folosite în pagină, încărcare amânată pentru imaginile din afara primei zone vizibile și dimensiuni declarate pe fiecare <img>, ca să reducă schimbările de layout.

Trei momente-cheie

Prima secțiune

Trei rânduri de litere serif urcă peste o fotografie a cabanei la apus, iarna — fiecare rând intră decalat, în același ritm cu ninsoarea din spate. Deasupra, numărul de telefon stă la vedere, într-o bară utilitară translucidă. Site-ul își anunță tonul din prima secundă: o prezentare editorială, nu o listă generică de facilități.

Narațiunea pe capitole

Pagina despre drumul de iarnă de la Novaci spre Rânca se citește ca un eseu de călătorie — supratitlu, numărul capitolului mărit ca număr decorativ, iar textul curge în jurul unui citat cu chenar dublu de aramă. Pe ecrane mari, o bară laterală fixă cu capitolele coboară pe marginea din stânga; un IntersectionObserver schimbă capitolul activ pe măsură ce derulezi. Totul e implementat în temă, fără extensii terțe, iar pe mobil structura se strânge într-o bară orizontală de butoane compacte.

03 · Registrul editorial

Cele patru tipuri de conținut

Camere, pârtii, trasee, atracții — fiecare are coloane proprii în interfața de administrare, taxonomia lui, modelul lui de pagină și structura lui de date JSON-LD. Structura permite adăugarea coerentă a unei pârtii noi fără refacerea modelului de pagină: site-ul generează automat pagina, cu traseu de navigare, date structurate, conținut înrudit și același limbaj editorial ca tot restul site-ului.

04 · Semnătura

Stack-ul tehnic

WordPress 6.7+ FSE   PHP 8.2   theme.json   Cormorant Garamond + Plus Jakarta Sans (găzduite local)
Temă block proprie   modul propriu de inițializare   4 tipuri de conținut dedicate   pregătit pentru Polylang
Date structurate JSON-LD   căutare nativă WordPress   YouTube încărcat la cerere
Proiectat de la 360 px   resurse găzduite local   fără constructor vizual de pagini

Rezultatul

Site-ul e live la cabanarares.ro, scris ca să păstreze tonul direct al gazdei și validat împreună cu ea. Sistemul de design, conținutul inițializat din cod și tipurile de conținut dedicate stau în tema proprie și în modulul livrat odată cu ea; amândouă sunt ale clientului și pot fi preluate de o altă echipă, împreună cu instrucțiunile de instalare. Elementele vizuale principale se controlează central, dintr-un singur loc. Fără platformă proprietară a agenției, fără abonament obligatoriu către noi, iar funcționarea de bază nu depinde de o licență comercială activă.

Codul e al tău. Site-ul se deschide ca un reportaj de călătorie, îi dă oaspetelui contextul de care are nevoie și îi lasă gazdei o singură sarcină: să răspundă la telefon.

cabanarares.ro →