Branding e posizionamento
Icone e illustrazioni
Vi diamo un sistema, non una cartella di file sparsi: icone e illustrazioni che scalano su web, app e slide con lo stesso vocabolario visivo.
Definiamo prima il “contratto” grafico: griglia, spessore del tratto, angoli, metafora consentita e livello di dettaglio per dimensione. Così ogni schermo non reinventa lo stile e non si rompe l’implementazione in codice.
Per le illustrazioni allineiamo personaggi, oggetti ricorrenti e palette derivata dall’identità — con varianti per vuoto, errore e onboarding. Per le icone copriamo il set minimo del prodotto e documentiamo nomi semantici per accessibilità e handoff agli sviluppatori.
Portfolio di Icone e illustrazioni
Consegne
Libreria icone
Set concordato in formato modificabile + export pronti per implementazione.
Illustrazioni modulari
Scene o pezzi riutilizzabili allineati al tono di brand.
Guida d’uso
Dimensioni minime, allineamento alla griglia, abbinamento al testo ed esempi vietati.
Foglio naming e accessibilità
Label suggeriti per screen reader e convenzioni icone decorative vs informative.
File sorgente organizzato
Pagine per categoria (navigazione, azioni, stati) per manutenzione futura.
Pacchetto onboarding
Sintesi per nuovi designer o agenzie per applicare il sistema senza reinterpretazione.
Metodologia di esecuzione
-
Inventario e priorità
Elenco di schermate, azioni e narrative che richiedono icona o illustrazione; priorità per impatto e riuso.
-
Direzione di stile
Reference, test di tratto a 16px/24px, regole colore e abbinamento a foto o UI esistente.
-
Produzione a batch
Disegno iterativo con review brevi: metà set per validare il pattern prima di scalare.
-
Stati e varianti
Active/disabled, temi chiaro/scuro, RTL se necessario, versioni semplificate per favicon o thumbnail.
-
Consegna tecnica
SVG ottimizzato, PNG @1x/@2x, naming layer, simboli Figma (o equivalente) e documentazione per dev.
