Progettazione app / Case study UI/UX
Progettare una social app in cui i creator possono acquistare visibilità sui post di tendenza e monetizzare i propri contenuti: dall'idea del VIR ai flussi di pagamento.
Il prodotto
Virality System è una piattaforma social pensata per creator e utenti che vogliono aumentare la visibilità dei propri contenuti e trasformare l'engagement in opportunità economiche.
Il cuore del prodotto è il sistema VIR: uno spazio media acquistabile sopra un post di tendenza. Chi lo acquista può dare visibilità a un proprio contenuto; il creator che ospita il VIR può monetizzare quello spazio.
La sfida
La sfida era introdurre una meccanica nuova dentro un'interfaccia social familiare, senza appesantire feed, profili, creazione contenuti e flussi di pagamento.
Il VIR doveva essere evidente, desiderabile e comprensibile al primo utilizzo, ma senza oscurare il contenuto originale su cui viene posizionato.
Il brief
Il brief richiedeva un'app contemporanea, intuitiva e coerente con brand guideline già definite, capace di rendere il sistema VIR il vero elemento distintivo della piattaforma.
Metodo
Le piattaforme social vivono di loop continui: scoperta, interazione, creazione, profilo, notifiche, acquisto e ritorno al feed. Abbiamo scomposto questi percorsi con un lavoro di reverse engineering sui pattern social più riconoscibili, poi li abbiamo ricomposti attorno alla meccanica proprietaria del VIR.
Analisi
I wireframe a bassa fedeltà si sono concentrati sulle funzionalità nuove: presentazione del VIR e percorso di acquisto dello spazio media. Per le interazioni social più comuni, il riferimento erano i modelli già familiari agli utenti. Questa fase ha permesso di esplorare la gerarchia delle informazioni e i passaggi del pagamento prima di definire l'aspetto delle schermate.
UI Design
Una social app non vive solo di schermate: vive di ritmo, micro-interazioni, feed, profili, commenti, avatar e stati che devono restare chiari anche quando il contenuto cambia continuamente. Messaggi, commenti e avatar sono stati costruiti come elementi facilmente modificabili, per verificare rapidamente le schermate con contenuti diversi. Pulsanti e componenti introducono un tono vivace anche nei percorsi di creazione e nelle impostazioni, nel rispetto dell'identità del brand.
Onboarding
La registrazione è stata progettata per richiedere pochi dati e rendere semplice il primo accesso. Un'immagine introduttiva e un messaggio sul valore della piattaforma accompagnano l'utente: l'obiettivo era invogliarlo a iniziare senza appesantire il percorso con richieste superflue.
Prodotto
Ogni card del feed può aprire percorsi diversi: visualizzazione, profilo, commenti, azioni social, VIR collegati e possibili step di monetizzazione. Abbiamo documentato questi scenari per rendere chiaro il comportamento dell'interfaccia in ogni punto sensibile.
Meccanica chiave
Il VIR compare sopra il post che lo ospita. Per definirne dimensioni e posizione, il design è stato esplorato su esempi di contenuti popolari nei feed di altre piattaforme: lo spazio acquistato doveva essere riconoscibile senza mettere in secondo piano il post originale.
Il lavoro ha riguardato anche le informazioni presenti nella card e le azioni disponibili al tocco. Posizionamento, contenuto e interazioni dovevano spiegare insieme una funzione che gli utenti non avevano ancora incontrato.
Checkout flow
Aggiungere un VIR significa gestire due flussi: configurazione dello spazio media, con contenuto e durata, e checkout, con saldo wallet o pagamento tradizionale. Configurazione e pagamento sono stati trattati come momenti distinti, per rendere comprensibili le scelte prima dell'acquisto. La schermata di conferma conclude il percorso con un riscontro chiaro e visivamente gratificante.
L'esperienza completa
La qualità del prodotto non dipendeva solo dalle schermate principali. Le aree secondarie dovevano sostenere fiducia, continuità d'uso e implementazione fedele.
Il percorso di chi ospita un VIR ha esigenze diverse da quello di chi lo acquista: stabilire il prezzo dello spazio e prelevare i ricavi. Il design comprende anche messaggi di feedback per i possibili problemi durante il pagamento o il prelievo, così che l'utente possa capire l'esito dell'operazione.
La modalità scura è stata sviluppata come variante coerente dell'interfaccia, con attenzione all'uso in ambienti poco illuminati. Il lavoro ha riguardato contrasto, leggibilità e adattamento degli elementi visivi, mantenendo riconoscibile l'identità di Virality System.
Il profilo è uno spazio di presentazione personale e un punto di partenza per nuove interazioni. La gerarchia delle informazioni è stata pensata per funzionare con pochi contenuti o con una raccolta più ampia, sia quando si visita il proprio profilo sia quando si esplora quello di un altro utente.
I file di progetto documentano le differenze tra le schermate e l'evoluzione dei flussi dopo ogni interazione. Questa consegna aiuta gli sviluppatori a interpretare il comportamento previsto e a riprodurre con fedeltà il design, rispettando le esigenze del brand.
Il progetto
Il progetto riunisce feed, profili e percorsi di monetizzazione in un'interfaccia social riconoscibile. La modalità di visualizzazione dedicata alla viralità e il sistema VIR danno al prodotto la sua identità, mentre le schermate e i flussi documentati offrono un riferimento per lo sviluppo.
Approccio
La semplicità non nasce togliendo funzionalità, ma rendendo leggibile ciò che conta: obiettivo dell'utente, azione successiva, feedback e impatto economico.
In Virality System il lavoro di UX/UI ha bilanciato familiarità e differenziazione: abbastanza vicino ai social già noti da essere immediato, abbastanza distintivo da valorizzare il sistema VIR.
Se stai progettando un'app con meccaniche proprietarie, monetizzazione o flussi complessi, possiamo aiutarti a trasformarla in un prodotto chiaro, adottabile e pronto per lo sviluppo.
Il tuo prossimo progetto
Stai progettando un'app o una piattaforma digitale? Mettiamo a fuoco utenti, funzionalità e obiettivi per dare una direzione concreta al tuo prodotto.
Obiettivi chiari. Una proposta su misura.