I SERVIZI / DESIGN & CODICE
Posso prendere in carico un sito intero, dal brief al frontend, oppure entrare in una fase sola: struttura, interfaccia o codice. In entrambi i casi si parte dalla stessa domanda: cosa deve riuscire a fare chi arriva sulla pagina?
Prima di disegnare metto in ordine: cosa cerca chi arriva, cosa deve trovare per primo, dove rischia di perdersi. Da lì vengono la struttura delle pagine, i flussi e i wireframe; poi l’interfaccia vera, con tipografia, colore, componenti e stati. Lavoro in Figma e consegno file ordinati, pronti per lo sviluppo.
Cosa consegnoArchitettura dei contenuti, flussi, wireframe e interfacce in Figma.
Progetto il sito e lo sviluppo io. Tra design e codice non c’è passaggio di consegne, quindi quello che approvi in bozza è quello che troverai nel browser: stesse proporzioni, stessi stati, stesso comportamento sul telefono. HTML semantico, CSS moderno, JavaScript solo dove serve.
Cosa consegnoUn sito responsive completo: struttura, interfaccia e frontend.
Un redesign comincia da quello che funziona. Guardo il sito com’è oggi, separo ciò che va tenuto da ciò che ostacola e concordo con te un ordine di priorità. Solo dopo ridisegno struttura e interfaccia, così l’intervento resta proporzionato all’obiettivo.
Cosa consegnoAnalisi del sito attuale, priorità di intervento, nuova struttura e nuova interfaccia.
Hai il design e ti serve qualcuno che lo porti nel browser senza tradirlo. Parto dal tuo file e costruisco l’interfaccia in HTML, CSS e JavaScript: griglie, breakpoint, stati di hover e focus, testi più lunghi del previsto. Dove il mockup non dice cosa succede, te lo chiedo. In agenzia ho fatto questo lavoro per dodici anni.
Cosa consegnoPagine e componenti in HTML, CSS/Sass e JavaScript, responsive e navigabili da tastiera.
Con aziende che hanno un sito da fare o da rifare e preferiscono un solo interlocutore per design e sviluppo.
Con agenzie e art director che hanno già il progetto visivo e cercano un frontend che lo rispetti.
Con team che cercano una figura senior a cavallo tra UX/UI e codice, per un ruolo stabile o per un singolo progetto.
La prima conversazione serve a capire tre cose: cosa deve ottenere il sito, cosa esiste già (testi, immagini, identità) e chi decide. Se servono un CMS, integrazioni o la gestione del sito dopo la consegna, ne parliamo subito, così il perimetro è chiaro prima di cominciare.
Il metodo è quello che ho seguito per questo sito. Nel case study racconto le scelte una per una: identità, struttura, menu, frontend.
Leggi il case study del portfolioITALIA & SVIZZERA
Progetti web e collaborazioni con aziende, agenzie e team tra Lombardia e Canton Ticino.
05 / PARLIAMONE
Un ruolo UX/UI e frontend nel tuo team, oppure un sito da progettare. Raccontami da dove partiamo.
