Via Pala 35 · 54023 Scorcetoli (MS)

Case study08 / 09App mobile

Your App For
brand identity

L’identità visiva di un’azienda di Parma che sviluppa applicazioni mobile native per le imprese.

Cliente
Your App For s.r.l.
Luogo
Parma
Settore
Applicazioni mobile native
Servizi
Brand identity, brochure, sito web, UI design, framework

01Il progetto

Un’identità visiva coerente e un sistema grafico funzionale, dalla carta allo schermo dello smartphone.

Per Your App For ho costruito la brand identity attorno a un marchio già esistente: il sistema grafico, i colori, i caratteri e gli strumenti di comunicazione, a partire dalla brochure di presentazione.

Lo stesso linguaggio accompagna anche il lato digitale, con l’interfaccia delle applicazioni: un unico sistema che tiene insieme brand e app, con grande attenzione all’esperienza d’uso.

02Il marchio

Quattro tessere,
una si muove

Tre tessere ferme e una inclinata, come un’icona che si stacca dalla griglia della schermata: il gesto con cui si sposta un’app sullo smartphone. Passa sopra l’icona per rivedere il movimento.

Dal marchio ho preso le regole dell’identità: il colore delle tessere, gli angoli arrotondati, la composizione a griglia che torna nella brochure e nelle interfacce.

Il marchio è stato disegnato prima del mio intervento: il mio lavoro riguarda la brand identity costruita attorno a esso.

03Il colore

Arancione,
salvia e antracite

I colori delle tessere diventano la palette di tutta la comunicazione: l’arancione per richiamare l’attenzione, il salvia per gli elementi di base, l’antracite per i testi.

ArancioneLa tessera che si muove

RGB
246 · 130 · 35
HEX
#F68223

Il colore dell’energia e del movimento: la copertina della brochure, i titoli, la tessera inclinata del marchio.

SalviaLe tre tessere ferme

RGB
127 · 171 · 152
HEX
#7FAB98

Un verde quieto e tecnico, per le parti stabili del sistema: le tre tessere dell’icona.

AntraciteTesti e logotipo

RGB
35 · 31 · 32
HEX
#231F20

Il nero tipografico del nome e dei testi, su fondo bianco o arancione.

04I caratteri

Futura
e Garamond

Un bastone geometrico per la voce del marchio e un serif classico per i testi lunghi: la tecnologia raccontata con la chiarezza di un dizionario.

Titoli e testi breviFutura Light e Medium

Geometrico e arioso: lettere spaziate, righe corte, parole spezzate come nella copertina «App-lica-zioni native mobile».

Testi lunghiAdobe Garamond Pro

APP sostantivo s.f. – [app] – |App| – 1. Programma dedicato ai dispositivi mobile quali smartphones e tablets.

Il serif del dizionario all’interno della brochure, con corsivi, trascrizioni fonetiche e note a piè di pagina.

Futura e Adobe Garamond Pro sono i caratteri della brochure; qui il Garamond è mostrato con EB Garamond.

05La brochure

Quattro ante,
un dizionario dentro

Un pieghevole a quattro ante con chiusura a portafoglio: davanti la copertina arancione, dietro il logo su bianco. Si apre come un libro e mostra la comunicazione e la mission; aprendo le due ante interne compare il dizionario dell’applicazione mobile.

Il fronte della brochure Your App For aperto: comunicazione, copertina arancione e mission
Trascina per girarla
Copertina e retro«Applicazioni native mobile» su fondo arancione; sul retro il logo, al centro del bianco.
ComunicazionePerché un’app nativa: prestazioni, CMS su misura, contenuti offline, condivisione e notifiche.
Mission e AppL’app come un capo sartoriale: realizzata su misura, curata nel dettaglio.
Il dizionarioAll’interno, dalla A di App alla U di Usability, con le date dal 2008 al 2011.

06Il dizionario

Dalla A di App
alla U di Usability

L’interno della brochure spiega l’app mobile come farebbe un vocabolario: voci, fonetica, rimandi e note. Ogni anta porta un anno.

Pagina 1 del dizionario all’interno della brochure: App, App nativa, CMS, CondivisionePagina 2 del dizionario all’interno della brochure: Device, Digital stores, Geolocalizzazione, Grafica, Hardware, Multilingue, Notifiche pushPagina 3 del dizionario all’interno della brochure: Offline, Privacy, ServerPagina 4 del dizionario all’interno della brochure: Sistema operativo, Software, To update, Usability

2008

Passa sopra la pagina per leggerla da vicino

07Il framework

Framework
proprietario

Your App For Framework è un sistema strutturato per lo sviluppo di applicazioni mobile aziendali, progettato per garantire coerenza, scalabilità e semplicità di gestione dei contenuti.

Il framework integra identità visiva, struttura funzionale e strumenti operativi, traducendosi in un ecosistema completo composto da logo dedicato, manuale d’uso e infografica esplicativa. Questo approccio consente di standardizzare i processi di sviluppo e di ottimizzare l’esperienza utente nelle applicazioni mobile corporate.

Il marchioLe tessere in lineaSovrapposizioneLa FIl logo del framework
Copertina del manuale d’uso Your App For Framework
Manuale d’uso · copertina
Pagine interne del manuale con le schermate del CMS
Manuale d’uso · pagine interne
Infografica Mobile Communication Manufacture: contenuti, strutture, server online e offline, multilingua e profili di accesso

Infografica · Mobile Communication ManufacturePassa sopra per ingrandire

08Il video

Come funziona
il framework

Un video racconta in meno di un minuto come nasce un’app con Your App For Framework: dalle idee sulla parete ai moduli che si compongono, fino all’applicazione pronta sullo smartphone.

Video · Your App For Framework0:53 · con audio

Contatti

Parliamo del
tuo progetto.

Raccontami la tua idea, anche in due righe: ti rispondo entro 24 ore.