Storia cliente · John Pavulon

“Quello che prima richiedeva una settimana ora richiede un paio di serate.

John sapeva esattamente come doveva sentirsi BarthMoney. OpenDesign gli ha dato in pochi secondi idee visive di qualità produttiva — e un’interfaccia rifinita e usabile che poteva portare nel codice.

In minuti
una direzione visiva coerente da cui partire
60–70%
di tempo di prototipazione UI in meno
In giorni
per portare la direzione UI principale in Flutter
Dopo il lavoro

Ogni serata passata a spostare margini era una serata in cui l’app non si muoveva.

John lavora nella direzione creativa e nei sistemi visivi, non nel software a tempo pieno. Dopo il lavoro rivolge quell’istinto visivo alle proprie app concrete. Per questo ogni ora conta.

BarthMoney è nato da un punto di vista chiaro: le finanze personali dovrebbero risultare calme e immediate. Le alternative che John vedeva erano fogli di calcolo cresciuti a dismisura oppure pieni di pubblicità. Voleva un’app mobile mirata, in cui registrare una spesa del giorno fosse rapido, chiaro e senza distrazioni.

John sapeva che l’interfaccia aveva bisogno di quella che lui chiama “un’anima”. Il muro era trasformare quella direzione in una UI mobile coerente e realizzabile. Una tela bianca in Figma, o una UI scritta direttamente nel codice, possono divorare serate intere tra colori, spaziature e allineamenti prima che il prodotto si sia mosso di un millimetro.

Fissare una tela bianca in Figma o scrivere layout di UI da zero nel codice richiede un’eternità quando lavori da solo dopo l’orario.
John Pavulon · sviluppatore solo
La prima svolta

Un solo prompt è diventato un linguaggio visivo su cui costruire.

John è partito dalla sensazione e dallo scopo della schermata: “una dashboard delle spese moderna in dark mode, con ripartizione per categoria.” Il risultato non era solo una bella dashboard. Ha fissato le superfici scure, gli accenti oro, la gerarchia degli importi e due percorsi distinti per l’inserimento assistito dall’IA e quello diretto.

Tre stati completi del prototipo interattivo di BarthMoney: dashboard, conferma di spesa assistita dall’IA e aggiunta rapida offline
Dal prototipo interattivo pubblico di John: dashboard, conferma assistita dall’IA, aggiunta rapida offline.
Il metodo di lavoro

Il mockup è diventato una specifica su cui costruire.

John non chiede a un solo agente di inventare il prodotto da cima a fondo. Dà a ogni strumento un compito chiaro e tiene per sé le decisioni di prodotto.

01 · IntentoDescrivere la sensazione.

Scopo della schermata, gerarchia, atmosfera e vincoli nascono in linguaggio comune.

02 · OpenDesignRenderlo visibile.

John rifinisce l’HTML e il CSS generati finché l’interfaccia non ha una direzione coerente.

03 · SistemaFissare il riferimento.

Componenti, spaziature, colori e gerarchia diventano una specifica visiva condivisa.

04 · Cursor + FlutterCostruire il prodotto.

La struttura diventa widget modulari e logica applicativa nel codice di John.

OpenDesign dirige l’interfacciaJohn dirige il prodotto
Flusso ricostruito dal racconto scritto di John.
Oltre la schermata rifinita

L’IA è opzionale. La conferma no.

La cosa più forte di BarthMoney non è il numero di schermate. È l’insieme di decisioni che le collega: quando l’automazione aiuta, quando deve farsi da parte e che cosa promette il prodotto prima che l’utente abbia inserito qualcosa.

Assistito dall’IA

Prima suggerire, poi chiedere.

La chat riconosce spesa, categoria e tasso di cambio — ma la conferma finale resta all’utente.

Offline prima di tutto

Una via diretta resta sempre aperta.

Quick Add funziona senza IA e senza account cloud, perché velocità e privacy contano più del teatro dell’automazione.

Primo utilizzo

Lo stato vuoto è una promessa.

Prima ancora che ci siano dati, BarthMoney spiega che cosa resta in locale e offre una prima azione inequivocabile.

I flussi su più schermate e lo stato condiviso richiedono ancora più lavoro — proprio la parte che John vorrebbe OpenDesign rendesse più semplice.

Che cosa è cambiato

La risorsa scarsa non sono mai state le idee. Era il tempo senza interruzioni.

John stima che OpenDesign abbia ridotto il suo tempo di prototipazione UI del 60–70 %. Una settimana di lavoro visivo è diventata un paio di serate, e la direzione UI principale era pronta per Flutter pochi giorni dopo l’idea iniziale.

Il guadagno non è stato solo velocità. Ha dato a chi costruisce dopo il lavoro abbastanza sicurezza visiva da smettere di girare intorno all’interfaccia e tornare all’unica cosa che poteva fare lui: decidere che cosa dovesse diventare BarthMoney.

BarthMoney non è rimasto un caso isolato. John ha usato OpenDesign anche per progettare il portfolio dove quel lavoro vive oggi — un altro modo di trasformare una direzione visiva in qualcosa di concreto.

Il verdetto
“Se sei uno sviluppatore solo o un indie hacker senza un designer dedicato, OpenDesign è il tuo vantaggio sleale.
— John Pavulon, sviluppatore solo · “Così puoi concentrarti su costruire e rilasciare.”
P.S. · Costruisce ancora dopo il lavoro
Il builder BartX di John in locale, con un esperimento di landing page cyberpunk
La didascalia di John era semplice: “il mio side project lol.” BartX, in esecuzione in locale, è un altro scorcio delle interfacce strane e molto specifiche che continua a costruire dopo il lavoro.
Tocca a te

Tira fuori l’interfaccia dalla testa — e portala nel build.

OpenDesign è gratuito, open source e gira sulla tua macchina con le tue chiavi.

OpenDesign Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS e Windows