Identità visiva · il processo

Come ci siamo arrivati

Dalle prime bozze di silhouette al set completo, passando per quattro direzioni di stile, test di leggibilità e vettorializzazione.

Il metodo

Tre fasi: idea, scelta, prove pratiche.

Quando abbiamo deciso che ci serviva una mascotte, abbiamo lavorato per tappe: prima abbiamo provato a disegnare il concetto a mano libera (bozze SVG di prima idea), poi abbiamo esplorato quattro direzioni di stile diverse per vedere quale comunicava meglio quello che volevamo, infine abbiamo messo alla prova la versione vincitrice in contesti reali — favicon, dark mode, stampa B/N. Solo dopo siamo passati alla versione editoriale calda, che è quella che vedi sulla maggior parte del sito.

Fase 1 · prime bozze

Disegni di concetto, fatti a mano.

Tre direzioni provate subito: la silhouette pulita, il simbolo della diga come elemento astratto, il castoro col tronco come gesto di azione. Servivano per capire cosa rispondeva al "perché un castoro" della pagina di partenza.

01 · Silhouette

Forma piena, postura verticale

02 · Diga (simbolo)

Astrazione dell'elemento costruito

03 · Castoro col tronco

Animale + gesto di lavoro

Fase 2 · quattro direzioni

Quattro stili, ognuno con un ruolo possibile.

Quattro direzioni grafiche, ognuna pensata per un contesto diverso. Le esplorazioni servono a capire cosa stiamo davvero scegliendo prima di decidere — non solo "ci piace di più", ma "questa funziona dove ci serve, questa no".

Stile A

Marchio silhouette

Castoro di profilo ridotto a forma piena. Lo stile più "logo": pulito, autorevole, leggibile a piccolissima dimensione.

Dove servirebbe: Logo testata, favicon, social avatar, firma email.
Stile B

Illustrazione editoriale

Castoro a tratto sottile, raffinato. Non un logo, una "spot illustration": aggiunge carattere alle pagine senza prendere il posto del marchio.

Dove servirebbe: Pagine chi siamo, blog, sezione storia/filosofia.
Stile C

Heraldic mark moderno

Reinterpretazione moderna di uno stemma di gilda. Castoro e diga fusi in un unico simbolo bilanciato. Più "ufficiale" del marchio silhouette.

Dove servirebbe: Documenti ufficiali, contratti, signage stampato.
Stile D

Astratto geometrico

Niente animale letterale. Solo forme geometriche che richiamano tronchi sovrapposti o la silhouette compressa.

Dove servirebbe: Quando il pubblico è puramente tecnico e il figurativo distrae.

La scelta: lo Stile A (marchio silhouette) è risultato il più adatto come "ricamo" — accenti compatti, leggibilità a piccolissima dimensione, neutralità che permette di affiancarlo al logotipo Conxulta senza competere. Gli altri stili restano agli atti come direzioni esplorate.

Fase 3 · i tre finalisti

Tre candidati silhouette, una decisione.

Tre forme leggermente diverse: postura più o meno verticale, coda piatta più o meno visibile, dettagli del muso. Servono a confronto per scegliere quale tiene meglio nei test pratici.

A1-3 scelta

Postura verticale, coda piatta evidente

A2-2

Con tronco diagonale

A3-2

Tratto con hatching, più disegnata

Fase 4 · quattro test

La forma deve reggere fuori dal laboratorio.

La silhouette deve funzionare in quattro contesti che, se la rompono, significa che non è abbastanza solida.

Test 1 — Favicon 32×32

A che dimensione minima la silhouette resta riconoscibile? Lo verifichiamo riducendola alla dimensione di un favicon nel tab del browser.
Test 2 — App icon 192px

In un quadrato di app icon (PWA, web clip iOS) lo spazio è poco: la silhouette deve avere padding sufficiente e leggibilità immediata.
Test 3 — Bianco e nero

Una stampa contrattuale, una fotocopia, un fax (sì, esistono ancora): la silhouette deve reggere in monocromia totale, senza grigi intermedi.
Test 4 — Dark mode

Su sfondo navy o nero la silhouette navy scompare. Va invertita (o ammorbidita in un grigio chiaro) per restare visibile.

Esito: la A1-3 regge tutti e quattro. È la scelta.

Fase 5 · dal raster al vettore

Vettorializzazione e variante scudetto X.

Il finalista era un PNG raster ad alta risoluzione, ottimo per visualizzazione ma non scalabile all'infinito e non editabile. Lo abbiamo ridisegnato in vettoriale (Inkscape, traccia bitmap monocromatica), così da avere una silhouette SVG pulita, riusabile a qualsiasi dimensione, con un solo colore (navy `#201D70` della palette brand).

A partire dalla silhouette pura abbiamo derivato la variante con scudetto X applicato sul petto, da usare nei contesti dove serve rendere esplicito il legame castoro↔Conxulta — il castoro che "indossa" il marchio di appartenenza.

Stilizzata · pura

castoro-silhouette.svg

Uso editoriale generico: accenti, separatori di sezione, formati compatti.

Stilizzata · scudetto X

castoro-silhouette-x.svg

Stessa silhouette con la X applicata sul petto: lega esplicitamente la mascotte al marchio Conxulta.

Fase 6 · una seconda direzione

Dalla silhouette tecnica all'illustrazione calda.

Una volta chiusa la silhouette, ci siamo accorti che mancava qualcosa. La silhouette è perfetta come "ricamo" — accento, segno, formato piccolo — ma su una pagina narrativa (chi siamo, blog, una pagina servizio editoriale) chiede un compagno: un'illustrazione vera, espressiva, che racconti.

Abbiamo allora aperto una seconda direzione, parallela alla prima: la stessa mascotte in versione illustrata, a matita marrone su carta da pacco, espressione calda mai infantile, accento navy minimo. Tono editoriale, non cartoon. Sette scene per coprire le situazioni delle pagine narrative del sito.

Le due versioni non sono concorrenti: sono complementari. Una serve dove serve il segno, l'altra dove serve il racconto.

Set finale

Sette scene calde, una per momento.

Le sette scene del set definitivo, ognuna pensata per un contesto specifico del sito. Sono le illustrazioni che la maggior parte dei visitatori incontra navigando.