海外飲料 / タイポグラフィ
顔のある三つの袋を主役にする
飲料 / タイポグラフィ
Wimp Decaf Coffee Co
人物の顔を描いたコーヒー袋と大きな細長い文字で、デカフェの選び方を提案する。
設計の見どころ
冒頭左側には豆の写真を背景に、顔を描いた三つの商品袋が重なる。右側は短い見出しと初回セットのボタンに絞り、写真と行動の領域を分ける。袋の色や表情を画面上のブランドの顔にすることで、商品そのものが記憶に残る構成になっている。
詳しい解説を読む →公式サイトを見る ↗
DESIGN NOTES
最終撮影の冒頭では、暗い茶色の空間に一粒のコーヒー豆が浮き、下には豆の山と粉が広がる。飲む人物や完成したカップではなく、原料そのものを大きな主役にする表現だ。中央の豆へ光を集め、少ない色の中でも立体感を強く印象づけている。
背景には縦長の大きな英字が重なり、暗めの色で豆の後ろへ下がる。文字を説明文として独立させず、商品の世界観を作る面として扱っている。画面下の短いスクロール案内は白く残り、次の操作の手掛かりだけを小さく明確にしている。
二枚の確認画面では、中央の一粒が閉じた状態から割れた状態へ変化している。周囲の豆の破片も位置が変わり、素材を近くで見る演出になっている。ここではその視覚的な差を確認した範囲に留め、スクロールとの厳密な連動や速度までは断定しない。
公開テキストでは砂糖を加えないこと、豆、アルミのボトルなどが短い項目で紹介される。強い導入の後に、何が製品の特徴なのかを具体化する役割だ。印象的な素材表現だけで終わらず、購入者や取扱店が把握すべき仕様へつなげる構成と読み取れる。
案内には販売場所を探す入口とパートナー向けの相談があり、複数地域の連絡先も掲載される。商品を飲みたい人と、取り扱いたい事業者の両方を想定した情報だ。ブランド紹介から先の行動を考える時、個人向けと取引向けを分ける方法が参考になる。
APPLY TO YOUR PROJECT
原料の一部分を大きく見せると、完成品写真とは違う印象を作れる。演出の後には製品仕様を短く整理し、買う場所と取引相談の入口を分けて置きたい。
重い視覚演出では初回表示に時間がかかる場合があり、今回も読み込み後の画像を採用している。豆や成分に関する品質の真偽、販売場所検索や問い合わせの動作は未検証。
海外飲料 / タイポグラフィ
顔のある三つの袋を主役にする
飲料 / タイポグラフィ
人物の顔を描いたコーヒー袋と大きな細長い文字で、デカフェの選び方を提案する。
冒頭左側には豆の写真を背景に、顔を描いた三つの商品袋が重なる。右側は短い見出しと初回セットのボタンに絞り、写真と行動の領域を分ける。袋の色や表情を画面上のブランドの顔にすることで、商品そのものが記憶に残る構成になっている。
詳しい解説を読む →公式サイトを見る ↗
海外デザイン / 立体表現
巨大な社名と中空の立体で構成する
デザイン / 立体表現
巨大な社名とコンクリート風の立体を置き、戦略・ブランド・製品を一続きの仕事として見せる。
冒頭では黒い社名が画面幅いっぱいに広がり、その下に中空のコンクリート風の立体が置かれる。底部だけに青い光のような色が入り、白に近い背景から形が浮き上がる。会社名と抽象的な立体を二つの主役にして、短い説明を左下へ寄せる構成になっている。
詳しい解説を読む →公式サイトを見る ↗
海外遊具の全体像を一つの主役にする
遊具・家具 / 立体表現
庭向けのモジュール遊具を巨大な立体ビジュアルと色見本で見せ、構造説明から入荷案内へつなぐ。
冒頭は黄色い屋根と木製の外周を持つ遊具を大きく置き、短い紹介文と色の選択肢を添える。本文では設置・素材・成長に合わせた使い方・交換部品へ話題が進む。多商品を比較させるより、一製品の仕組みを理解させる順序だ。
詳しい解説を読む →公式サイトを見る ↗