Fabrika 06
Stradella della Racchetta 18 - 36100 Vicenza (VI)
info@fabrika06.com
Ph: +393483960594
Careers
job.fabrika06.com
Ph: +393483960594

Tutti i lavori

Siti web

C.S. Elettronica

Il nuovo sito di C.S. Elettronica, che progetta e produce schede elettroniche dal 1984: scritto da zero, con un circuito animato negli header, una lente termografica, 6 pagine di competenza e un configuratore di progetto in 3 passi.

Cliente
C.S. Elettronica srl
Anno
2026
Piattaforma
HTML, CSS e JavaScript scritti a mano
Pagine
14, di cui 6 sulle competenze
Settore
Progettazione e produzione di schede elettroniche
Visita il sito
C.S. Elettronica, home page del nuovo sito
  • 14pagine
  • 6competenze con pagina dedicata
  • 3passi nel configuratore
  • 42anni di esperienza

Obiettivo

C.S. Elettronica progetta e produce schede elettroniche a Brugnera, in provincia di Pordenone, dal 1984, ed è oggi alla seconda generazione. Il sito precedente, realizzato in Joomla nel 2018, era una griglia di riquadri colorati senza pagine vere per i servizi e non veniva più aggiornato. Serviva un sito che spiegasse con chiarezza cosa sa fare l'azienda, dalla progettazione alla produzione in serie, e che trasformasse le visite in richieste concrete per l'ufficio tecnico.

Strategia & Design

  • Una pagina per ogni competenza: progettazione elettronica, produzione elettronica, sviluppo firmware, prototipazione e stampa 3D, analisi termografica e resinatura delle schede hanno ciascuna la propria pagina, raggiungibile da un mega menu con le anteprime.
  • Un linguaggio visivo preso dal mestiere: piste di circuito stampato, tracce luminose e una «lente termografica» che colora la pagina come la vede una termocamera.
  • Il metodo in 5 passi: Ascolto, Progetto, Prototipo, Produzione, Prodotto, con una linea di avanzamento che si riempie mentre si scorre.
  • Settori e lavori in primo piano: i settori mostrano un'anteprima delle immagini al passaggio del mouse, i lavori si sfogliano in una galleria con filtri e lightbox.

Sviluppo tecnico

  • Scritto da zero, senza CMS, temi o framework: HTML statico, un solo foglio di stile e JavaScript essenziale. Tutto il sito, immagini comprese, pesa circa 2,5 MB.
  • Circuito animato su canvas negli header di tutte le pagine: le piste si accendono e reagiscono al movimento del cursore.
  • Lente termografica realizzata con un filtro SVG, usata sulla pagina e nella sezione dedicata all'analisi termografica.
  • Font Manrope ospitato sul server, senza chiamate a servizi esterni per i caratteri.
  • Privacy rispettata: banner cookie fatto su misura, con Google Maps caricata solo dopo il consenso del visitatore.

Contenuti & funzionalità

  • 14 pagine: home, azienda, competenze con 6 pagine dedicate, lavori, news, contatti, privacy e cookie policy.
  • Configuratore di progetto in 3 passi: il visitatore sceglie le competenze che gli servono, indica la fase del progetto e le quantità, lascia i suoi dati, e la richiesta arriva direttamente all'ufficio tecnico.
  • Storia e numeri dell'azienda: dal 1984, 42 anni di esperienza raccontati nella pagina azienda.

In sintesi

Da un vecchio sito a riquadri a un sito leggero e scritto a mano, che mostra competenza tecnica fin dalla prima schermata e accompagna il cliente dalla prima idea alla richiesta di preventivo.

Vuoi un progetto così?

Raccontaci il tuo

Prossimo progetto

Steel Works

Siti webSEO
Anteprima del progetto Steel Works

Parliamone

Hai un progetto in mente o un processo da migliorare?