Introduzione
BCDEx è un protocollo di scambio P2P che abilita DeFi nativa su BTC e NFT, permettendo agli sviluppatori di costruire dApp sulla sua infrastruttura. Xervum ha ricevuto l'incarico di ridisegnare logo, landing page e demo app, con l'obiettivo di rendere il prodotto più attraente sia per sviluppatori che per investitori.
Introduzione
“Quanto velocemente riesci a lavorare?”
Progettare un'app in 3 giorni.
Obiettivo
Per testare il protocollo BCDEX e mostrarne le capacità, il team aveva costruito una demo app. Aveva anche deciso di partecipare al Demo Day Web3.0 di Hong Kong per sondare l'interesse del pubblico e trovare potenziali investitori.
L'app esistente, però, aveva un aspetto affrettato e macchinoso. All'evento non avrebbe fatto una bella figura. Avendo già collaborato in passato, il team BCDEX ha chiesto una mano per darle una ripulita.
Sfide
Il Demo Day Web3.0 di Hong Kong era a due settimane di distanza, e per il design c'erano solo 3 giorni. Serviva uno stile visivo con il massimo impatto e il minimo sforzo, veloce da sviluppare. Dopo un rapido confronto, la scelta è caduta su un design minimalista in bianco e nero. Elegante e affidabile. Per fronzoli come gradienti, ombre e simili non c'era proprio tempo.
L'app esistente dava anche per scontato che gli utenti sapessero già usarla. Risultato: utenti persi, confusi, che si chiedono a che cosa serve la piattaforma. Non c'era tempo per un rifacimento completo, ma qualche intervento mirato sulla UX ha reso l'esperienza meno faticosa. Cose semplici come gerarchia visiva, prossimità tra elementi, etichette e tooltip possono fare una differenza enorme.
Risultato
Il demo day non è stato vinto, ma la demo app ha suscitato curiosità tra il pubblico e aperto conversazioni interessanti con alcuni VC.
L'interfaccia esistente mancava di coerenza e di cura generale. Non riusciva a trasmettere quel senso di sicurezza e affidabilità che nella DeFi è fondamentale.
Messaggi di successo e di errore
Layout a 2 colonne su schermi grandi
Layout a colonna singola su dispositivi mobili
Scansione codice QR
Mentre la nuova interfaccia veniva sviluppata, c'è stato il tempo di progettare anche un banner per l'evento.
Brand Design
A Logo with an Appetite
Obiettivo
Dopo il riscontro positivo dall'evento di Hong Kong, il team ha deciso di disegnare un logo vero e proprio per il protocollo BCDEX. L'obiettivo era aiutarlo a posizionarsi come punto di riferimento nella DeFi su Bitcoin fin dall'inizio.
Essendo BCDEX legato a doppio filo con la rete BTC, aveva senso includere nel design un richiamo al logo Bitcoin. Sulle spalle dei giganti.
Concept Iniziali
Idea
Il team aveva già un'idea in testa: come Pac-Man ha un debole per i fantasmini pixelati, Bitcoin (con l'aiuto di BCDEX) rosicchia la quota di mercato DeFi di Ethereum.
Concept A
Seguendo lo spunto di Pac-Man, il tentativo è stato fondere il logo BTC con Pac-Man. Il risultato: la testa di un uccello che mangia token ERC-20, rappresentati da una versione semplificata del logo Ethereum.
Concept B
Una linea continua crea una forma ispirata al logo Bitcoin, modificata per integrare due frecce che rappresentano la natura del protocollo: convertire asset da e verso la rete Bitcoin.
Concept C
In questo design minimalista, il logo Bitcoin si fonde con le candlestick, un elemento familiare a qualsiasi trader. Queste rappresentazioni grafiche sono parte essenziale di ogni piattaforma di scambio: basta guardare il logo per capire subito di cosa si occupa BCDEX. A volte le cose semplici funzionano meglio.
Look finale
Il team ha preferito il concetto A, e Pac-Man è sopravvissuto. In più, l'estetica bianco e nero della demo app è stata riciclata anche per il brand del protocollo. Dopo qualche rifinitura, ecco il risultato finale.
Landing page design
Una pagina, nessuna vita extra necessaria
Introduzione
Con la dApp e il logo aggiornati, era il momento di passare alla landing page. Il team ne aveva già una ma, pur mostrando la demo app, non riusciva a presentare il vero protagonista: il protocollo.
Obiettivo
Serviva un'unica pagina promozionale capace di promuovere il protocollo agli investitori, attirare sviluppatori e market maker, spiegare il funzionamento agli utenti DeFi e portare i visitatori a provare la demo app.
Sfide
Mancanza di testi. Il progetto era ancora in fase iniziale: il materiale comunicativo e la documentazione disponibili erano quasi zero.
Una pagina, più tipi di utenti. Utenti DeFi generici, market maker, sviluppatori, investitori.
Una pagina, 2 prodotti. Il protocollo e la demo app.
Risultato
La pagina è stata divisa in sezioni logiche, seguendo una sequenza precisa. Ogni sezione era rivolta a un gruppo specifico e aveva una sua call to action dedicata. Anche i testi sono stati pensati per essere semplici, interessanti ed efficaci.
Le infografiche aiutano a spiegare come funziona il protocollo.
Pagina divisa in sezioni logiche, ognuna con un obiettivo specifico.
Testi semplici ed evocativi.
