創業120年の信頼と実績を謳っているだけあって、非常にしっかりとした堅めの構成で、ストレートに信頼感を感じるサイトに仕上がっています。堅いだけではなく斬新なページ構成も考えられていて、特にトップページ下部のリンク画像をクリックした先の下層ページでは、スクロールの向きがページ途中から横方向に変わる構成になっていて、会社の歴史を年表上で見ていくことができる仕様になっています。年表にはその当時に取り扱っていた製品の写真が順に現れていくモーションが見られて、楽しく閲覧することができる内容になっています。事業紹介のコンテンツも、サムネイル画像の一覧表示で見やすい構成が考えられており、全体を通してしっかりと作り込まれたサイトです。
執筆者
カテゴリ
基本情報
製造業に関連するデザイン
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
-
「株式会社ASM」のホームページデザイン解説ファーストビューの画面全体に鮮やかなブルーを用いており、印象的な構成になっています。中央にはゆっくりと回転すしている地球のグラフィックが表示されており、常に動きがあることでユーザの目に止まりやすい演出がしっかりと考えられています。右側にはナ...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
- 「メイテック」のホームページデザイン解説
サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
爽やかななホームページのデザイン
-
「PATRICK」のホームページデザイン解説サイトを開くと大きく表示された写真が目に飛び込んできて、インパクトのある演出が施されています。画像はスライドショーで切り替わる仕組みになっており、ユーザの興味を抱かせる工夫がしっかりと考えられています。スクロールしていくと特集記事の項目が展...
-
「P&G」のホームページデザイン解説ホワイトをベースにブルーをアクセントにしたサイトです。トップページでは、水玉の中にP&Gのブランドを紹介しています。中央に「何かお探しですか？」と検索窓を設けています。スクロールすると、P&Gについていろいろわかります。グローバルナビにて、...
-
「メディネット」のホームページデザイン解説ナビゲーションメニューを画面左に固定したレイアウトで、鮮やかなスカイブルーのサイトロゴと、ダークグレーのメニューが信頼感を感じさせます。下層ページも淡いグレーをメインに、スカイブルーをアクセントカラーにしたフラットなデザインで、CGのイメー...