`
Sito web animato con navigazione sul globo terrestre

 

Tutte le icone interne al sito sono costituite da mini animazioni con effetti sonori attivate dall'utente.

 

Lo spirito del sito è quello di alleggerire il peso di un tema tanto gravoso, mentre l'utente interessato continua a documentarsi.

Credits:

Concept: Andrea Montuschi

Grafica: Sara Fabbri

Animazione e software: Andrea Mattioli

Suoni: Giorgio De Santis

Per: Legacoop Produzione & Servizi

sito web interattivo
Sito web grafico con infografiche animate

La video infografica animata, realizzata con tecnologie per il web, illustra all'utente le tappe del percorso di recupero dell'azienda attraverso il WBO.

Sito web grafico con infografiche animate
sito web interattivo
Sito web grafico con infografiche animate

WBO Cooperative

Sito web di formazione utente attraverso animazioni e infografiche web

L'esigenza era quella di costruire un vero e proprio percorso formativo che trattasse il delicato tema del Workers Buy Out Cooperativo. Abbiamo scelto un approccio interattivo e tracciabile, per guidare l'utente in un'esperienza ricca di informazioni testuali, accompagnate da infografiche animate (HTML5) che facilitano la comprensione e la fruibilità del materiale.

Il risultato è un sito unico nel suo genere che ha il grande valore aggiunto di storicizzare le percentuali di completamento del percorso formativo per ogni utente, supportato da una funzionalità di ricerca che lo guida all'interno di una mappa informandolo in ogni momento sul suo stato di apprendimento.

Credits:

Concept: Andrea Montuschi e Andrea Mattioli

Grafica: Sara Fabbri e Andrea Mattioli

Animazione e software: Andrea Mattioli

Suoni: Giorgio De Santis

Per: Legacoop Produzione & Servizi

sito web interattivo
Sito web grafico con infografiche animate

WBO Cooperative

Sito web di formazione utente attraverso animazioni e infografiche web

interattivo
Sito web responsive con navigazione sul globo terrestre

Il sito non è ideato simulando la Terra e il cosmo, ma riproduce materialmente la struttura sferica del nostro pianeta nello spazio aperto. Nella sostanza si tratta di una enorme singola pagina quadrata, il cui lato è lungo 5 volte lo schermo dell'utente.

Credits:

Concept: Andrea Montuschi e Ludovica Mantovan

Grafica e postproduzione foto: Ludovica Mantovan

Animazione e software: Andrea Mattioli

Per: Rosso Fuoco Film

sito web animato
Sito web interattivo con navigazione animata sul globo terrestre

 

Navigare attraverso le sezioni significa letteralmente muoversi sulla superficie terrestre. Il pianeta ruota, mostrando oceani e continenti distribuiti sul globo.

 

Sullo sfondo la galassia segue il movimento terrestre, mentre prosegue nel suo viaggio attraverso lo spazio aperto.

sito web animato
Sito web interattivo con navigazione animata sul globo terrestre

Star Stuff - The movie

Navigare nel sito e muoversi sulla superficie del pianeta terra, a 2 passi dalla Via Lattea

 

Un viaggio verso 4 osservatori in 4 diversi continenti alla ricerca del nostro posto nel cosmo.

 

L'utente viene accolto da una spettacolare foto della Via Lattea; gradualmente la camera scende fino alla superficie terrestre, da qui può iniziare la navigazione.

Credits:

Concept: Andrea Montuschi e Ludovica Mantovan

Grafica e postproduzione foto: Ludovica Mantovan

Animazione e software: Andrea Mattioli

Per: Rosso Fuoco Film

sito web animato
Sito web interattivo con navigazione animata sul globo terrestre

Star Stuff - The movie

Navigare nel sito e muoversi sulla superficie del pianeta terra, a 2 passi dalla Via Lattea.

Animazione
Sito web ecommerce per la vendita e consegna di prodotti agricoli

 

Ogni utente ha il proprio punto di consegna, ma può decidere di cambiarlo in qualsiasi momento, oppure durante l'ordinazione scegliere di ricevere la cassetta della settimana in un punto di consegna diverso.

Credits:

Grafica: Ludovica Mantovan e Andrea Mattioli

Software: Andrea Mattioli e Ludovica Mantovan

Per: Donna Gnora

ecommerce
Sito web ecommerce per la vendita e consegna di prodotti agricoli

 

Il prodotto principale è la cassetta, il cui contenuto varia in base alla stagionalità. Durante la creazione dell'ordine il cliente può modificare la cassetta in base alle proprie necessità, sostituendo frutta e verdura con altre, sempre stagionali.

 

La possibilità di modificare la cassetta a proprio piacimento rende il servizio di Donna Gnora più comodo del fare la spesa al supermercato.

ecommerce
Sito web ecommerce per la vendita e consegna di prodotti agricoli

Donna Gnora

Dal produttore al consumatore attraverso l'ecommerce e la gondola.

 

Donna Gnora è un'azienda di produzione agricola, che vende i propri prodotti nella città di Venezia e nell'area di Mestre e Noale.

 

L'utente prenota nell'ecommerce i prodotti per il proprio ordine e sceglie il punto di consegna (luogo, giorno e orario) oppure la consegna a domicilio per poter ricevere i prodotti richiesti.

Credits:

Grafica: Ludovica Mantovan e Andrea Mattioli

Software: Andrea Mattioli e Ludovica Mantovan

Per: Donna Gnora

ecommerce
Sito web ecommerce per la vendita e consegna di prodotti agricoli

Donna Gnora

Dal produttore al consumatore attraverso l'ecommerce e la gondola.

Ecommerce
`
Sito web animato con navigazione sul globo terrestre

