サイトを開くと大きく掲載されたキャッチコピーと、社員の写真が切り替わっていく表示に目を奪われて迫力のあるファーストビューが構成されています。スクロールすると、テキストボックスと写真がスタイリッシュな雰囲気で組み合わさった社員紹介の表示が現れて、斬新な構成がサイトの雰囲気を演出する要素になっています。紹介されている社員の写真をクリックすると下層ページに遷移し、インタビュー内容や一日のスケジュールを画像付きで解説した内容が展開されています。スッキリとした構成にまとめられていて閲覧しやすいページで、サイト全体を通してシンプルな構成がユーザのスムーズな閲覧を考えられたデザインとなっています。
執筆者
カテゴリ
基本情報
ウェディングに関連するデザイン
-
「ぐるなびウエディング」のホームページデザイン解説ホワイトをベースに、ピンクやグレーをアクセントにしたサイトです。ファーストビューには、結婚式の披露宴の様子が写っています。真ん中に検索窓が貼られています。2カラム構成のトップページで、左サイドにはおすすめのコンテンツを掲載しています。エリア...
-
「桜坂観山荘」のホームページデザイン解説ページトップに表示された写真が繊細な木や花のシルエットイラストで囲われていて、女性的な美しさや可憐な表現が展開されています。スクロールした先に現れるナビゲーションメニューのデザインも、白い帯に薄いピンクのアイコンが設置され、小さめの文字でメ...
-
「ゼクシィnet」のホームページデザイン解説サイトを開くとファーストビューの画像領域が大きく表示されてインパクトのある演出になっています。画像上には簡単な項目の入力で結婚式場を探す機能が設置されていて、ユーザの目的に応じた使いやすい設計がしっかりと考えられています。スクロールした先に...
採用・リクルートサイトに関連するデザイン
-
「ISHIZAKA GROUP RECRUIT 2021」のホームページデザイン解説大きな画像がファーストビューに表示されて、インパクトのある演出になっています。画像中央には鮮やかなピンク系のカラーで文字が配置されていて、ストレートに内容が伝わる構成がしっかりと考えられています。上部にはナビゲーションメニューが設置されてお...
-
「Chatwork採用サイト」のホームページデザイン解説全画面表示のファーストビュー画像がインパクトのある演出になっていて、次々と画像が切り替わっていく仕組みが思わず見入ってしまうような効果となっています。スクロールした先でも大きく画像が用いられていて、「Mission」の項目ではコマ撮りムービ...
-
「カンテレのチカラ」のホームページデザイン解説ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
-
「株式会社メルカリ」のホームページデザイン解説グレーをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、メルカリのプレスリリース情報をスライドさせています。2本ラインのメニューボタンにて、メルカリからのお知らせや会社情報などを案内しています。トップページの中央に...
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...