L'obiettivo e le persone
Obiettivi aziendali, persone che usano il prodotto e attività che devono completare. Insieme definiamo le priorità e l'ambito della prossima versione.
Risultato: brief di prodotto, priorità e ipotesi.
ServiziDesign di prodotto
Design di prodotto
Un lavoro che comincia prima delle schermate: l'obiettivo, il pubblico, il modello di prodotto, gli scenari chiave e l'interfaccia centrale. SKARR.PRO aggiunge ipotesi testate e modelli di prodotto alternativi.
Prima delle schermate.
Il prodotto in sé.
Potresti partire da un'idea, migliorare un prodotto esistente o realizzare una nuova funzionalità. Trasformiamo questo punto di partenza in un modello di prodotto, un'interfaccia centrale e, se concordato, codice funzionante.
Da una domanda aperta
a un prodotto funzionante.
La strategia di prodotto, il design dell'interfaccia e lo sviluppo restano connessi. Le decisioni che prendiamo insieme si riflettono nel software utilizzato dalle persone.
Concordiamo l'ambito all'inizio, rivediamo insieme le decisioni fondamentali e rivalutiamo le ipotesi quando il lavoro porta alla luce nuovi elementi.
Se il prodotto è già definito e servono le sue schermate, i flussi e gli stati, esplora Design UX/UI.
Gli aspetti che affrontiamo
insieme a te.
Ogni fase trasforma una domanda aperta in una decisione su cui possiamo costruire.
Il modello di prodotto e gli scenari chiave
Cos'è il prodotto, come crea valore e quali percorsi sono più importanti. Organizziamo le informazioni necessarie alle persone in ogni passaggio e le decisioni che prendono lungo il percorso.
Risultato: percorsi utente e fondamenta strutturali del prodotto.
L'interfaccia centrale
Le schermate in cui il prodotto offre il suo valore: il carattere visivo, la gerarchia e gli stati associati a ogni azione. Con SKARR.PRO, le ipotesi e i modelli alternativi vengono testati sui prototipi prima di prendere una decisione.
Risultato: l'interfaccia centrale, definita su schermate reali.
Il sistema che la circonda
Componenti, tipografia e comportamenti che mantengono la coerenza in tutto il prodotto. SKARR copre gli elementi centrali; SKARR.PRO estende il sistema per supportare le funzionalità future.
Risultato: un design system delle dimensioni richieste dal prodotto.
Nel codice, se concordato
La parte centrale può essere progettata direttamente in React: un prototipo interattivo per verificare gli scenari oppure un'interfaccia funzionante con il comportamento concordato. Figma non è un passaggio intermedio obbligatorio.
Risultato: un prototipo interattivo in React o un'interfaccia React funzionante, secondo l'ambito concordato.
Una prospettiva più ampia.
Una prossima mossa più chiara.
Un'attività rapida su mobile e uno spazio di lavoro di gruppo richiedono modi diversi di organizzare le informazioni.
App sanitaria.
Stato, dettagli e azioni in un'unica struttura.
Per le app web e le dashboard, riuniamo stato, dettagli e azioni in un'unica struttura chiara. Il team vede cosa richiede attenzione, apre il contesto e porta avanti il lavoro.
Un concept visivo con dati di esempio per un prodotto in fase di sviluppo. L'app bancaria qui sopra mostra lo stesso approccio su uno schermo piccolo.
Scopri come si svolge il lavoroUna struttura di prodotto.
Una base su cui costruire.
Ricevi un modello di prodotto chiaro, gli scenari chiave e l'interfaccia centrale: come file di design o, se concordato, come prototipo interattivo in React o interfaccia React funzionante.
Le iterazioni successive, un design system più ampio e lo sviluppo di funzionalità aggiuntive vengono concordati come passo successivo.
Come si svolge
il lavoro.
Quattro fasi, ognuna delle quali si conclude con una decisione su cui possiamo costruire.
01
Analisi e ricerca
Esaminiamo l'azienda, le persone e il contesto d'uso: analisi aziendali e di prodotto, ricerca sugli utenti, analisi comparativa della concorrenza e audit di prodotto, scelti in base alle questioni più importanti. Il risultato è un brief di prodotto, con priorità e ipotesi.
02
Struttura e prototipazione
Architettura delle informazioni, navigazione, gerarchia dei contenuti e flussi utente. I prototipi ci permettono di esaminare gli scenari principali e la logica delle interazioni importanti prima del design dettagliato. Con SKARR.PRO, i modelli di prodotto alternativi vengono prototipati e confrontati.
03
Concept visivo e interfaccia centrale
Esploriamo l'aspetto, la sensazione e il comportamento che il prodotto dovrebbe avere, mostriamo la direzione su schermate rappresentative e sviluppiamo l'interfaccia centrale con contenuti realistici, dimensioni dello schermo e stati associati a ogni azione.
04
Sviluppo, test e consegna
Se concordato, sviluppiamo l'ambito in React, testiamo i percorsi e gli stati chiave e confrontiamo il risultato con il design. Ricevi i file, il codice sorgente e le note di configurazione concordati.
Scegli il livello di approfondimento
richiesto dal tuo prodotto.
Entrambe le opzioni coprono il lavoro di prodotto mensile. La tabella mostra cosa include ciascun livello.
| Caratteristica |
SKARR
Schermate progettate su misura. Un linguaggio visivo tutto tuo.
$7,000 / al mese
per mese di lavoro
Acquista SKARR
Pagamento sicuro con Stripe |
SKARR.PRO
Più profondità e cura dei dettagli in tutta l’esperienza, in ogni punto di contatto.
$12,000 / al mese
per mese di lavoro
Acquista SKARR.PRO
Pagamento sicuro con Stripe |
|---|---|---|
| Su cosa lavoriamo | ||
| Punto di partenza | Punto di partenza Un prodotto con una direzione chiara. L'obiettivo, il pubblico e l'ambito della prossima versione vengono definiti insieme. | Punto di partenza Un prodotto il cui modello è ancora da definire. Si esaminano diverse direzioni prima di sceglierne una. |
| Modello di prodotto e scenari | Modello di prodotto e scenari Un modello di prodotto e gli scenari chiave di cui ha bisogno. | Modello di prodotto e scenari Confronto tra modelli di prodotto alternativi e analisi degli scenari chiave per quello scelto. |
| L'interfaccia centrale | L'interfaccia centrale Le schermate centrali, progettate con la loro gerarchia, i loro stati e il loro carattere visivo. | L'interfaccia centrale Le schermate centrali, con ipotesi testate sui prototipi prima del design dettagliato. |
| Livello di approfondimento | ||
| Ricerca | Ricerca Analisi aziendali e di prodotto, ricerca sugli utenti e audit di prodotto, scelti in base alle questioni più importanti. | Ricerca Le stesse ricerche, con analisi comparativa della concorrenza e ulteriori studi quando servono a rispondere a domande aperte. |
| Design system | Design system Componenti, tipografia e comportamenti per l'interfaccia centrale. | Design system Un sistema esteso, predisposto per supportare le funzionalità future. |
| Iterazioni | Iterazioni Decisioni chiave riviste insieme in ogni fase. | Iterazioni Più iterazioni sul modello, sugli scenari e sui dettagli dell'interfaccia. |
| Collaborazione | ||
| Lavoro mensile | Lavoro mensile Lavoro di prodotto per il mese. Ambito e risultati attesi vengono concordati prima dell'inizio. | Lavoro mensile Lavoro di prodotto per il mese al livello scelto. Ambito e risultati attesi vengono concordati prima dell'inizio. |
| Design nel codice | Design nel codice Gli elementi centrali come file di design o, se concordato, come prototipo interattivo in React. | Design nel codice Gli elementi centrali come file di design, prototipo interattivo in React o interfaccia React funzionante, secondo quanto concordato. |
| Cosa ricevi | Cosa ricevi Il brief di prodotto, i percorsi utente, l'interfaccia centrale e i materiali di consegna concordati. | Cosa ricevi Gli stessi elementi, con le ipotesi testate, i modelli confrontati e il sistema esteso. |
Prima
di iniziare.
Servono i file Figma o è possibile progettare il prodotto direttamente nel codice?
Sono possibili entrambe le opzioni. Il prodotto può essere progettato in Figma oppure direttamente in React come prototipo interattivo. Concordiamo il formato all’inizio, in base a come il tuo team esaminerà il lavoro e lo porterà avanti.
In cosa si differenzia dal design UX/UI?
Il design UX/UI interviene su un prodotto già definito: sulle sue schermate, sui flussi e sugli stati. Il design di prodotto inizia prima, partendo dall’attività, dal pubblico e dal modello del prodotto, e da lì definisce l’interfaccia principale.
Il design di prodotto include lo sviluppo?
Dove concordato, il prodotto può essere realizzato in React come prototipo interattivo o interfaccia funzionante. Lo sviluppo completo dell’applicazione, il lato server e le integrazioni vengono definiti separatamente.
Sostituisce le ricerche di mercato?
No. Analizziamo l’attività, le persone e il contesto d’uso per prendere decisioni sul prodotto. Le ricerche di mercato formali non rientrano in questo lavoro.
Cosa succede dopo il mese?
Esaminiamo insieme i risultati e concordiamo il passo successivo: ulteriori iterazioni, un sistema più ampio o lo sviluppo di funzionalità aggiuntive.
Hai ancora domande?
Parliamo del tuo prodotto