Case studies

Case study · Web design & prenotazioni · Romania

Apuseni Peak Paradise

Due cabin a capanna, un unico motore di prenotazione

apusenipeakparadise.ro dopo il redesign del 2026 — il sito e il suo motore di prenotazione su desktop e mobile

In alta quota sui Monti Apuseni, a 917 metri, Apuseni Peak Paradise affitta due cabin di design a capanna — Black Wolf e Savage Samurai — con idromassaggio, sauna e una vallata che corre fino all'orizzonte. Il soggiorno si vende da solo. Quel che serviva era un sito curato come le cabin, e un motore di prenotazione che incassa la prenotazione, il pagamento e la fattura mentre i proprietari dormono. Cittago li ha progettati e costruiti entrambi — poi, tra agosto e settembre 2026, ha ricostruito tutto da capo.

Cliente
Apuseni Peak Paradise
Luogo
Sălciua, Monti Apuseni · 917m
Piattaforma
WordPress · Elementor Pro
Cosa abbiamo realizzato
Sito + motore di prenotazione
Servizi
Sviluppo web & appE-commerceOttimizzazione velocità pagina
Il sito
apusenipeakparadise.ro

Il progetto, in tre passi

La sfida, cosa abbiamo realizzato e il risultato

  1. 01La sfida

    Una vista come questa merita più di un numero di telefono.

    Le persone scelgono una fuga in montagna dal telefono, a tarda ora, scorrendo tra una scheda e l'altra. Apuseni Peak Paradise aveva già la parte rara — due cabin a capanna firmate da un architetto, un idromassaggio aperto sul crinale, una sauna, un padiglione vetrato per cento ospiti. Ciò che mancava era un modo per trasformare quello scroll notturno in una prenotazione confermata e pagata senza cedere il 15–20% a una piattaforma di annunci su ogni soggiorno.

    Così il sito doveva fare due lavori contemporaneamente. Apparire abbastanza premium da giustificare il prezzo in tre secondi — e funzionare in silenzio come una reception sotto la superficie: due cabin su un unico calendario, tariffe stagionali, soggiorni minimi, un pagamento con carta, una fattura, un'email di conferma. Il tutto senza un booking manager a tempo pieno, e tutto modificabile dai proprietari stessi.

  2. 02Cosa abbiamo realizzato

    Un sito per cabin che prende le proprie prenotazioni

    Abbiamo costruito un sito leggero e guidato dalle immagini, che mette in primo piano ciò che le persone stanno comprando — la capanna che incornicia la vallata, l'idromassaggio sotto un cielo aperto, la sauna, la terrazza. Tipografia pulita, veloce su smartphone e onesta su cosa sia ciascuna cabin. Al di sotto, un vero motore di prenotazione: un calendario di disponibilità in tempo reale, tariffe che cambiano per stagione e giorno della settimana, pacchetti e coupon, regole di soggiorno minimo e pagamento con carta o bonifico bancario.

    Poi lo abbiamo rifatto. Tra agosto e settembre 2026 il sito è stato ricostruito pagina per pagina attorno a un unico design system condiviso e a un solo componente hero — così la homepage, le due landing page, le due cabin, la galleria, la pagina tariffe e il flusso di prenotazione ora parlano con una sola voce invece di nove. Ogni pagina porta una scheda di prenotazione above the fold, e il tutto continua a girare su Elementor Pro, così i proprietari cambiano un prezzo, bloccano un weekend o aggiungono un'offerta da soli.

  3. 03Il risultato

    • DirettoPrenotazioni raccolte sul sito — nessuna commissione di piattaforma del 15–20%
    • 0 manualeConferma, pagamento e fattura generati automaticamente
    • 3 pagineSito, landing page degli annunci e pagina eventi — un unico design system
    • SuperatiCore Web Vitals su smartphone, misurati su visitatori reali

    I proprietari elencano due cabin, impostano le loro stagioni e guardano il calendario riempirsi — il sito prende la prenotazione, la carta e la fattura da solo. Ogni prenotazione diretta è una che le piattaforme non possono tassare, e il tutto resta loro da modificare.

