機械部品を取り扱う専門的な業種のサイトで、かっちりと精密な雰囲気にまとめられたサイトに仕上がっています。ファーストビューの画像領域には、写真を用いた製品の紹介画像が展開されていて、各製品の詳細ページへのリンクも設置されていることで一目で関心のある製品についての情報を探しやすい構成となっています。製品の詳細ページでは、写真に加えて図も掲載されていて非常にわかりやすく情報が掲載されています。各下層ページの左側に設置されたピックアップコンテンツでは、ムービーが見られるページもあり、親切な設計です。全体を通してすっきりとまとめられていて、閲覧しやすいサイトに仕上がっています。
カテゴリ
基本情報
製造業に関連するデザイン
- 「rewood」のホームページデザイン解説
和室の座卓などに使われている1枚板を家具にリメイクするサービスを展開している企業のサイトです。サイトにアクセスすると画面いっぱいに座卓の天板をダイニングテーブルにリメイクする過程の動画が再生され、製品のストーリー性をまず閲覧者に意識させます...
- 「河合電器製作所」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、河合電器製作所の周辺環境のイラストが描かれています。グローバルナビにて河合電器製作所の会社情報、サービスコンセプトや解決事例などを案内しています。トップページの中央...
- 「Zinacor」のホームページデザイン解説
ファーストビューは画面全体を上下に分割し、画面上部はホワイトの空間にコピーをシンプルに表示し、下半分に製造工程のムービーを再生するレイアウトです。ネイビーを中心にした落ち着いた色使いとフラットにきりっと分けられた色使いが信頼感と技術力の高さ...
コーポレートサイトに関連するデザイン
- 「西山製麺 ドイツ法人」のホームページデザイン解説
画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
- 「エッグフォワード」のホームページデザイン解説
トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
- 「STRIVE」のホームページデザイン解説
サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
ホワイトを使ったデザイン
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
- 「となりのひきだし」のホームページデザイン解説
トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
堅め・信頼感なホームページのデザイン
- 「済生会横浜市東部病院」のホームページデザイン解説
ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
- 「One Day Dental」のホームページデザイン解説
サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...