サイトを開くとまず、幾何学模様のモデルの中に手を差し伸べるビジュアルがまず屁を惹きつけます。左右に大きくマージンを取ったシンプルな1カラムのレイアウトで、モノトーンの色使いに企業ロゴと同じブルーをアイコンなどでアクセントに取り入れたさわやかで信頼感を与えるデザインです。下層ページは右にメニューエリアを設けた2カラムのレイアウトへと変化し、メニュー上部へは常にお問い合わせの流れとメルマガ会員募集のリンクが設置されています。見出しは階層によってフォントの大きさとブルーのラインの引き方を変えることで、文書構造がわかりやすく表現されています。
執筆者
カテゴリ
基本情報
メーカーに関連するデザイン
-
「小島屋乳業製菓株式会社」のホームページデザイン解説ファーストビューでは画面幅いっぱいのスライドショーの下にナビゲーションメニューが表示されます。主力商品を紹介するビジュアルが次々と表示され、閲覧者の興味を惹きつけます。さわやかなブルーをアクセントカラーにしたシンプルな1カラムのレイアウトで...
-
「アビトップ株式会社」のホームページデザイン解説ファーストビューはスライドショーの下にナビゲーションメニューを配置した構成で、画面をスクロールするとナビゲーションメニューが上部に固定されます。スライドショーはホワイトの帯を敷いた上にレッドのテキストを乗せ、右側に大きく半透明の企業ロゴを組...
-
「株式会社 タナカ金型」のホームページデザイン解説サイトを開くとまずスライドショーが表示され、金属加工のクローズアップ写真の上に2色のテキストで書かれたキャッチコピーを乗せて力強い印象をまず与えます。企業ロゴのオレンジをメインカラーにした鮮やかな色使いで、グリッドのテクスチャやグラデーショ...
コーポレートサイトに関連するデザイン
- 「小島屋乳業製菓株式会社」のホームページデザイン解説
ファーストビューでは画面幅いっぱいのスライドショーの下にナビゲーションメニューが表示されます。主力商品を紹介するビジュアルが次々と表示され、閲覧者の興味を惹きつけます。さわやかなブルーをアクセントカラーにしたシンプルな1カラムのレイアウトで...
-
「クイーンビーキャピタル株式会社（QBC）」のホームページデザイン解説メインビジュアルはダークグリーンの背景の上に六角形のドットで世界地図が描かれ、その中央にイエローとホワイトの英語フォントでキャチコピーが重ねられています。メインビジュアルの下に重ねて配置したナビゲーションメニューは、画面をスクロールすると左...
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
ブルーを使ったデザイン
-
「株式会社ヘルシー不動産」のホームページデザイン解説鮮やかなブルーをバックに、ポップなイラストが次々と流れるスライドショーが目を引くファーストビューです。鮮やかなブルーを中心としたカラフルな色使いで、物件検索のコンテンツは検索内容ごとにアイソメトリクスのイラストアイコンを使ったり、フッターに...
-
「株式会社 ティ･エス･ケイ」のホームページデザイン解説メインビジュアルはぼかした苔を虫眼鏡で覗くとクロアリの顔がアップで映るユニークな構成で、虫眼鏡を中心としたメーカーであることが一目でわかるようになっています。グレーとくすんだネイビーをメインカラーにした落ち着いた色使いで、背景はホワイト1色...
-
「株式会社ジャスト_J-Scan」のホームページデザイン解説サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
かっこいいなホームページのデザイン
- 「アビトップ株式会社」のホームページデザイン解説
ファーストビューはスライドショーの下にナビゲーションメニューを配置した構成で、画面をスクロールするとナビゲーションメニューが上部に固定されます。スライドショーはホワイトの帯を敷いた上にレッドのテキストを乗せ、右側に大きく半透明の企業ロゴを組...
-
「イイヅカカズキ建築事務所」のホームページデザイン解説サイトを開くと画面いっぱいに建物外観と親子の暮らしの様子がムービーで紹介され、中央からやや左に寄せて太字の英語フォントでキャッチコピーが重ねられた、スタイリッシュな印象のファーストビューです。レイアウトはグリッドを意識しないフリーなレイアウ...
-
「コネクテックジャパン株式会社」のホームページデザイン解説鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...