All'interno della capanna — il timpano vetrato che incornicia la vallata degli Apuseni
La cabin e la sua terrazza, aperte sul crinale della montagna
Due cabin, un idromassaggio e una sauna — il soggiorno, in tre inquadrature

Prima / dopo

Le stesse due cabin. Un'attività diversa.

Trascina la maniglia. A sinistra il sito com'era; a destra la stessa pagina dopo la ricostruzione del 2026. Della struttura non è cambiato nulla — solo ciò che un visitatore incontra nei primi tre secondi, e quanto dista da una prenotazione confermata.

La homepage ridisegnata — una fotografia a tutto campo della capanna al crepuscolo, con una scheda di disponibilità in tempo reale e una riga di dati di fiducia
La vecchia homepage di Apuseni Peak Paradise — un titolo centrato su fondo bianco, con tre pulsanti a contorno e nessun modo di verificare le date

Una brochure è diventata una reception: la prima schermata ora risponde insieme a "che cos'è questo posto" e "è libero nelle mie date".

I calendari di disponibilità ricostruiti — le due cabin affiancate, così una cabin occupata non nasconde più quella libera
Il vecchio calendario di disponibilità — un solo calendario per una sola cabin, con il prezzo a notte stampato su ogni data

Il vecchio calendario mostrava una cabin alla volta, così un weekend con Black Wolf occupata si leggeva come "no" anche con Savage Samurai libera. Ora sono entrambe sullo schermo — e il prezzo a notte che stampava era già stato superato dalla tariffa reale.

I fotogrammi "prima" sono gli screenshot che avevamo pubblicato su questo progetto ad agosto 2026, prima della ricostruzione. Abbiamo tenuto gli originali invece di ricostruire qualcosa, e ritagliato le due metà in modo identico — un confronto vale la pena di farlo solo se entrambi i lati sono reali.

Tre superfici, tre lavori

Una struttura, tre vie d'accesso.

Un affitto di cabin non ha un solo pubblico. Chi ha cercato il tuo nome vuole sfogliare; chi ha cliccato un annuncio vuole un prezzo; chi organizza un matrimonio vuole sapere se cento persone ci stanno. Ognuno ha la sua pagina, e ogni pagina è costruita per la domanda che le viene davvero posta.

Nove pagine, un unico design system

La ricostruzione ha messo ogni pagina sulle stesse fondamenta: un componente hero, una navigazione, un set di colori e un carattere tipografico servito dal server invece che richiesto a Google. Cambi l'header una volta e cambia sulla homepage, su entrambe le cabin, sulla galleria, sulla pagina tariffe, sul flusso di prenotazione e su entrambe le landing page.

Sembra manutenzione ordinaria. In realtà è ciò che rende il sito economico da gestire: un cambio di prezzo o una foto nuova sono una modifica sola, non nove, e nel frattempo nulla esce dallo stile.

  • Un unico hero condiviso su nove tipi di pagina — promessa, striscia di fiducia e scheda di prenotazione non possono divergere
  • Una ricerca di disponibilità above the fold, che cerca in entrambe le cabin insieme
  • Tariffe, slider fotografico e video reel come template globali — modificati una volta, aggiornati ovunque
  • Font serviti localmente, così nessuna richiesta di terze parti blocca il primo rendering
Guardala dal vivo
La homepage ridisegnata sotto la prima schermata — le due cabin presentate affiancate con le loro tariffe
La homepage, sotto la prima schermata — due cabin, un calendario

/lp — costruita per un clic che qualcuno ha pagato

Il traffico a pagamento non sfoglia. Arriva con una sola domanda e pochissima pazienza, quindi la landing page è ridotta al percorso onesto più breve: cos'è, quanto costa, è libero, prenota. La navigazione scorre alle sezioni della stessa pagina invece di mandare via qualcuno, e i calendari di disponibilità delle due cabin stanno affiancati, così nessuno deve controllarli uno alla volta.

