WordPress Oxygen CSS3 JavaScript GSAP

Panagrind.it

Panagrind
02/02/2026
Visita Sito Live

Il Progetto

PANAGRIND.IT — Sito Web Aziendale B2B

Rettifica Meccanica di Precisione

Il Cliente

PANAGRIND SRL è un'azienda vicentina fondata nel 1982, specializzata in lavorazioni di rettifica meccanica di alta precisione con tolleranze fino a 0,00001 mm. L'azienda serve settori industriali ad alta tecnologia: aerospaziale, automotive, robotica, medicale, idraulica e ferroviario.

La Sfida

Il cliente necessitava di un sito web che:

  • Comunicasse competenza tecnica e affidabilità industriale
  • Generasse lead qualificati dal settore B2B
  • Presentasse i servizi in modo chiaro e professionale
  • Fosse performante, accessibile e ottimizzato per i motori di ricerca

La Soluzione

Ho progettato e sviluppato un sito one-page con un design industriale moderno che riflette i valori del brand: precisione, esperienza e innovazione tecnologica.

Design & UX:

  • Palette colori industriale (grigio scuro, blu tecnico, bianco)
  • Pattern grafici che evocano l'ambiente produttivo
  • Gerarchia visiva chiara per guidare l'utente verso la conversione
  • Micro-animazioni per migliorare l'engagement

Sviluppo Tecnico:

  • WordPress + Oxygen Builder per gestione autonoma dei contenuti
  • Codice PHP/CSS/JS custom completamente isolato e modulare
  • Animazioni performanti con GSAP e ScrollTrigger
  • Form contatti PHP nativo con validazione e anti-spam
  • Sistema TAB accessibile per presentazione materiali/settori

SEO & Performance:

  • Schema.org completo (Organization, LocalBusiness, Service)
  • Markup semantico HTML5
  • Ottimizzazione immagini con lazy loading
  • CSS responsive con clamp() per fluidità tipografica

Accessibilità:

  • Conformità WCAG 2.1 AA
  • Navigazione da tastiera completa
  • Focus states visibili
  • Supporto prefers-reduced-motion

Risultati

  • Sito performante con punteggi Lighthouse ottimizzati
  • Struttura SEO-ready per il posizionamento su keyword di settore
  • Design che comunica professionalità e genera fiducia
  • Form contatti funzionale per acquisizione lead B2B

DATI TECNICI (per scheda progetto)

CampoValore
ClientePANAGRIND SRL
SettoreManifatturiero / Meccanica di precisione
TipologiaSito web aziendale B2B
Anno2026
URLpanagrind.it

Tecnologie

  • WordPress 6.x
  • Oxygen Builder 4.9.5
  • PHP 8.x
  • JavaScript ES6
  • GSAP 3.12
  • CSS3 (Custom Properties, Grid, Flexbox)

Servizi

  • UI/UX Design
  • Sviluppo Frontend Custom
  • Sviluppo Backend (Form PHP)
  • SEO Tecnico (Schema.org)
  • Ottimizzazione Performance
  • Accessibilità WCAG 2.1 AA

Features

  • One-page responsive
  • Animazioni scroll-triggered
  • Form contatti AJAX
  • Menu mobile off-canvas
  • Counter animati
  • Sistema TAB accessibile
  • WhatsApp floating button
  • Structured data completo