Credits:

Concept e grafica: Andrea Montuschi

Animazione e software: Andrea Mattioli

Per: Altea GmbH

sito internet grafico
Sito web interattivo in 3d

 

Ogni contenuto testuale e video è accompagnato da elementi grafici vettoriali animati.

Credits:

Concept e grafica: Andrea Montuschi

Animazione e software: Andrea Mattioli

Per: Altea GmbH

sito internet grafico
Sito web grafico con animazioni

Altea Colonia

Un percorso disegnato con tappe animate

 

L'esperienza di Altea nelle consulenze a 360° per le attività commerciali in Germania. Il sito è letteralmente disegnato in vettoriale: un prodotto fatto su misura.

Per Altea abbiamo ideato e realizzato anche il logo, la brochure e i biglietti da visita

Credits:

Concept e grafica: Andrea Montuschi

Animazione e software: Andrea Mattioli

Per: Altea GmbH

sito internet grafico
Sito web grafico con animazioni

Altea Colonia

Un percorso disegnato con tappe animate

Grafico
Sito web in parallasse

 

Una serie di elementi grafici vivaci portano allegria nell'atmosfera professionale delle pagine.

Credits:

Concept e grafica: Andrea Montuschi e Anima in corporation

Fotografie: Luci Diffuse

Animazioni e software: Andrea Mattioli

Per: So Far Torino

sito web fotografico
Sito web in parallasse

 

sito web fotografico
Sito web interattivo in 3d

So Far

Pani, sfizi e alta cucina tra dettagli fotografici e parallasse

 

Il sito è strutturato come un pageless con diverse pagine esterne per la visualizzazione dei contenuti testuali estesi.

 

Le fotografie realizzate da Luci Diffuse sono sia contenuto, che struttura, mentre l'effetto parallasse accompagna la navigazione alternando le sezioni a testi agli sfondi fotografici.

Credits:

Concept e grafica: Andrea Montuschi e Anima in Corporation

Fotografie: Luci Diffuse

Animazioni e software: Andrea Mattioli

Per: So Far Torino

sito web fotografico
Sito web in parallasse

So Far

Pani, sfizi e alta cucina tra dettagli fotografici e parallasse.

Fotografico
Sito web interattivo in 3d

 

Per la visualizzazione di ogni altro contenuto testuale si sfrutta un'animazione html5. La faccia del cubo si espande fino ad adattarsi alla dimensione del testo.

 

Il sito è pienamente responsive, adattandosi ai dispositivi mobile, fino ai cellulari con schermi molto ridotti.

Credits:

Grafica: Sara Fabbri e Andrea Mattioli

Animazioni e software: Andrea Mattioli

Per: Cineama Film Distribution

sito web animato
Sito web interattivo in 3d

Le facce dei cubi sono dedicate a contenuti cinematografici diversi (es. tutti i film, prossime uscite, nostre produzioni), permettendo di utilizzare un singolo elemento 3d in maniera molteplice.

Sito web interattivo in 3d
sito web animato
Sito web interattivo in 3d

Cineama Film Distribution

L'esperienza utente attraverso le 3 dimensioni

 

 

Il sito ha un layout composto da quadrati e rettangoli. Ogni elemento è sia una voce di menù che porta al contenuto, sia il contenitore del contenuto selezionato.

 

Il passaggio da una funzionalità all'altra è in mano alla tecnologia 3d html5; alla selezione dell'utente il quadrato si trasforma in un cubo, ruota sul proprio asse e presenta il contenuto selezionato.

Credits:

Grafica: Sara Fabbri e Andrea Mattioli

Animazioni e software: Andrea Mattioli

Per: Cineama Film Distribution

sito web animato
Sito web interattivo in 3d

Cineama Film Distribution

L'esperienza utente attraverso le 3 dimensioni

Animazione
Blog di comunicazione politica

 

 

Anche il calendario sfrutta i colori per evidenziare e distinguere la categoria di ogni singolo evento.