Condivide il design system del sito, quindi non sembra mai una pagina venuta da altrove — ma è una pagina separata con un compito separato, e i proprietari possono clonarla per la campagna successiva senza uno sviluppatore.

  • Navigazione interna alla pagina — nessuna uscita da una pagina su cui hai pagato per far atterrare qualcuno
  • I calendari in tempo reale delle due cabin affiancati, non uno alla volta
  • Acconto del 30%, conferma con carta in 2–3 minuti
  • Clonabile su Elementor Pro per l'offerta successiva
Guardala dal vivo
La sezione disponibilità della landing page /lp — un calendario in tempo reale per ciascuna delle due cabin, affiancati
Due cabin, una schermata — la disponibilità risolta in un colpo d'occhio

/lp-evenimente — una seconda attività sulla stessa montagna

La struttura ha un padiglione da 60 m² e una terrazza vetrata da 90 m² che si uniscono in un'unica sala da 150 m². È una location per matrimoni nascosta dentro un affitto di cabin, ed era invisibile a chiunque non fosse già ospite. Così ha avuto la sua landing page, con il suo titolo, le sue prove e il suo modulo di richiesta.

L'offerta è volutamente leggibile: l'intera location per un weekend, entrambe le cabin incluse, più un importo fisso per ospite. Nessun affitto della sala, nessun conteggio a ore, nessun diritto di tappo. Un evento al giorno, che è il vero punto di forza — la montagna non la condividi con nessuno.

  • Fino a 100 ospiti, un evento al giorno
  • Padiglione da 60 m² + terrazza vetrata da 90 m² = una sala da 150 m²
  • 16 posti letto in loco, così la festa non deve rientrare in auto
  • Matrimoni, cerimonie civili e battesimi, ciascuno chiamato per nome
Guardala dal vivo
L'hero della landing page eventi — la terrazza vetrata al crepuscolo, con i dati di capienza sotto il titolo
La pagina eventi — una location invisibile finché non ha avuto una pagina

Il motore di prenotazione

Un sistema di prenotazione, non un modulo di prenotazione.

Dietro il calendario c'è un motore di prenotazione completo — tariffe, regole, pagamenti e documenti, automatizzati dall'inizio alla fine. Tutto ciò di cui un host impegnato ha bisogno, e nulla a cui debba pensare.

Tariffe e disponibilità

  • Calendario di disponibilità in tempo reale
  • Prezzi dinamici in base alla stagione
  • Regole tariffarie feriali e weekend
  • Pacchetti promozionali
  • Sconti e coupon sconto

Regole di soggiorno

  • Limiti di soggiorno minimo
  • Giorni di check-⁠in obbligatori
  • Giorni di check-out obbligatori
  • Controllo della disponibilità per cabin
  • Date bloccate e speciali

Pagamenti

  • Pagamento con bonifico bancario
  • Pagamento con carta online
  • Un acconto del 30% o l'intero importo
  • Solo 1% di commissione sui pagamenti con carta
  • Codice di prenotazione generato automaticamente

Automazione

  • Conferme via email automatiche
  • Fattura proforma sul bonifico
  • Fattura fiscale sulla carta (SmartBill)
  • Registri ospiti e prenotazioni in un unico posto
  • Aggiornamenti fluidi, resilienti sotto carico

Pagamenti e fatturazione

Pagato e fatturato, automaticamente.

  • 1%

    La commissione su carta più bassa che siamo riusciti a reperire

    Solo 1% su ogni pagamento con carta online — così una parte maggiore di ogni prenotazione resta all'host, non al gestore dei pagamenti.

  • Fatturato da SmartBill

    Il motore di prenotazione è collegato a SmartBill: ogni prenotazione pagata genera il documento corretto senza alcun lavoro manuale.

  • Proforma o fiscale — automaticamente

    Un bonifico genera una proforma; un pagamento con carta genera una fattura fiscale all'istante. L'ospite la riceve via email; i conti restano puliti.

  • Un acconto blocca le date

    Gli ospiti pagano il 30% per confermare e saldano il resto all'arrivo — il sistema traccia il saldo fino al check-⁠in.

