「ポッカコーヒー」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

黒地に赤茶の渋いコントラストがスタイリッシュで、ポッカコーヒーの長い歴史が感じられるサイトです。グローバルナビから企業情報や商品のキャンペーンなどをチェックできます。メインビジュアルは、ポッカコーヒーのキャッチコピーである「この顔、売り出し中！！」です。さらに、「この顔から目を離さないでください」と文字が重なります。コーヒー缶の表面に印刷してある、見慣れた男の顔のイラストが描かれています。1972年に発売してから多少の変化はあるものの、ずっと同じデザインです。トップページの真ん中にポッカコーヒーオリジナル缶「色んなおれ」のラインナップが並んでいます。コーヒー缶の横にあるバナーをクリックすると、詳しい商品情報を見られます。

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

こんなホームページを作りたい方へ

基本情報

会社名: ポッカサッポロフード＆ビバレッジ株式会社

サイト名: ポッカコーヒー

URL: http://www.pokkasapporo-fb.jp/pokkacoffee/

「ポッカコーヒー」のホームページデザイン解説

執筆者

カテゴリ

基本情報

メーカーに関連するデザイン

ECサイトに関連するデザイン

ブラックを使ったデザイン

かっこいいなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む