Product Design

Design systems, UX patterns, motion, accessibility, design tokens, Figma to code workflows.

Pagina 3 di 4

A phone, a tablet and a monitor side by side, each holding the same eight rows of text in stepped sizes, white guide lines running level through all three

Design

Scala tipografica per UI di prodotto: dimensioni che reggono ovunque

Costruisci una scala tipografica di 7-9 dimensioni, nominate come token, che regge dal telefono a 320px al monitor a 1440px e sopravvive allo zoom al 200%. I numeri esatti e i limiti.

Six lit steps rising from left to right toward a large lit tile, dots of users standing on each step, a few faded dots falling below the first ones

Design

Onboarding UX: i pattern che riducono l'abbandono iniziale

L'attivazione media di un SaaS si ferma al 37,5%. Sei pattern di onboarding, dagli empty state alle checklist, per arrivare al primo valore più in fretta.

Two lines on a chart, a rising one and a flat one, each bright only where it is lower, crossing at a ringed point, a cluster of small tiles and one single tile at their ends

Design

Design system interno o con agenzia: quando conviene ciascuno

Un responsabile interno per il design system costa 145-185k dollari l'anno; un retainer d'agenzia 5-15k al mese. Ecco quando conviene ciascuno.

A large circle split down the middle: its left half a loose mosaic of small dark and white tiles scattering outward, its right half one smooth glowing white surface

Design

Craft ibrido: AI e mano umana nel design nel 2026

Il report Figma 2026 mette l'AI generativa nel 72% dei flussi di design. Il craft ibrido divide il lavoro: l'AI abbozza, la persona tiene gusto, brand e rifinitura.

Three rows of twelve tiles, small, medium and large, the middle row lit, beside a vertical scale with three white segments

Design

Prezzi del retainer di product design nel 2026: le fasce reali

Nel 2026 un retainer di product design va da circa 2.000 a 30.000 dollari al mese. Cosa contiene ogni fascia e quando conviene rispetto a un progetto chiuso.

A dot plot with three humps of dots in rising shades from grey to white above a range slider with two white handles and a lit track

Design

Quanto costa un sito SaaS nel 2026: guida ai prezzi per fondatori

Il sito di un SaaS B2B nel 2026 costa da 5.000 a 150.000 dollari. A muovere la cifra: freelance, studio o agenzia, e quanto è chiaro il posizionamento.

On a white ground, three rows of monthly bars: one tall block then empty months, twelve equal bars, and twelve bars split in two with the lower part growing

Design

Design system nel 2026: prezzi di progetto, retainer e proprietà condivisa

Un design system costa dai 5.000 ai 60.000 euro e oltre, poi va mantenuto. Confrontiamo i prezzi di progetto, retainer e proprietà condivisa, e quale conviene.

A clean dashboard window with three summary cards and one lit chart, folded rows beneath, and a crowd of faint widget shapes behind it

Design

Design di dashboard SaaS: mostrare i dati senza sommergere l'utente

Molte dashboard SaaS falliscono perche mostrano tutto insieme. Ecco il layout che parte dalla sintesi, il limite di widget e la divulgazione progressiva che orienta chi legge.

Three stacked isometric planes: a dense grid of colour swatches at the bottom, a few tiles in the middle, one component card on top, joined by a lit line

Design

Convenzioni di naming dei design token: un sistema a 3 livelli

Uno schema a tre livelli (primitivo, semantico, di componente) tiene stabili i nomi dei token mentre il sistema cresce. Come strutturare e nominare ogni livello.

A row of six identical white components above, and below it six copies that tilt, shift and fade further each time, each with a dashed outline of the original over it

Design

Component drift: come un design system si degrada e come scoprirlo

Solo l'8% dei team ha un design system stabile. La deriva dei componenti e il divario tra cio che progetti e cio che va in produzione. Ecco come scoprirla.

Seven stacked tiers narrowing upward, the lower four lit in white and the upper three in dashed outline, a zigzag line climbing through them in order

Design

Struttura di un design system: le 7 categorie e l'ordine

Un design system regge o cede a seconda dell'ordine in cui ne costruisci le parti. Le sette categorie che servono e la sequenza giusta.

Four groups of lit tile columns growing toward a dashed ceiling, cut back between groups, with dashed outlines where tiles were removed and dark tiles falling below

Design

Perché rimuoviamo componenti invece di aggiungerli: la dieta del design system

La maggior parte dei design system cresce finché non si rompe. Trattiamo il conteggio dei componenti come un numero da tenere basso. Le regole che usiamo per potarlo ogni trimestre.

Torna agli Appunti