サイトを開くとまず、鮮やかなブルーのグラデーションの上に重ねられたキャッチコピーが目に入ります。メインビジュアルの上には4枚の写真がそれぞれ別の色のグラデーションを重ねた状態で配置されており、それぞれがコンテンツのアンカーリンクとなっています。メインコンテンツは左側にメニューを配置した2カラムのレイアウトで、コンテンツの背景の色はアンカーリンクの色と揃えられています。SDGｓの背景が時間経過とともに変化する、画面をスクロールするとブルーのグラデーションがスライドインした後にタイトルが表示される、出荷までの工程を紹介するイラストは各パーツがアニメーションで動くなどの、凝った演出が各所に施されています。
執筆者
カテゴリ
基本情報
製造業に関連するデザイン
-
「小林研業株式会社」のホームページデザイン解説メインビジュアルに使われている研磨の様子をおさめた2枚の写真は全体的にダークな色調でまとめられており、重ねたホワイトのキャッチコピーが引き立ちます。コンテンツは写真を背景にブラックやダークネイビーのグラデーションを重ねた重厚感のある色使いで...
-
「株式会社 共栄鍛工所」のホームページデザイン解説メインビジュアルのスライドショーは写真の上に斜めにカットしたネイビーのベタを重ねており、その上に重ねた大きめのキャッチコピーが読みやすいだけでなくスタイリッシュな印象を与えます。ネイビーをメインにイエローをアクセントにしたコントラストの高い...
-
「北星樹脂工業株式会社」のホームページデザイン解説サイトを開くと画面いっぱいにスライドショーが表示され、画面下部にナビゲーションメニューが表示されていますが、画面をスクロールするとメニューが画面上部に到達したところで固定されます。赤みの強いオレンジトピックスの見出しやコンテンツのキャッチコ...
コーポレートサイトに関連するデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「健康コミュニケーションズ株式会社」のホームページデザイン解説メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
ブルーを使ったデザイン
-
「平安セレモニー株式会社_セレモニーホールへいあん」のホームページデザイン解説メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...
-
「株式会社ケィ・ユーシステム」のホームページデザイン解説メインビジュアルのスライドショーは、シンプルなラインで描かれたイラスト、紙で作られたトラックの模型など様々なテイストの写真を用いて企業の魅力を紹介しています。鮮やかなブルーをメインにしたさわやかな色使いで、アイコンやリンクボタンに使われたイ...
-
「株式会社伊藤製作所」のホームページデザイン解説ファーストビューは画面いっぱいに配置された写真の上にテキストを重ねたスライドショーで、テキストの下にはプログレスバーが配置されており、ローディングのタイミングとスライドの枚数が一目でわかる構成となっています。メインは1カラムのレイアウトで、...
かっこいいなホームページのデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
