Brand identity + UX/UI / 2021

oopz.

Serve una mano?

Un nuovo linguaggio visivo e un’interfaccia ripensata per un’app che mette in contatto chi ha bisogno di un aiuto e chi può offrirlo. Il valore di una comunità, un gesto alla volta.

Interfaccia OOPZ per pubblicare una richiesta di aiuto Homepage ridisegnata dell'app OOPZ Schermata notifiche OOPZ
Scorri per scoprire ↓
01 / Il progetto

Un piccolo aiuto.
Un legame reale.

OOPZ è un’app pensata per la sharing economy: mette in relazione persone che hanno bisogno di un aiuto occasionale con altre disponibili a offrirlo, anche in cambio di una piccola ricompensa.

Nel mio progetto di tesi triennale ho ripensato l’identità visiva e l’esperienza d’uso, cercando un punto d’incontro tra chiarezza, prossimità e fiducia. Il redesign propone una navigazione più leggibile, profili ricchi di informazioni e un percorso più semplice dalla richiesta alla risposta.

AmbitoVisual Identity · UX/UI
Strumento UIFigma
ContestoProgetto di tesi · 2021
02 / Brand identity

Due mani,
un incontro.

Il marchio unisce il gesto della mano alla forma del pin: il concetto di aiuto diventa anche un segno di vicinanza geografica.

Simbolo OOPZ: due mani stilizzate che formano un segnaposto
Il simbolo / il sistema

Un'identità
che si riconosce.

Il segno combina due mani che si incontrano in una forma compatta, ispirata ai segnaposto digitali. Blu profondo e verde acqua rappresentano i due lati dello scambio: chi chiede e chi offre aiuto. Il lettering completa il marchio con una geometria morbida e contemporanea.

03 / UX e UI design

Dall'esigenza
alla connessione.

Tre momenti di un percorso ripensato: pubblicare una richiesta, trovare chi può aiutare, consolidare la fiducia attraverso profili e feedback.

01 / Dalla necessità alla richiesta

Racconta quello che ti serve.

Una scheda guidata permette di indicare categoria, luogo, data e ricompensa. Le informazioni sono raggruppate per ridurre l'attrito e rendere la richiesta facile da leggere.

Scegli la categoriaAggiungi i dettagliPubblica l'Oopz
Form OOPZ per pubblicare una richiesta di aiutoSchermata OOPZ di scelta dei candidati per un aiutoSchermata feedback OOPZ con valutazioni degli utenti
04 / Screen library

L'app,
da vicino.

UI OOPZ: benvenuto e login
UI OOPZ: menu e navigazione principale
UI OOPZ: profilo con competenze e recensioni
UI OOPZ: conferma pubblicazione richiesta
UI OOPZ: pannello filtri per selezionare data, distanza e categoria
UI OOPZ: dettaglio aiuto e possibilità di lasciare feedback
UI OOPZ: stato della richiesta in corso

Schermate tratte dal prototipo grafico del progetto di tesi. Esplorabili con frecce, mouse o scorrimento touch.

05 / Il linguaggio visivo

Un sistema
riconoscibile.

Dal marchio alla grafica applicata: una grammatica di forme ripetibili, otto tonalità e due pattern pensati per far dialogare app e comunicazione.

#455063
#3E4859
#1C2839
#717C91
#00BFA5
#00AC94
#008E76
#5DF2D6
Pattern ripetuto composto da marchi OOPZ blu e turchese
Pattern 01 / Il simboloRipetizione del pin
Pattern OOPZ con cerchi nelle tonalità della palette
Pattern 02 / Il ritmoModulo circolare
UI typography / CarlitoServe una mano?
Logo lettering / Dome Circle
riprodotto nelle tavole originali
06 / Applicazioni

Un’identità
oltre lo schermo.

Il progetto si estende alla comunicazione, ai supporti stampati e ai gadget. Le immagini mostrano visualizzazioni e mockup di progetto.

Mockup insegna esterna con logo OOPZ
Insegna / Exterior
Biglietti e card OOPZ con marchio e pattern
Identità / Card
Badge aziendali OOPZ con cordini e grafica turchese
Badge / Team
Materiali promozionali OOPZ con slogan Serve una mano
Comunicazione
Mockup merchandising OOPZ con t-shirt, shopper e tazza
Merchandise
Mockup del logo OOPZ su parete interna
Segnaletica / Interior
Seconda variante di shopper maglietta e tazza OOPZ
Gadget / Sistema