CS
Sistemi Informatici
Lab interno · non indicizzato

Anteprima effetti premium

Test isolato dei 3 effetti UI candidati. Scorri per vederli in azione. Niente di questo è ancora applicato al sito reale — è solo una prova.

↓ Inizia a scorrere
01
Effetto subliminale

Soft-landing fade-in

Quando una card entra nel viewport, fa fade-in-up più lento e morbido rispetto a ora. Durata 900ms (era 700ms) e curva easing cubic-bezier(0.22, 1, 0.36, 1) — la stessa famiglia di easing usata sui siti Apple/Stripe. Stagger fra una card e l'altra aumentato da 120ms a 180ms per dare più "respiro".

01

Ascolto & Analisi

Capiamo il valore del Vostro lavoro. Veniamo in azienda per conoscerVi.

02

Sviluppo & Installazione

Vi forniamo le migliori tecnologie hardware e software, configurate su misura.

03

Assistenza e continuità

Mai più soli davanti alla tecnologia. La nostra assistenza tecnica è il cuore della relazione.

02
Hover engagement

Tilt 3D leggero al hover

Passa il mouse sopra le card. Si inclinano leggermente nello spazio 3D in base a dove c'è il cursore (max ~5° su entrambi gli assi). Effetto "vivace" senza essere invadente. Funziona solo desktop (su mobile è disabilitato — niente mouse). Ispirazione: Stripe homepage cards, Linear feature cards.

🍽

Software gestionale

ProChef Manager — POS ristorazione completo. Cassa, sala, cucina, multi-sede.

📞

Telefonia aziendale

Centralini IP-PBX Yeastar, Grandstream, Yealink. VoIP, IVR personalizzati.

📹

Videosorveglianza

IP 4K + termiche + LPR + AI per riconoscimento volti e analytics video.

💡 Passa il mouse su una card — si inclina seguendoti.

03
Premium tech feel

Magnetic CTA buttons

I pulsanti principali "si attraggono" verso il cursore quando ti avvicini (entro ~100 px). Il movimento è sottile (max 12 px di spostamento) e morbido. Quando esci dalla zona magnetica, tornano in posizione. È il tocco "premium tech" usato da Stripe, Linear, Vercel sui loro CTA.

💡 Avvicina il mouse a uno dei pulsanti — lo vedi muoversi leggermente verso di te.

Che cosa ti piace?

Hai visto i 3 effetti. Decidi tu quali applicare al sito reale. Possiamo:

  • Applicarli tutti e 3 (pacchetto "soft launch" — coerente, sobrio)
  • Solo alcuni (es. tilt + magnetic e basta)
  • Nessuno, lasciare il sito così com'è ora
  • Provarne altri (parallax hero, smooth scroll, text reveal, sticky)

Quando sei pronto, dimmi le tue preferenze e applico in 5 minuti. Per cancellare questa pagina di anteprima quando avrai deciso: rm src/pages/anteprima.astro (o me lo chiedi e lo faccio io).