App per la salute
UX di prodotto
Casi di studioModello di caso · Traditional
TraditionalMarchio di fiori · Sito concept
Servizi
Strumenti
Tecnologie utilizzate
Marchio di fiori · Sito concept
Traditional
Un concept web autonomo per Traditional, marchio di cannabis di Los Angeles. Abbiamo tradotto il carattere dei suoi packaging in pagine di varietà espressive, sostenute da un catalogo chiaro, formati prodotto e ricerca dei negozi.
Portare sul web il carattere del packaging
Il packaging di Traditional dà a ogni varietà colori e illustrazioni propri. Volevamo preservarne l’individualità in un sito che rendesse comprensibile anche l’assortimento: cos’è la varietà, in quali formati esiste e dove trovare il marchio.
Il nostro contributo
Abbiamo sviluppato concept del sito, architettura delle informazioni, design visivo e frontend. Packaging e immagini esistenti del marchio sono diventati il materiale di partenza per le nostre composizioni, tipografia, sistema cromatico e interazioni.
Abbiamo dato al sito due modalità complementari: pagine espressive per esplorare una varietà e un catalogo più pacato per confrontare l’assortimento. Una struttura comune permette a ogni varietà di mantenere l’identità nello stesso sito.
Un sistema, espressioni diverse
Ogni varietà combina packaging, palette e contenuti con una struttura riutilizzabile. Collezioni, formati e informazioni sui negozi collegano la storia visiva a un percorso pratico nell’assortimento.
01 / Direzione visiva
Lascia a ogni varietà il suo carattere.
Abbiamo trattato l’apertura di ogni varietà come un poster. Il packaging si sovrappone al nome enorme e colori e dettagli grafici si estendono a fondo e tipografia.
Mamba 24 abbina un fondo viola a scritte dorate materiche. Le altre varietà usano la stessa composizione con palette e immagini del packaging proprie. Abbiamo integrato la variazione nel sistema di pagine, così aggiungere una varietà non richiede un nuovo layout.
02 / Confrontare l’assortimento
Dai al confronto un ambiente più tranquillo.
Chi confronta più varietà ha bisogno di informazioni stabili e controlli chiari. Abbiamo collocato il catalogo su un fondo neutro, con filtri per linea, tipo e gusto e i dettagli della varietà selezionata accanto all’elenco.
I contatori dei filtri mostrano le scelte disponibili. Su desktop il pannello mantiene l’altezza quando cambia la selezione e i filtri restano nell’URL per condividere una vista precisa.
03 / Struttura del prodotto
Mantieni collegati la varietà e i suoi formati.
La stessa varietà può essere disponibile in barattolo, Minis o pre-roll. Abbiamo mantenuto queste opzioni nella pagina della varietà, dando a ogni formato la propria immagine del packaging e le misure.
Questo chiarisce la relazione prima che il visitatore segua un link a un negozio esterno. L’identità della varietà rimane; cambia il formato.
04 / Composizione mobile
Mantieni l’identità visiva su uno schermo più piccolo.
Abbiamo adattato il poster in una composizione mobile a tutta altezza, mantenendo insieme nome, confezione e colore. Il poster Milks conduce ai formati della stessa varietà.
Più in basso le schede dei formati si impilano in una colonna, con misure e azione successiva al loro interno. Il layout mobile mantiene l’apertura espressiva e la sequenza pratica che segue.
05 / Trovare un negozio
Collega l’esplorazione a un luogo.
La ricerca dei negozi è disponibile dall’intestazione di ogni pagina. Abbiamo riunito quattro sedi di Los Angeles in una mappa, con indirizzi, indicazioni e link alle relative pagine Weedmaps.
Il concept presenta l’assortimento e aiuta a trovare un negozio. Le azioni su prodotti e sedi portano a Weedmaps; il sito non ha un proprio pagamento.
Il risultato
Un concept completo del sito costruito intorno all’assortimento.
Il concept funzionante collega storie delle varietà, catalogo filtrabile, formati e negozi in un sistema visivo, adattato a desktop e telefono.
