ファーストビューは海と大地、まっ白な雲が漂う青空で、ナチュラルな雰囲気が感じられます。ホワイト地にブルーをアクセントに使った、清潔感のあるサイトです。トップページに、
ハーバーハウスの仕事内容と採用情報が掲載されています。グローバルナビから、会社案内や事業内容などのコンテンツを確認できます。中央にハーバーハウスのロゴを挟んでいます。
下層ページにて、ハーバーハウスからのお知らせを読むことができます。見出しは英語表記に日本語を加え、「read more」または「採用情報はこちら」というように2種類のボタンを使
っています。見出しにわかりやすいアイコンを用いて、事業内容やオリジナルグッズなどを説明するページへとリンクしています。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「TAKAKI BAKERY」のホームページデザイン解説ダークブラウンのベタにスライドショーの写真とキャッチコピーを重ね、ファーストビューで素材の良さを引き出したパン作りを行うメーカーのイメージを存分にアピールしています。ホワイトの背景の余白を生かしたシンプルで清潔感を感じる画面に、鮮やかなパン...
-
「ドミノ・ピザ」のホームページデザイン解説メインビジュアルの上に大きくスペースを取り、レッドとブルーの2種類の注文ボタンをファーストビューに配置することで、サイトにアクセスしたユーザーにまず注文方法を選ばせることで自然な注文の流れへと導く構成です。メインビジュアルやコンテンツの背景...
コーポレートサイトに関連するデザイン
-
「株式会社メルカリ」のホームページデザイン解説グレーをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、メルカリのプレスリリース情報をスライドさせています。2本ラインのメニューボタンにて、メルカリからのお知らせや会社情報などを案内しています。トップページの中央に...
-
「SEKAI NO OWARI」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、アーティストSEKAI NO OWARIが写っています。グローバルナビにてSEKAI NO OWARIのプロフィールやディスコグラフィー、スケジュールなどを案内して...
-
「SmartDrive」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、スマートドライブが開発したサービスを紹介しています。空中から俯瞰した映像を流しています。グローバルナビにてスマートドライブの会社情報、事業内容などを案内しています。...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
- 「株式会社メルカリ」のホームページデザイン解説
グレーをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、メルカリのプレスリリース情報をスライドさせています。2本ラインのメニューボタンにて、メルカリからのお知らせや会社情報などを案内しています。トップページの中央に...
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...