「グッドリビング」のホームページデザイン解説

全画面表示の写真がファーストビューに表示されて、インパクトのある演出が施されています。画面中央にはロゴマークの形状に別の写真が組み合わさって独特な表現になっていて、興味を抱かせる工夫となっています。さらに右下に設置された左右の矢印マークをク...

ムービーがファーストビュー上で展開されて、思わず見入ってしまうような演出になっています。また、全画面領域になっていることでインパクトがあり、サイトの導入として効果的な表示がしっかりと考えられています。ロゴマークにも使われているパステル調のエ...

ファーストビューの画像領域は画面左側に大きく設置されており、目を引く演出になっています。画像はスライドショーで切り替わる仕組みになっており、次に画像領域で大きく表示される控えの画像が右側に小さく表示されています。さらにその次に表示される画像...

グレーをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、メルカリのプレスリリース情報をスライドさせています。2本ラインのメニューボタンにて、メルカリからのお知らせや会社情報などを案内しています。トップページの中央に...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、アーティストSEKAI NO OWARIが写っています。グローバルナビにてSEKAI NO OWARIのプロフィールやディスコグラフィー、スケジュールなどを案内して...

グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、スマートドライブが開発したサービスを紹介しています。空中から俯瞰した映像を流しています。グローバルナビにてスマートドライブの会社情報、事業内容などを案内しています。...

トップページ中ほどに表示された「The7Values」の項目では、表示された1〜7のリストそれぞれにカーソルを合わせることで右側に表示されたラフなイメージの図形が切り替わる仕組みになっていて、ちょっとした演出がユーザの興味を抱かせる工夫とな...

グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューには、ラブファミリーの店内が写っています。グローバルナビにてファニチャーやコーディネート、雑貨やギフトなどを案内しています。トップページは2カラム構成で、左サイドではラブ...

グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューでは、全国の沿線・エリアから物件を探せます。グローバルナビにて、首都圏エリアの賃貸物件情報を案内しています。トップページの中央に、ライフスタイル別の物件情報を掲載していま...

グレーをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、メルカリのプレスリリース情報をスライドさせています。2本ラインのメニューボタンにて、メルカリからのお知らせや会社情報などを案内しています。トップページの中央に...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...

ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...