ファーストビューは画面左側にノートPCとスマートフォンの切り抜き画像を固定し、その背後にスライドショーを配置した構成で、写真の明度をやや下げることで上に重ねたキャッチコピーが見やすくなっています。シンプルな1カラムのレイアウトで、背景はなだらかな曲線のシェイプを薄く敷いており、その上に配置しているテキストボックスは薄くドロップシャドウをかけて立体感を出しています。明るいネイビーをメインにしたビジネス色の強い色使いですが、プランの一覧にはカラフルなタブを取り入れたり、余白に紙吹雪風に図形を散りばめてポップな印象も感じさせます。
執筆者
カテゴリ
基本情報
システム開発会社に関連するデザイン
-
「NTTデータ ルウィーブ株式会社_ネットワークコンシェルジュ」のホームページデザイン解説メインビジュアルは主要なサービスの紹介を5枚のスライドショーで紹介しており、写真は明度をやや下げて上に配置したキャッチコピーが読みやすくなるよう配慮されています。ブルー系を中心にしたビジネス色の強いビジネス色の強い色使いですが、テキストボッ...
-
「NTTテクノクロス株式会社_HM-neo」のホームページデザイン解説メインビジュアルはiMac風のイラストを配置し、その中に動画のサムネイルを埋め込んで、クリックすると動画がポップアップする仕掛けとなっています。その下には色分けした日本地図に数値効果を添えて、導入実績をアピールしています。鮮やかなグリーンを...
-
「ハコスコ」のホームページデザイン解説ページを読み込むと、スライドショーの代わりにページ全体がカードをずらしたように多階層で数秒表示され、コンテンツの多彩さを一目で感じさせます。シンプルなモノトーンの色使いで写真の大きさも控えめなグリッドレイアウトですが、太目の英語フォントのタ...
コーポレートサイトに関連するデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「健康コミュニケーションズ株式会社」のホームページデザイン解説メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
ネイビーを使ったデザイン
-
「小林研業株式会社」のホームページデザイン解説メインビジュアルに使われている研磨の様子をおさめた2枚の写真は全体的にダークな色調でまとめられており、重ねたホワイトのキャッチコピーが引き立ちます。コンテンツは写真を背景にブラックやダークネイビーのグラデーションを重ねた重厚感のある色使いで...
-
「株式会社 共栄鍛工所」のホームページデザイン解説メインビジュアルのスライドショーは写真の上に斜めにカットしたネイビーのベタを重ねており、その上に重ねた大きめのキャッチコピーが読みやすいだけでなくスタイリッシュな印象を与えます。ネイビーをメインにイエローをアクセントにしたコントラストの高い...
-
「キングファミリー」のホームページデザイン解説メインビジュアルは画面幅を3等分した画像に半透明の円形でタイトルを乗せたビジュアルで構成されており、それぞれマウスオーバーすると下からグラデーションがせり上がってきて、その上に説明文が表示される仕組みです。コンテンツの背後には古着の切り抜き...
かっこいいなホームページのデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
