BitBasel – Landing page della comunità NFT

Panoramica

Il sito web promozionale di una società NFT con sede a Miami

Bitbasel supporta i giovani artisti nell’offerta delle loro opere su diverse piattaforme di scambio di criptovalute e fornisce una gamma di servizi per gli investitori, inclusi investimenti nell’arte contemporanea e opportunità uniche per diventare parte della vasta comunità di CryptoArt. L’obiettivo principale del progetto era creare una versione aggiornata del sito web che riflettesse appieno l’unicità dell’azienda, la cultura degli eventi di Bitbasel Miami e che parlasse anche dei vantaggi e dei servizi offerti dall’azienda agli artisti e ai collezionisti, distinguendola dalle altre società NFT simili negli Stati Uniti.

Cliente

Bitbasel

Servizi

Audit UX
Ricerca
Wireframing
UI design
Illustrazioni 3D
Motion design
Sviluppo

Guardalo in diretta See live

BitBasel – Landing page della comunità NFT - Website Development - Photo 2

Nei dettagli

Lo sviluppo di un sito web promozionale.

Compiti

Il compito era quello di creare un design che soddisfi appieno due obiettivi: in primo luogo, mostrare l’intero elenco dei servizi forniti dall’azienda (promuovendo le opere degli artisti nella propria community, attrarre investitori per lo sviluppo dell’arte digitale) e, in secondo luogo, trasmettere l’atmosfera del futuro digitale, immergendo il pubblico target del sito web in un mondo incredibilmente high-tech. L’obiettivo era creare una navigazione user-friendly e comprensibile che consentisse agli utenti di trovare rapidamente le informazioni necessarie.

BitBasel – Landing page della comunità NFT - Website Development - Photo 3

BitBasel – Landing page della comunità NFT - Website Development - Photo 4

Soluzioni

Per raggiungere entrambi gli obiettivi, abbiamo condotto un’analisi approfondita dei siti web promozionali esistenti delle società NFT e degli scambi di criptovalute. Abbiamo esaminato i punti salienti, gli approcci e le soluzioni e abbiamo anche delineato i vantaggi e gli svantaggi di ciascuno dei concorrenti.

Dopo la ricerca sull’esperienza utente (UX), abbiamo concluso che la soluzione migliore era quella di separare ogni servizio in blocchi dedicati facilmente accessibili tramite il menu principale posizionato sul lato sinistro della pagina. Ciò ci ha permesso di sottolineare ulteriormente l’unicità dell’azienda.

Abbiamo creato un’illustrazione 3D che immergesse completamente l’utente nell’atmosfera del sito web. Abbiamo rappresentato le monete NFT su uno sfondo di palme a Miami durante il tramonto e abbiamo aggiunto un’animazione fluida e leggera delle foglie di palma che ondeggiano al vento.

Abbiamo sostituito le forme geometriche comunemente utilizzate e creato numerosi elementi asimmetrici come cornici per foto e oggetti, design esclusivo per pulsanti e link, titoli rappresentati e blocchi di testo in un nuovo modo, ispirato allo stile Cyberpunk.

BitBasel – Landing page della comunità NFT - Website Development - Photo 5

Avanzamento lavori

Dalla ricerca alla progettazione della piattaforma finale

Fase 1: Ricerca

Una parte fondamentale del lavoro è stata la ricerca dei concorrenti di Bitbasel, sia nello stato che a livello internazionale, tra le aziende che offrono una gamma simile di servizi. Dopo aver analizzato i punti di forza, gli approcci e le soluzioni, siamo riusciti a delineare i vantaggi e gli svantaggi di ciascun concorrente, e abbiamo anche sviluppato un approccio unico che avrebbe consentito all’azienda di distinguersi dai suoi rivali.

Fase 2: Architettura aggiornata

Dato che il nostro compito era quello di ridisegnare il vecchio sito web, aggiungendo nuovi blocchi di servizi e apportando aggiornamenti ai contenuti esistenti, abbiamo iniziato creando un mood board e dei prototipi per il futuro sito web, tenendo conto degli obiettivi del progetto e dei risultati della ricerca sull’esperienza utente (UX).

BitBasel – Landing page della comunità NFT - Website Development - Photo 6

BitBasel – Landing page della comunità NFT - Website Development - Photo 7

Fase 3: Moodboard

Prima di procedere con la creazione dei prototipi del sito web, abbiamo redatto un moodboard per definire lo stile visivo e la tavolozza dei colori, ottenendo l’approvazione sulla migliore opzione. Ci siamo ispirati a giochi e film che rappresentano lo stile della realtà digitale virtuale del futuro.

Fase 4: Wireframing

Al fine di avere una chiara comprensione della struttura delle pagine e di approvare i blocchi e le sezioni necessarie, abbiamo creato prototipi altamente dettagliati per ciascun blocco. Inoltre, abbiamo deciso di aggiungere nuovi blocchi unici, offrendo al cliente diverse opzioni per la home page.

BitBasel – Landing page della comunità NFT - Website Development - Photo 8

BitBasel – Landing page della comunità NFT - Website Development - Photo 9

Fase 5: Progettazione dell’interfaccia utente e kit dell’interfaccia utente

Dopo aver ottenuto l’approvazione dei prototipi, siamo passati alla fase successiva, ovvero la progettazione dell’interfaccia utente. Abbiamo sviluppato un design per i browser mobili, oltre alla versione web del sito. I componenti di progettazione sono stati inclusi nel kit dell’interfaccia utente per essere utilizzati dagli sviluppatori.

Fase aggiuntiva: Illustrazioni

Durante il processo di progettazione, abbiamo anche realizzato un’illustrazione 3D. Lo stile è stato selezionato per riflettere il contenuto del sito web e presentare una combinazione di colori coerente.

Fase 6: Sviluppo e supporto del sito web

L’ultima fase ha riguardato lo sviluppo del sito web da parte del nostro team, utilizzando i layout e il kit dell’interfaccia utente creati in precedenza. Il sito web è stato sviluppato su Next.js, includendo anche ottimizzazione SEO, grazie al contributo di un team di sviluppatori frontend, backend e devops. Prima del lancio, il sito web è stato sottoposto a un rigoroso processo di test QA. Abbiamo redatto una specifica separata per trasferire correttamente le informazioni sulle animazioni dell’interfaccia del sito web agli sviluppatori.

Inoltre, forniamo supporto tecnico post-sviluppo, poiché l’azienda rilascia frequenti aggiornamenti e nuovi eventi che vengono visualizzati sul sito web.

BitBasel – Landing page della comunità NFT - Website Development - Photo 10

BitBasel – Landing page della comunità NFT - Website Development - Photo 11

BitBasel – Landing page della comunità NFT - Website Development - Photo 12

BitBasel – Landing page della comunità NFT - Website Development - Photo 13

Risultati

Abbiamo portato l'interfaccia aggiornata del sito web di Bitbasel, la prima comunità CryptoArt al mondo.

Durante il nostro lavoro su questo progetto, abbiamo adottato soluzioni visive audaci e memorabili, aumentando la consapevolezza del marchio. Ciò ci ha permesso di attrarre molti nuovi utenti interessati ai servizi dell’azienda. Abbiamo sviluppato un concetto unico e presentato con fiducia la versione aggiornata dell’azienda Bitbasel, che sta rapidamente espandendosi in tutto il mondo.

Schermate adattati

Mese

Persone

Nostri business cases

Più business cases

Lavoriamo con una vasta gamma di clienti, tra cui piccole startup e grandi aziende.