メインビジュアルと添えたキャッチコピーでで真夏の強い日差しと乾きのイメージを表現し、青空の色が商品の黄色の補色にもなってバランスを取った構成です。背景に不規則な水玉を散りばめて、炭酸の泡を想像させています。写真はほんの少しだけ青をくすませてノイズを乗せ、銀塩写真のような懐かしさを感じさせます。
執筆者
カテゴリ
基本情報
メーカーに関連するデザイン
-
「Pride.RU」のホームページデザイン解説ファーストビューで大きく掲載されたホワイト一色で統一された工具類の写真が、ユーザの興味を刺激するような演出になっていて、サイトの導入として効果的な演出です。スクロールしていくと、サムネイル画像を用いて商品を紹介しており、見やすい構成がしっか...
-
「ダイキン」のホームページデザイン解説グレーをベースに、ブルーやブラックをアクセントにしたサイトです。ファーストビューでは、空気のキレイな海上の画像が使われています。グローバルナビにてダイキンの企業情報、サポートなどを案内しています。サポートとして「個人のお客様」と「法人のお客...
-
「ノーリツ ユーザサポート」のホームページデザイン解説グレーをベースにレッドをアクセントにしたサイトです。ファーストビューには、シャワーのイラストが描かれています。グローバルナビにてノーリツの商品情報、アフターサポートなどを案内しています。トップページの中央に、「おふろ部」や「毎日グリル部」を...
サービスサイトに関連するデザイン
-
「建築と時間と妹島和世」のホームページデザイン解説文字と画像領域が絶妙なバランスで配置されたファーストビューがインパクトのある演出になっていて、サイトの雰囲気を演出する要素になっています。画像領域に表示された写真はスライドショーで切り替わる仕組みになっていて、動きがあることで目を引き、サイ...
-
「Virgin Hyperloop」のホームページデザイン解説サイトを開くと全画面のムービーが展開されて、思わず見入ってしまうような演出が施されています。スクロールした先ではモーショングラフィックが展開されており、カーソルの動きと連動したモーションや、上部のスピードメーターによってスピードを変えられる...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...
ブルーを使ったデザイン
-
「イオニアシリーズ」のホームページデザイン解説ファーストビューには中央に大きく商品写真が配置されており、その背景に爽やかなイメージの写真が用いられていることで清潔感のある演出が施されています。商品写真と背景写真はスライドショーで切り替わる仕組みになっていて、サイトの導入として効果的な演...
-
「Lilionte」のホームページデザイン解説ファーストビューでは商品画像が浮いているような演出が展開されており、カーソルの動きに合わせて微細な動きが見られる効果が加えられていることでポップで楽しげな演出に仕上がっていて、ユーザの心を掴む工夫が施されています。サイトの導入として効果的な...
-
「中むら」のホームページデザイン解説サイトを開くと全画面のムービーが目に飛び込んできて、思わず見入ってしまうような演出が特徴的な構成になっています。スクロールしていくと様々な要素が展開されて、それぞれの項目に表示される画像やテキストにモーションが加えられていることで、サイトの...
ナチュラル・清潔感なホームページのデザイン
-
「Project8」のホームページデザイン解説大きな写真が右から左に流れ続けるファーストビューの構成がインパクトのある演出になっています。マウスストーカーやその他のサイトを構成する要素には濃いめのブルーを用いて統一感のある構成が考えられています。差し色があることで鮮やかな画面が構成され...
- 「Virgin Hyperloop」のホームページデザイン解説
サイトを開くと全画面のムービーが展開されて、思わず見入ってしまうような演出が施されています。スクロールした先ではモーショングラフィックが展開されており、カーソルの動きと連動したモーションや、上部のスピードメーターによってスピードを変えられる...
-
「Yappli」のホームページデザイン解説上部にナビゲーションメニューが固定表示されており、サイトの内容が分かりやすくスムーズなページ移行が可能な設計となっています。サイト全体はブルー系の要素を用いて、すっきりとまとめられいることで清潔感を感じ、気持ちよく閲覧できるデザインとなって...