「RUBY MUSHROOM」のホームページデザイン解説

ファーストビューで大きく掲載されたホワイト一色で統一された工具類の写真が、ユーザの興味を刺激するような演出になっていて、サイトの導入として効果的な演出です。スクロールしていくと、サムネイル画像を用いて商品を紹介しており、見やすい構成がしっか...

グレーをベースに、ブルーやブラックをアクセントにしたサイトです。ファーストビューでは、空気のキレイな海上の画像が使われています。グローバルナビにてダイキンの企業情報、サポートなどを案内しています。サポートとして「個人のお客様」と「法人のお客...

グレーをベースにレッドをアクセントにしたサイトです。ファーストビューには、シャワーのイラストが描かれています。グローバルナビにてノーリツの商品情報、アフターサポートなどを案内しています。トップページの中央に、「おふろ部」や「毎日グリル部」を...

ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...

ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...

素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...

ページ全体としては白と本サイトで紹介されているサッカーチームのロゴに用いられている赤とオレンジを用いた明るく楽しい印象のホームページです。ファーストビュー画像の下には最新の試合情報が掲載されています。いつ、何時にどこのチームとどの場所で戦う...

グレーをベースに、レッドやブルーをアクセントにしたサイトです。ファーストビューでは、スポーツニュースを紹介しています。グローバルナビにて試合の日程やスコア、個人の成績や順位表などを案内しています。試合スケジュールのカレンダーを表示しています...

ベージュをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、ロッテの新商品やキャンペーン情報をスライドさせています。グローバルナビにてロッテのブランド商品、キャンペーン・特集などを案内しています。キャンペーン・特集の...

ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...

鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...

サイトを開くと鮮やかなレッドの画面が表示され、すぐに文字が現れるモーションが展開されます。非常にインパクトがあり、サイトの導入として効果的な演出になっています。画面右上にはプラスマークと「MENU」の表示が設置してあり、クリックするとブラッ...