Uno sguardo più da vicino

Il sito ricostruito, pagina per pagina

Ogni fotogramma qui sotto è uno screenshot del sito dal vivo, catturato alla larghezza per cui è stato progettato — non un mockup.

La homepage di Apuseni Peak Paradise dopo il redesign
La homepage — fotografia, scheda di prenotazione e i dati che rispondono alla prima obiezione
La landing page /lp su apusenipeakparadise.ro
La landing page degli annunci — lo stesso linguaggio, un percorso più breve
La sezione prezzi della pagina eventi — entrambe le cabin per il weekend più un importo per ospite
Come si calcola il prezzo di un evento — entrambe le cabin, più un importo fisso per ospite
La pagina di prenotazione su apusenipeakparadise.ro
La pagina di prenotazione — date, cabin, acconto, conferma
La pagina tariffe, gestita da un unico template globale Elementor
Tariffe — un unico template globale, usato su quattro pagine
La pagina della cabin Black Wolf con la sua ricerca di disponibilità
Una pagina cabin — Black Wolf, con la sua ricerca di disponibilità
La pagina della galleria fotografica su apusenipeakparadise.ro
La galleria — la struttura, alla dimensione che merita
La homepage ridisegnata su smartphone
Su smartphone, dove sta davvero quasi tutto il traffico
La landing page eventi su smartphone
La pagina eventi su smartphone

I video

Certe cose una foto non le vende.

Un fermo immagine può mostrarti una tinozza. Non può mostrarti il vapore che sale dall’acqua a 917 metri, il dondolo che si muove o la luce delle sette del mattino. Per questo il sito porta sei brevi clip verticali, girate al telefono e montate in pochi secondi l’una — le stesse sei che girano sulla landing page.

Non costano nulla finché non le vuoi: ogni clip parte dal poster con preload="none", quindi scorrere questa sezione scarica 0 byte di video. Ne premi una e si carica solo quella. Tutte e sei insieme pesano 4,1 MB — più dell’intera pagina — ed è esattamente il motivo per cui non vengono caricate a chi non preme mai play.

Misurato su visitatori reali

Core Web Vitals: superati.

Non sono numeri da laboratorio. Ognuno è il 75° percentile di ciò che i visitatori reali di apusenipeakparadise.ro hanno misurato sui propri telefoni in una finestra di 28 giorni — gli stessi dati sul campo che Google usa quando posiziona il sito. Pubblichiamo le soglie accanto ai valori, così si vede quanto margine resta, anche dove non ne resta molto.

Valutazione Core Web Vitals · smartphoneSuperati

  • LCPLargest Contentful Paint — quando l'immagine principale ha finito di caricarsi

    1.7 s

    buono fino a 2.5 sscarso da 4.0 s

    L'84% delle visite è nella fascia buona.

  • INPInteraction to Next Paint — quanto in fretta la pagina risponde a un tocco

    195 ms

    buono fino a 200 msscarso da 500 ms

    Dentro la soglia, ma di poco — è quello su cui stiamo ancora lavorando.

  • CLSCumulative Layout Shift — quanto la pagina si muove sotto il pollice

    0.10

    buono fino a 0.10scarso da 0.25

    Esattamente sulla linea. Vale la pena tenerlo d'occhio dopo ogni cambio di foto.

  • FCPFirst Contentful Paint — quando è comparso qualcosa, qualunque cosa

    1.2 s

    buono fino a 1.8 sscarso da 3.0 s

    L'83% delle visite è nella fascia buona.

  • TTFBTime to First Byte — il tempo di risposta del server stesso

    0.8 s

    buono fino a 0.8 sscarso da 1.8 s

    Un tetto dell'hosting condiviso tanto quanto del codice.