Credits:

Concept e grafica: Sara Fabbri

Animazioni e software: Andrea Mattioli

Per: Marco Lombardo

blog animato
Blog di comunicazione politica

 

L'home page permette la visualizzazione di tutti gli articoli attraverso l'interazione con dei "cubi multi-contenitori": ogni faccia incorpora titolo e corpo dei contenuti, mentre le animazioni mostrano, nascondono e ruotano i cubi in base al filtro selezionato dall'utente.

blog animato
Sito web aziendale multimediale

Marco Lombardo

I colori di un programma politico nel blog del candidato consigliere

 

 

Realizzazione del sito di Marco Lombardo in versione desktop e adattabilità responsive del layout.

 

Tutto il sito si sviluppa attraverso i colori corrispondenti ai punti del programma elettorale. Il menù, le pagine, i layout e i contenuti utilizzano i colori in tutto il loro sviluppo.

Credits:

Concept e grafica: Sara Fabbri

Animazioni e software: Andrea Mattioli

Per: Marco Lombardo

blog animato
Sito web aziendale multimediale

Marco Lombardo

I colori di un programma politico nel blog del candidato consigliere.

Animazione
Sito web aziendale con video incorporato

Studio Massari

Sito internet aziendale multilingua con estetica essenziale

 

Il sito è sviluppato attraverso una grafica elegante ed essenziale, in grado di rappresentare lo stile di un'azienda che realizza design di qualità per interni di yacht, hotel, casinò e residenze di grandi dimensioni.


Le foto di alta qualità mostrano con precisione il livello qualitativo offerto dallo studio.

Credits:

Concept e grafica: Andrea Montuschi

Software: Andrea Mattioli

Per: Studio Massari

sito internet aziendale
Sito internet aziendale

Studio Massari

Sito internet aziendale multilingua con estetica essenziale

Aziendale
Sito web aziendale con video incorporato

Borelli Transmission Components

Sito web aziendale multilingua con video incorporato

 

 

Realizzazione di sito responsive multilingua con video da noi prodotto integrato nella home page.

 

Il sito è pensato per unire l'efficienza nella fruizione dei contenuti di un sito con struttura classica allo stile dei siti pageless, in grado di presentare in maniera accattivante la mission aziendale, le linee prodotti, la storia e i contatti.

L'integrazione di un video di tipo aziendale migliora la qualità estetica dell'home page e accompagna l'esperienza utente generale.

Credits:

Concept e grafica: Ludovica Mantovan

Animazioni e software: Andrea Mattioli

Per: Borelli Transmission Components

sito web aziendale
Sito web aziendale con video incorporato

Borelli Transmission Components

Sito web aziendale multilingua con video incorporato.

Aziendale
Sito web responsive con animazioni

 

La versione del sito dedicata ai dispositivi con schemo ridotto rispecchia la struttura e la grafica della versione estesa, permettendo comunque all'utente un'agevole navigazione attraverso i contenuti.

Credits:

Concept e grafica: Andrea Montuschi

Animazioni e software: Andrea Mattioli

Per: Notaio Remo Bassetti

sito web animato
Sito web responsive con animazioni

Nella sezione inferiore del sito la mappa si sviluppa in verticale, dove troviamo una lunga serie di domande fino all'ultimo contenitore dove troviamo i contatti e la mappa dello studio notarile.

 

Sito web responsive con animazioni

Il click su una domanda apre una nuova pagina all'altezza della relativa risposta.

sito web animato
Sito web responsive con animazioni

Notaio Remo Bassetti

Colori, animazioni e una mappa delle competenze affiancano i consigli del famoso notaio

 

Il sito mostra le conoscenze notarili e i servizi online offerti attraverso un percorso simile ad una mappa della metropolitana, in cui le fermate e gli snodi contengono le tematiche principali trattate dallo studio.

Un click può trasformare una fermata in un contenitore colorato di testi e approfondimenti, oppure aprire una nuova pagina dedicata ad uno specifico argomento.

Credits:

Concept e grafica: Andrea Montuschi

Animazioni e software: Andrea Mattioli

Per: Notaio Remo Bassetti

sito web animato
Sito web responsive con animazioni

Notaio Remo Bassetti

Colori, animazioni e una mappa delle competenze affiancano i consigli del famoso notaio

Animazione
Sito web aziendale multimediale

 

Il layout, le immagini e i testi di ogni sezione si adattano alle dimensioni e alla forma dei diversi dispositivi, dai grandi monitor per desktop fino agli schermi dei cellulari più piccoli.

Credits:

Concept e grafica: Sara Fabbri

Software e animazioni: Andrea Mattioli

Gaming: Andrea Montuschi

Per: Anima In Corporation Srl

sito internet grafico
Sito web aziendale multimediale

