Caso studio

ALMA Energia

Fornitore di luce e gas che affianca alla fornitura il riciclo della plastica e una community di persone e imprese.

Settore
Energia
Sede
Vasto (CH)
Cosa abbiamo fatto
Sito web e scene 3D
Il sito di ALMA Energia su desktop
Il sito di ALMA Energia su smartphone

L'obiettivo

Far capire un'energia diversa.

Un sito nuovo per un fornitore di luce e gas che affianca alla fornitura il riciclo con l'app ioWIN, i bambuseti italiani e la community Menti Esplosive: idee da far capire al primo sguardo.

  1. 01

    Un sito nuovo

    Costruito da zero, dalla home ai contatti.

  2. 02

    Il 3D che spiega

    Bambuseti, riciclo, community e app: ognuno ha la sua scena.

  3. 03

    Un form che invoglia

    Nei contatti la scena 3D accompagna chi compila, fino all'invio.

Cosa abbiamo fatto

Una scena per ogni idea.

Dai filamenti alla foglia.

In home dei filamenti di energia in 3D, scorrendo, si raccolgono in una foglia di bambù. È il legame con la natura: per ogni contratto attivato, ALMA dedica al cliente una pianta di bambù in un bambuseto italiano.

La home di ALMA: i filamenti verdi in 3D dietro “La tariffa più bassa del mercato.”, poi, scorrendo, la foglia di bambù accanto a “Più che energia. Connessione.”

Dentro il bambuseto.

Nella pagina Bambuseti, scorrendo, si entra in una foresta di bambù in 3D, tra canne e foglie che sfilano accanto. I bambuseti sono veri e si possono visitare, per trovare la propria pianta.

La foresta di bambù in 3D della pagina Bambuseti: “Un polmone verde a tuo nome”, poi la telecamera avanza tra le canne fino a “Un contratto, una vita.”

Da bottiglia a moneta.

Nella pagina Riciclo una bottiglia di plastica, scorrendo, si scompone in particelle e diventa una moneta ALMA: chi ricicla viene premiato. La tariffa resta per tutti, e con l'app ioWIN si ricicla in qualsiasi eco-compattatore disponibile.

La pagina Riciclo: la bottiglia in 3D dietro “Ricicla la plastica. ALMA ti premia.” si scompone in particelle, poi appare la moneta ALMA con “Una tariffa semplice.”

La rete e l'app.

Nella pagina Comunità, scorrendo, si entra in un mondo di pallini collegati: la rete delle Menti Esplosive. Nella pagina ioWIN un iPhone in 3D ruota e cambia schermata, per mostrare l'app prima di scaricarla.

  • La rete di pallini
  • ioWIN, il riciclo
  • ioWIN, gli inviti

Il form con la leva.

Nei contatti il 3D ha un compito: a ogni campo compilato una leva si alza e, all'invio, scatta e accende i palazzi sullo sfondo. È pensata per invogliare a completare il form.

La pagina Contatti: compilando il form la leva in 3D si alza, all'invio scatta e i palazzi sullo sfondo si illuminano (nome ed email sono sfocati)

Fatto con

  • Three.js
  • React Three Fiber
  • GSAP
  • Next.js
  • Tailwind CSS

Il sito

Apri un'immagine per vederla in grande.

  • Home, il valore tangibile
  • Home, i passi
  • Home, il primo ALMA Point
  • Bambuseti, perché il bambù
  • Bambuseti, natura reale
  • Riciclo, per chi ricicla
  • Comunità, i livelli
  • ioWIN, scarica l'app
  • Contatti, ALMA nel territorio

Prossimo progetto

Torna ai progetti

Caso studio

IMG Rettifica

Meccanica di precisione, Sito web

Rettifica di precisione dal 1978, con lavorazioni millesimali per componenti critici.

Scopri il progetto: IMG Rettifica
Il sito di IMG Rettifica su desktop
Il sito di IMG Rettifica su smartphone

Il prossimo progetto può essere il tuo.

Raccontaci com'è oggi il tuo sito e cosa non funziona. Partiamo da lì, senza impegno.

Parliamone