蛍光色やビビッドカラーをメインに様々な色に変化していくカラフルな背景や、中心を軸にして周回する大小のロゴマーク、さらに画面の中央では光が映り込むほど光沢のあるチョコレートの3Dグラフィックが設置されているなど、とにかく派手で奇抜なデザインに圧倒されるような感覚を覚えます。さらにチョコレートをドラッグして回すことでBGMが流れ、何とも形容し難い独特の世界観が現れます。画面上に流れて現れた様々な物体をクリックしていくと、BGMが切り替わったり、ボイスが再生されたりと思わず笑ってしまうような遊び心溢れる演出が実装されていて、楽しくサイトを閲覧できる仕組みになっています。物体によっては、クリックすると商品の情報を詳しく写真付きで紹介しているページや、フレーバーのラインナップなどのしっかりとした内容も確認できて、ゲーム感覚で商品のことを知ることができる愉快なサイトになっています。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「そば処 東家（あずまや）」のホームページデザイン解説サイトにアクセスすると、画面の左右からスライドしてくる黒と朱色のお椀のシルエットと、その間に挟まった藍色の店舗ロゴが大きなインパクトを与えます。画面をスクロールすると店舗の外観や内装、食事風景などの様子がスライドショーで紹介され、縦書きのキ...
-
「お食事処 まんだら」のホームページデザイン解説トップに配置された金色と墨色の2色で描かれたお城がまず目に入りますが、てっぺんのしゃちほこで一目で名古屋城とわかるだけでなく、よく見るとすべて野菜の型押しで描かれていて驚きを与えるとともに、食材へのこだわりとお店の歴史を感じさせるシンボルと...
-
「IPPUKU&MATCHA」のホームページデザイン解説深みのあるグリーンの抹茶が注がれた切子のグラスからはわずかに湯気が立ち上るアニメーションをあしらい、背後にあしらった茶葉の山と深い藍色の背景色で和の落ち着いた雰囲気と宇治抹茶の高級感を演出しています。藍色の背景に明朝体の縦書きと横書きの英文...
ECサイトに関連するデザイン
-
「Caffè Mokarico Firenze」のホームページデザイン解説イタリアのコーヒーブランドのECサイトです。ファーストビューではコーヒー農園の写真と商品のスライドショーを組み合わせてメインビジュアルとしており、スライドショーにはカートボタンが設置されていてそのまま購入も可能です。リンク部分のラインにオレ...
-
「Oakshop」のホームページデザイン解説スポーツウェアブランドのオークリーのＥＣサイトです。メインビジュアルの鮮やかな女性アスリートの写真から画面をスクロールすると、一転してブラック基調のクールな写真に切り替わり、クールなイメージを感じさせます。商品ページのテキストもブラックとグ...
-
「BEAMS」のホームページデザイン解説グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューには、BEAMSのファッション情報を掲載しています。タイムセールのポップアップ広告が貼ってあります。グローバルナビにてビームスのショップ、ブランドやアイテムなどを案内して...
カラフルを使ったデザイン
-
「社会福祉法人たんぽぽ会 虹の丘保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
-
「サニーサイド｜大阪狭山市・大阪府堺市」のホームページデザイン解説ベージュをベースにした、カラフルな動物のイラストを用いたサイトです。ファーストビューには、サニーサイドの保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保育園の概要、「保護者の声」などを案内しています。トップページの中央で、「...
-
「社会福祉法人新星会 双葉保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...
ポップなホームページのデザイン
-
「Droptokyo」のホームページデザイン解説東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を３分割したレイアウトで構成されています。スライドショーをスク...
-
「社会福祉法人実源福祉会 一の宮保育園（公式ホームページ）」のホームページデザイン解説ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
-
「かいせい保育園」のホームページデザイン解説ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...