Il sito è arricchito da contenuti multimediali e un piccolo gaming che traducono in maniera fattiva lo sguardo moderno e non convenzionale con cui Anima in Corporation comunica l’identità aziendale. A cominciare dalla propria.

 

Sito web aziendale multimediale

Il sito è il risultato di una profonda discussione tematica con l’azienda che sentiva l’esigenza di proporsi con un’estetica moderna che prestasse forte attenzione all’ergonomia per la reperibilità delle informazioni, senza ridurre ogni tema trattato in slogan ma concentrandosi su modi alternativi di fruizione delle informazioni.

sito internet grafico
Sito web aziendale grafico con animazioni

Anima In Corporation

L'identità culturale delle aziende attraverso un sito pageless con animazioni e gaming

 

 

Realizzazione del sito di Anima in Corporation in versione desktop e adattabilità responsive del layout.

Il sito si presenta come un pageless a scorrimento verticale con l’inserimento di pagine di approfondimento e animazioni finalizzate alla maggiore comprensione dei contenuti

Credits:

Concept e grafica: Sara Fabbri

Software e animazioni: Andrea Mattioli

Gaming: Andrea Montuschi

Per: Anima In Corporation Srl

sito internet grafico
Sito web aziendale grafico con animazioni

Anima In Corporation

L'identità culturale delle aziende attraverso un sito pageless con animazioni e gaming

Grafico
Sito internet gestionale con calendario

Palestra Arti d'Oriente

Accesso immediato alle informazioni e al calendario

 

 

Il sito offre alla prima schermata una visione chiara e immediata delle categorie di corsi disponibili e dei corrispondenti istruttori.

 

Ogni elemento è collegato al proprio calendario, uno strumento perfetto per il possibile cliente e per chi già è iscritto alla palestra.

Credits:

Concept e grafica: Andrea Mattioli

Software: Andrea Mattioli

SEO: Andrea Mattioli

Per: Palestra Arti d'Oriente

sito internet CMS
Sito internet gestionale con calendario

Palestra Arti d'Oriente

Accesso immediato alle informazioni e al calendario

CMS
Il sito web diventa una app

La struttura è responsive e si adatta alle diverse dimensioni dei dispositivi.

 

Il sito web diventa una app

Visto da tablet o cellulare il sito ha un layout radicalmente diverso, prende l'aspetto e l'ergonomicità di una tipica app per mobile.

sito internet fotografico
Il sito internet fotografico diventa una app

Birroteca Guelfa

Birra artigianale al posto della solita birra: un percorso fotografico.

 

Il sito è un pageless puro a scorrimento verticale. Nella sezione principale l'utente viene accolto da una presentazione fotografica in cui si evidenziano le differenze tra le comuni birre industriali e le birre artigianali. Dopo aver illustrato la varietà dei prodotti, il flusso di immagini e testi proietta il visitatore in una piacevole serata in compagnia di amici nel locale.

Credits:

Concept e grafica, : Andrea Mattioli

Fotografie e concept fotografico: Luci Diffuse

Software: Andrea Mattioli

sito internet fotografico
Sito internet fotografico

Birroteca Guelfa

Birra artigianale al posto della solita birra: un percorso fotografico

Fotografico
Sito internet grafico a griglia con video

 

La versione del sito dedicata ai dispositivi mobile non necessitava di adattamento verticale, di conseguenza adotta il classico layout tipografico.

Credits:

Concept e grafica: Kronos Film

Software: Andrea Mattioli

Per: Kronos Film Production

sito internet grafico
Sito a griglia css3 con video

Kronos Film Production

Sito internet con un moderno layout a griglia

 

Per le necessità della Kronos Film Production risultava perfetto un layout in grado di adattarsi non solo il larghezza, ma anche in altezza alle dimensioni dello schermo.

Il moderno layout a griglia CSS3 risultava decisamente migliore rispetto alla classica struttura tipografica.

Credits:

Concept e grafica: Kronos Film

Software: Andrea Mattioli

Per: Kronos Film Production

sito internet grafico
Sito a griglia css3 con video

Kronos Film Production

Sito internet con un moderno layout a griglia

Grafico
Il web design in azienda

La Madia di Nonno Pepi

Una "madia virtuale" dove ritrovare la storia, la tradizione e i prodotti di qualità

 

 

 

In linea con l'azienda, il sito è classico sia nella struttura che nel design. Grandi immagini ricreano la madia, l'antico laboratorio casalingo.

Credits:

Concept e grafica: Andrea Mattioli

Software: Andrea Mattioli

Per: Laboratori Emiliani Alimentari

sito internet classico
Il web design in azienda

La Madia di Nonno Pepi

Una "madia virtuale" dove ritrovare la storia, la tradizione e i prodotti di qualità

Classico
Mi piace ma..
quanto mi costa?