Application de santé
UX produit
Études de casModèle d’étude de cas · Traditional
TraditionalMarque de fleurs · Site conceptuel
Services
Outils
Technologies utilisées
Marque de fleurs · Site conceptuel
Traditional
Un concept de site réalisé de notre initiative pour Traditional, marque de cannabis de Los Angeles. Le caractère de ses emballages devient des pages de variétés expressives, soutenues par un catalogue clair, les formats et un localisateur de boutiques.
Transposer le caractère des emballages sur le web
Les emballages de Traditional donnent à chaque variété couleurs et illustrations propres. Nous voulions conserver cette individualité tout en rendant l’assortiment compréhensible : nature de la variété, formats et lieux de vente.
Notre contribution
Nous avons développé concept, architecture de l’information, design visuel et frontend. Les emballages et images existants de la marque ont servi de matière première à nos compositions, typographie, système de couleurs et interactions.
Nous avons donné au site deux modes complémentaires : pages expressives pour explorer une variété et catalogue plus calme pour comparer. Une structure commune laisse à chaque variété son identité dans un même site.
Un système, des expressions distinctes
Chaque variété combine emballage, palette et contenu avec une structure réutilisable. Collections, formats et adresses relient le récit visuel à un parcours pratique dans l’assortiment.
01 / Direction visuelle
Laissez à chaque variété son caractère.
L’ouverture de chaque variété est une affiche. L’emballage chevauche le nom surdimensionné ; couleurs et graphismes se prolongent dans le fond et la typographie.
Mamba 24 associe un fond violet à des lettres dorées texturées. Les autres variétés utilisent la même composition avec leurs palettes et emballages. Cette variation est intégrée au système de pages : ajouter une variété n’exige pas une nouvelle mise en page.
02 / Comparer l’assortiment
Offrez à la comparaison un cadre plus calme.
Un visiteur comparant des variétés a besoin d’informations stables et de commandes claires. Nous avons placé le catalogue sur fond neutre, avec filtres de gamme, type et goût et détails de la variété choisie à côté.
Les compteurs des filtres montrent les choix disponibles. Sur ordinateur, le panneau conserve sa hauteur lors des changements et les filtres restent dans l’URL pour partager une vue précise.
03 / Structure du produit
Gardez la variété et ses formats reliés.
Une variété peut être proposée en pot, en Minis ou en préroulé. Nous avons conservé ces options sur sa page et donné à chaque format son image d’emballage et ses dimensions.
La relation est claire avant que le visiteur suive un lien vers une boutique externe. L’identité de la variété se prolonge ; le format change.
04 / Composition mobile
Gardez l’identité visuelle sur un écran plus petit.
Nous avons adapté l’affiche en composition mobile plein écran, en gardant nom, emballage et couleur. L’affiche Milks mène aux formats de la même variété.
Plus bas, les cartes de formats s’empilent en une colonne, avec tailles et action dans chaque carte. Le mobile conserve l’ouverture expressive et la séquence pratique qui suit.
05 / Trouver une boutique
Reliez la découverte à un lieu.
Le localisateur de boutiques est accessible dans l’en-tête de chaque page. Nous avons réuni quatre adresses de Los Angeles sur une carte, avec coordonnées, itinéraires et liens Weedmaps.
Le concept présente l’assortiment et aide à trouver une boutique. Les actions produits et lieux mènent à Weedmaps ; le site n’intègre pas de paiement.
Le résultat
Un concept de site complet construit autour de l’assortiment.
Le concept fonctionnel relie histoires des variétés, catalogue filtrable, formats et boutiques dans un système visuel adapté à l’ordinateur et au téléphone.