Fonte: Chrome UX Report, 28 giorni al 17 settembre 2026, formato smartphone, 75° percentile. Il desktop non è mostrato perché il sito non riceve abbastanza traffico desktop perché Google ne riporti un dato — il che è già di per sé la risposta a "per quale dispositivo dovremmo progettare". Deliberatamente non citiamo un punteggio di performance PageSpeed: è una simulazione di laboratorio, e abbiamo visto lo stesso URL segnare 60 e 96 nel giro di un'ora.

Verificalo tu stesso

Lo sviluppo

Gestito da chi gestisce il posto.

Il sito non è una brochure che qualcun altro deve mantenere. È costruito su Elementor Pro — così il team cambia un prezzo, sostituisce una foto o aggiunge un pacchetto da solo, in pochi minuti, senza uno sviluppatore a disposizione.

1Modifiche senza codice

L'intero sito è visivo e drag-and-drop — testi, foto e prezzi cambiano in pochi minuti.

2Un unico design system

Colori, font e spaziature sono globali; impostati una volta, restano coerenti su ogni pagina.

3Template riutilizzabili

Header, footer e layout si costruiscono una volta e si riutilizzano, così nulla esce dallo stile.

4Davvero responsive

Controlli separati per desktop, tablet e smartphone fanno sì che appaia giusto su qualsiasi schermo.

5Popup integrati

Offerte stagionali, raccolta newsletter e avvisi senza aggiungere plugin extra.

6Contenuti dinamici

Dati delle camere, tariffe e disponibilità si caricano automaticamente invece di essere riscritti.

7Una libreria di widget snella

Slider, gallerie, form e mappe sono nativi — meno plugin, meno cose da rompere.

8Font serviti localmente

Il carattere tipografico parte dal server del sito stesso, così nessuna richiesta di terze parti ritarda il primo rendering.

9Layout e movimento curati

Animazioni sottili e controllo al pixel, tutto senza toccare il codice.

10Economico da modificare

Il builder più usato del web, così le modifiche sono rapide ed economiche — da parte nostra o di qualsiasi sviluppatore.

Cosa dice il cliente

Avevamo le cabin e la vista, ma Cittago ci ha dato la “reception” digitale perfetta. Hanno creato per noi un sito premium e velocissimo che gestisce tutto da solo: calendario in tempo reale, fatturazione automatica e pagamenti con carta (solo 1% di commissione invece del 15–20% sulle piattaforme). La parte migliore? Lo modifichiamo noi stessi in pochi minuti, senza dipendere da nessuno. […] Sinceramente, raramente ho avuto a che fare con un'azienda così professionale e dedicata.

Viorica PopRecensione Google · Apuseni Peak Paradise
Leggila su Google
Cosa abbiamo risposto

Grazie mille, Viorica, per queste parole! Siamo felicissimi che il sistema automatico di prenotazione e fatturazione renda più semplice il lavoro di ogni giorno e che abbiate sentito la differenza rispetto alle commissioni alte delle piattaforme. È esattamente quello che ci eravamo proposti: un sito che potete controllare voi, senza dipendenze. Siamo contenti che abbiate percepito l'attenzione al dettaglio e la disponibilità messe in ogni fase della collaborazione — è stato un piacere lavorare insieme e non vediamo l'ora di veder crescere le vostre cabin!

Il prossimo progetto potrebbe essere Suo

Il primo incontro è gratuito e dura 30 minuti: online, al telefono o, se si trova a Cluj, davanti a un caffè. Ci racconti cosa vuole costruire e Le diciamo sinceramente cosa funzionerebbe.

Preferisce un messaggio? Ci trova su WhatsApp, via email o al telefono e Le rispondiamo direttamente.

Senza preparazione e senza insistenze dopo. Se non siamo adatti, se ne va con domande migliori da fare a chiunque venga dopo.