Gesundheits-App
Produkt-UX
FallstudienFallstudienvorlage · Traditional
TraditionalCannabisblüten-Marke · Konzept-Website
Leistungen
Tools
Technologie-Stack
Cannabisblüten-Marke · Konzept-Website
Traditional
Ein aus eigener Initiative entstandenes Website-Konzept für Traditional, eine Cannabis-Marke aus Los Angeles. Wir haben den Charakter ihrer Verpackungen in ausdrucksstarke Sortenseiten übersetzt, ergänzt durch einen übersichtlichen Katalog, Produktformate und eine Shop-Suche.
Den Charakter der Verpackung ins Web tragen
Die Verpackungen von Traditional geben jeder Sorte eigene Farben und Motive. Unser Ziel war es, diese Individualität in einer Website zu bewahren, die auch ein vielfältiges Sortiment verständlich macht: was die Sorte ist, in welchen Formaten sie erhältlich ist und wo die Marke zu finden ist.
Unser Beitrag
Wir haben das Website-Konzept, die Informationsarchitektur, das visuelle Design und das Frontend entwickelt. Die vorhandenen Verpackungen und Bilder der Marke wurden zum Ausgangsmaterial für unsere eigenen Seitenkompositionen, unsere Typografie, unser Farbsystem und unsere Interaktionen.
Wir haben der Website zwei sich ergänzende Modi gegeben: ausdrucksstarke Seiten zum Entdecken einer Sorte und einen ruhigeren Katalog zum Vergleichen des Sortiments. Eine gemeinsame Seitenstruktur lässt jede Sorte ihre Identität bewahren und zugleich Teil einer Website bleiben.
Ein System, unterschiedliche Ausdrucksformen
Jede Sorte verbindet ihr Verpackungsbild, ihre Palette und ihre Inhalte mit einer wiederverwendbaren Seitenstruktur. Kollektionen, Formate und Shop-Informationen verknüpfen diese visuelle Geschichte mit einem praktischen Weg durch das Sortiment.
01 / Visuelle Richtung
Jeder Sorte ihren Charakter lassen.
Wir haben den Auftakt jeder Sortenseite wie ein Poster behandelt. Die Verpackung überlappt den übergroßen Namen, während ihre Farben und grafischen Details in Hintergrund und Typografie übergehen.
Mamba 24 kombiniert einen violetten Grund mit strukturierter Goldschrift. Andere Sorten nutzen dieselbe Komposition mit eigenen Paletten und Verpackungsbildern. Wir haben die Variation in das Seitensystem integriert, sodass für eine neue Sorte kein weiteres Layout gestaltet werden muss.
02 / Das Sortiment vergleichen
Dem Vergleich einen ruhigeren Rahmen geben.
Wer mehrere Sorten vergleicht, braucht beständige Informationen und klare Bedienelemente. Wir haben den Katalog auf einen neutralen Grund gesetzt, mit Filtern nach Linie, Typ und Geschmack und den Details der ausgewählten Sorte neben der Liste.
Die Filterzahlen zeigen die verfügbaren Optionen. Auf dem Desktop behält das Panel seine Höhe, wenn sich die Auswahl ändert, und der Filterstatus bleibt in der URL, sodass sich eine bestimmte Ansicht teilen lässt.
03 / Produktstruktur
Die Sorte und ihre Formate verbunden halten.
Dieselbe Sorte kann als Glas, Minis oder Pre-Roll erhältlich sein. Wir haben diese Optionen auf der Sortenseite belassen und jedem Format ein eigenes Verpackungsbild und eigene Größen gegeben.
So wird der Zusammenhang deutlich, bevor der Besucher einem externen Shop-Link folgt. Die Identität der Sorte bleibt erhalten; das Format ändert sich.
04 / Mobile Komposition
Die visuelle Identität auf einem kleineren Bildschirm bewahren.
Wir haben das Poster als mobile Komposition in voller Höhe adaptiert und dabei Sortenname, Verpackung und Farbe zusammengehalten. Das Milks-Poster führt zu den Formaten derselben Sorte.
Weiter unten stapeln sich die Formatkarten in einer Spalte, mit Größen und der nächsten Aktion in jeder Karte. Das mobile Layout bewahrt den ausdrucksstarken Auftakt und die praktische Abfolge, die darauf folgt.
05 / Einen Shop finden
Das Entdecken mit einem Ort verbinden.
Die Shop-Suche ist auf jeder Seite über die Kopfzeile erreichbar. Wir haben vier Standorte in Los Angeles auf einer Karte zusammengeführt, mit Adressen, Wegbeschreibungen und Links zu ihren Weedmaps-Seiten.
Die Aufgabe des Konzepts ist es, das Sortiment vorzustellen und Menschen zu helfen, einen Shop zu finden. Produkt- und Standortaktionen führen zu Weedmaps; die Website selbst hat keinen Checkout.
Das Ergebnis
Ein vollständiges Website-Konzept rund um das Sortiment.
Das funktionsfähige Konzept verbindet einzelne Sortengeschichten, einen filterbaren Katalog, Formatoptionen und Shop-Standorte in einem visuellen System, angepasst für Desktop und Smartphone.
