事例事例テンプレート · Traditional

Traditionalカンナビスフラワーブランド · コンセプトサイト

サービス

ツール

カンナビスフラワーブランド · コンセプトサイト

ロサンゼルスのカンナビスブランド、Traditionalのために自主的に制作したウェブサイトコンセプトです。パッケージの個性を表現力豊かな品種ページに落とし込み、わかりやすいカタログ、商品形態、店舗検索で支えました。

Traditionalのパッケージは、各品種に独自の色とアートワークを与えています。私たちは、その個性を保ちつつ、多様な商品をわかりやすく伝えるウェブサイトを目指しました。品種の特徴、提供される形態、ブランドの取扱場所です。

ウェブサイトのコンセプト、情報設計、ビジュアルデザイン、フロントエンドを開発しました。ブランドの既存のパッケージや画像を出発点に、独自のページ構成、タイポグラフィ、カラーシステム、インタラクションを作り上げました。

サイトに補い合う二つのモードを持たせました。品種を探索するための表現力豊かなページと、商品を比較するための落ち着いたカタログです。共通のページ構造により、各品種は個性を保ちながら一つのウェブサイトの一部であり続けます。

各品種は、パッケージ画像、パレット、コンテンツを再利用可能なページ構造と組み合わせています。コレクション、形態、店舗情報が、そのビジュアルストーリーを商品ラインナップへの実用的な導線につなげます。

01 / ビジュアルの方向性

各品種ページのオープニングをポスターとして扱いました。パッケージが特大の名前に重なり、その色とグラフィックの細部が背景とタイポグラフィへ広がります。

Mamba 24は紫の背景に質感のある金色の文字を組み合わせています。他の品種も同じ構図に独自のパレットとパッケージ画像を用いています。バリエーションをページシステムに組み込んだため、品種を追加しても新たなレイアウトをデザインする必要はありません。

02 / 商品ラインナップの比較

複数の品種を比較する訪問者には、安定した情報とわかりやすい操作が必要です。カタログをニュートラルな背景に配置し、ライン、タイプ、味で絞り込めるフィルターと、選択した品種の詳細をリストの横に置きました。

フィルターの件数で選択肢の数がわかります。デスクトップでは選択を変更してもパネルの高さが保たれ、フィルターの状態はURLに残るため、特定の表示を共有できます。

03 / 商品構成

同じ品種がジャー、Minis、プレロールで提供されることがあります。これらの選択肢を品種ページ内にまとめ、形態ごとに独自のパッケージ画像とサイズを用意しました。

訪問者が外部ストアのリンクに進む前に、この関係が明確になります。品種のアイデンティティは保たれ、形態だけが変わります。

04 / モバイルの構図

ポスターを全高のモバイル構図に調整し、品種名、パッケージ、色を一緒に保ちました。Milksのポスターは同じ品種の形態へとつながります。

下へ進むと、形態カードが一列に重なり、各カード内にサイズと次のアクションがあります。モバイルレイアウトは、表現力豊かなオープニングとそれに続く実用的な流れを保っています。

05 / 店舗を探す

店舗検索はすべてのページのヘッダーから利用できます。ロサンゼルスの四店舗を一つの地図にまとめ、住所、道順、各店のWeedmapsページへのリンクを掲載しました。

このコンセプトの役割は、商品ラインナップを紹介し、店舗探しを手助けすることです。商品と店舗のアクションはWeedmapsにつながり、ウェブサイト自体にチェックアウトはありません。

成果

実際に動くコンセプトは、品種ごとのストーリー、絞り込み可能なカタログ、形態の選択肢、店舗の場所を一つのビジュアルシステムにつなげ、デスクトップとスマートフォンに対応させています。