Caso studio

Footprint Possibilities

Organizzazione no profit che sostiene famiglie, giovani e persone con risorse, programmi educativi e iniziative per la comunità.

Settore
No profit
Sede
St. Petersburg, Florida (USA)
Cosa abbiamo fatto
Sito web
Il sito di Footprint Possibilities su desktop
Il sito di Footprint Possibilities su smartphone

Prima e dopo

Tanto da raccontare.

Il sito di prima raccontava già la missione, i progetti e i modi per donare. Restava in secondo piano il cuore di Footprint: i progetti sul campo, da vedere prima che da leggere.

  • Un'impostazione classica, a fasce verdi
  • I progetti raccontati in lunghi testi
  • Le pagine in inglese
La home del sito nuovo: “Together, we build possibilities.” con le schede dell'impatto, la sede e una foto dal campo
La home del vecchio sito di Footprint Possibilities: “Do a lot with a little” sulla foto di due bambine in classe
PrimaDopo

Trascina la linea per confrontare prima e dopo.

L'obiettivo

Far vedere dove va ogni donazione.

Rifare il sito da capo, con i progetti al centro e un percorso chiaro: capire la missione, fidarsi, scegliere come aiutare. In inglese, spagnolo e italiano.

  1. 01

    Restyling

    Un design nuovo, fatto di foglie, onde verdi e foto dal campo.

  2. 02

    Progetti in chiaro

    Ogni progetto con stato, anno, video o documenti.

  3. 03

    Tre lingue

    Inglese, spagnolo e italiano: basta un clic sulle bandiere.

Cosa abbiamo fatto

Dal bisogno alla donazione.

La missione, a colpo d'occhio.

In home un mosaico di schede presenta l'impatto, la sede e una foto dal campo. Poi il racconto scorre: il bisogno, i motivi per fidarsi, le università partner e i tre passi di ogni donazione.

La home di Footprint Possibilities: il mosaico di apertura, poi “Bridging the Gap Between Need and Opportunity”, i motivi per sceglierla, le università partner e “How It Works”

I progetti, uno per uno.

Nella pagina Projects ogni progetto, dal Ghana a Panama, ha la sua scheda: stato e anno, un video o i documenti da aprire, e cosa si è fatto, punto per punto. In apertura, un carosello di foto dal campo.

  • Ghana, la scuola
  • Le foto dal campo
  • Panama, il lago Gatún

Ogni dollaro conta.

La pagina Donations mostra a cosa serve ogni cifra: 10 dollari contribuiscono agli assorbenti per le ragazze, 25 a quindici libri per bambini, 250 a un portatile per studiare. In fondo, i contatori fanno salire i numeri dell'impatto.

La pagina Donations: “Some Ideas to Do Something Useful”, le opzioni da 10 a 250 dollari, la donazione mensile e i contatori di “Your Impact in Numbers”

Tre lingue, un clic.

Inglese, spagnolo e italiano, con le bandiere in basso a destra. Cambia lingua anche il racconto di ogni progetto, non solo i menu.

  • Home, in italiano
  • Un progetto, in spagnolo
  • Come funziona, in spagnolo

Fatto con

  • GSAP
  • Next.js
  • Tailwind CSS
  • i18next

Il sito

Apri un'immagine per vederla in grande.

  • Home, i video
  • Home, la fiducia
  • Home, i contatti
  • Progetti, l'apertura
  • Progetti, il lavoro sul campo
  • Donazioni, le scelte
  • Join Us, l'apertura
  • Join Us, la community
  • Join Us, i volontari

Prossimo progetto

Torna ai progetti

Caso studio

PhoneHub

Telefonia e riparazioni, E-commerce

Negozio di telefonia a Napoli: smartphone, accessori e ricambi da comprare online, riparazioni al banco.

Scopri il progetto: PhoneHub
Il sito di PhoneHub su desktop
Il sito di PhoneHub 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