画面幅いっぱいに配置した写真の上に太目のフォントでキャッチコピーを配置し、半透明のベタの上に企業の強みを並べた、インパクトのあるファーストビューです。ネイビーとくすんだグリーンをメインに、イエローをアクセントカラーにしたコントラストの強い配色で、フォントの使い方も大小や太さなどメリハリをつけて力強さを感じさせ、ユーザーに信頼感を与えます。導入部分は背景を斜めにカットすることで画面全体が矢印になるようなレイアウトとなっており、その先のサービス内容の紹介ではテキストと写真を互い違いに配置して、さらに大きく番号を振ることで視線を惹きつけます。
執筆者
カテゴリ
基本情報
コンサルティングに関連するデザイン
-
「株式会社シーズンズ」のホームページデザイン解説サイトを開くと画面全体にアイソメトリクスのイラストがランダムに配置されており、マウスオーバーするとわずかに上下に動くアニメーション効果がイラストひとつひとつにかけられています。淡いスカイブルーをメインカラーにしたさわやかな色使いで、サイト内...
-
「大成エンジニアリング株式会社」のホームページデザイン解説サイトにアクセスすると高速道路のインターチェンジの空撮写真が画面いっぱいに表示され、その上にキャッチコピーが重ねられています。2色のグリーンをアクセントカラーにした色使いで、キャッチコピーの一部に色を付けて目を引きつけ、さわやかさと信頼感を...
-
「株式会社彩企」のホームページデザイン解説日没直前の空をバックに、街灯や照明の明かりが映えるマンションを大きく映した写真を大きく配置し、画面左上にキャッチコピーを配置したビジュアルが目を引くファーストビューです。企業コンセプトの紹介はインフォグラフィックを取り入れており、企業の強み...
LPに関連するデザイン
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
-
「ガブリ！モスチャレンジ」のホームページデザイン解説グリーンの太いラインとレッドのベタで描かれたタイトルロゴのアニメーションのインパクトが大きく、訪れた人の目を惹きつけます。コンテンツのサムネイルはハーフトーン加工が施され、再生ボタンが重ねられており思わずクリックしたくなる仕掛けが施されてい...
-
「電気ケトル特集ページ – タイガー魔法瓶」のホームページデザイン解説メインビジュアルは2枚の写真とキャッチコピーで構成されたスライドショーで、製品のカラーに合わせて画面全体が同系色に変化する演出です。製品紹介では各製品の切り抜き写真の下にカラーチップと色名が添えられており、クリックすると製品の色が変化する構...
ブルーを使ったデザイン
-
「平安セレモニー株式会社_セレモニーホールへいあん」のホームページデザイン解説メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...
-
「株式会社ケィ・ユーシステム」のホームページデザイン解説メインビジュアルのスライドショーは、シンプルなラインで描かれたイラスト、紙で作られたトラックの模型など様々なテイストの写真を用いて企業の魅力を紹介しています。鮮やかなブルーをメインにしたさわやかな色使いで、アイコンやリンクボタンに使われたイ...
-
「株式会社伊藤製作所」のホームページデザイン解説ファーストビューは画面いっぱいに配置された写真の上にテキストを重ねたスライドショーで、テキストの下にはプログレスバーが配置されており、ローディングのタイミングとスライドの枚数が一目でわかる構成となっています。メインは1カラムのレイアウトで、...
かっこいいなホームページのデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
