← Tutti i progetti

MATTTRE STUDIO / WEB DESIGN + WEB DEVELOPMENT

This website.Il sito di MATTTRE Studio.

Uno spazio per conoscerci, esplorare ciò che facciamo e iniziare una conversazione. Progettato e sviluppato da noi, fino all’ultimo dettaglio.

Progetto / Il sito dello studioFocus / Identità, interazioni, percorsi
La home di MATTTRE Studio, con tipografia blueprint e colori pastello
01 / Intro, hero e due cambi di palette.

Web design.
Sviluppo web.

Il punto di partenza era dare spazio a design, sviluppo e cultura visiva dentro un’esperienza coerente. Rendere chiaro cosa facciamo, lasciando emergere anche come pensiamo.

Abbiamo costruito il percorso intorno alle domande di chi ci visita: chi siete, come lavorate, cosa potete fare per me? Servizi, studio e contatti accompagnano la risposta.

01

Web design

Gerarchie, tipografia e composizione trasformano il linguaggio dello studio in un’interfaccia riconoscibile.

02

Web development

Layout adattivi, navigazione e componenti interattivi portano il progetto dal disegno al browser.

03

Animazioni e interazioni

Ingresso, transizioni e risposte ai gesti danno continuità all’esperienza e carattere ai dettagli.

Palette e temi.
Interazioni personalizzate.

La linea della hero mostra il logo in versione contorno e a colori. Il pulsante “Sii creativo!” cambia la palette del sito; lo switch permette di scegliere tra tema chiaro e scuro.

La hero di MATTTRE Studio in modalità scura
02 / Passaggio tra tema chiaro e tema scuro.

Cambio palette.Il contorno del pulsante anticipa il cambio palette, mentre la linea della hero completa il suo movimento.

Movimento ridotto.Le animazioni accompagnano ingressi e passaggi. Chi preferisce meno movimento trova una versione più quieta.

Design responsive.
Desktop e mobile.

Layout, dimensioni e spazi si adattano a telefoni, portatili e monitor grandi. Su mobile il menu si apre da destra e contiene anche la selezione della lingua e del tema.

La pagina servizi di MATTTRE Studio su desktop
Desktop / Contenuti e gerarchie, con spazio per respirare.
La pagina contatti di MATTTRE Studio su mobile
Mobile / Menu con lingua e tema.

Form di contatto.
Pochi campi, richieste semplici.

Nome, email e messaggio, con la possibilità di indicare un servizio. Il form è pensato per domande e richieste iniziali, senza chiedere un brief dettagliato.

Il form di contatto di MATTTRE Studio con nome, email e messaggio
04 / Compilazione del form di contatto.

Funzionalità del sito

Multilingua.

Italiano e inglese condividono la struttura del sito, con contenuti e indirizzi delle pagine localizzati.

Ottimizzazione SEO.

Titoli e descrizioni specifici, pagine dedicate ai servizi e indirizzi localizzati organizzano i contenuti per la ricerca.

Prestazioni.

Font locali, immagini ottimizzate e video caricati quando entrano in vista limitano le risorse necessarie alla navigazione.

La tua prossima presenza digitale

Il prossimo sito potrebbe essere il tuo.

Parliamone ↗Esplora il web design ↗