ファーストビューは6枚の画像で構成されたスライドショーで、写真の上に事業内容を簡潔にまとめたテキストとリンクボタンを配置し、写真に半透明のブラックのオーバーレイを重ねることでテキストを読みやすくすると同時に重厚感を与えています。モノトーンの色使いでマージンを多く取ったレイアウトで画面をすっきりとさせ、大見出しのグレーの背景にアルファベットを大きく配置することでスタイリッシュな印象も与えています。マウスオーバーの際にリンク部分がレッドに変化することでほんのわずかな差し色でインパクトを出しています。
執筆者
カテゴリ
基本情報
ファッション小物に関連するデザイン
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「キングファミリー」のホームページデザイン解説メインビジュアルは画面幅を3等分した画像に半透明の円形でタイトルを乗せたビジュアルで構成されており、それぞれマウスオーバーすると下からグラデーションがせり上がってきて、その上に説明文が表示される仕組みです。コンテンツの背後には古着の切り抜き...
コーポレートサイトに関連するデザイン
-
「株式会社タケショー」のホームページデザイン解説ファーストビューでは4枚の写真で構成されたスライドショーで企業内の紹介をしており、左には縦書きでキャッチコピーを書いた背後にネイビーの帯が敷かれています。メインコンテンツのタイトルも縦書きで書かれており、英語のキャプションを組み合わせたもの...
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
ホワイトを使ったデザイン
- 「株式会社内山産業」のホームページデザイン解説
サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「株式会社フラワーホーム」のホームページデザイン解説メインビジュアルは数枚の写真が次々入れ替わるスライドショーで、中央に太目のフォントで縦書きで配置されたキャッチコピーは素朴さを感じさせる味わいがあります。導入部分はメインビジュアルにずらして重ねて画面に奥行きを出しています。淡いグレーを背景...
-
「株式会社 S.U建築設計」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたコンパクトなスライドショーで、ずらして重ねた英語のキャッチコピーは写真にマスクをかけたようなあしらいとなっていて、写真が切り替わるとともに色が変化します。モノトーンの色使いでまとめられたシンプルな1カ...
かっこいいなホームページのデザイン
-
「コネクテックジャパン株式会社」のホームページデザイン解説鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...
-
「イイヅカカズキ建築事務所」のホームページデザイン解説サイトを開くと画面いっぱいに建物外観と親子の暮らしの様子がムービーで紹介され、中央からやや左に寄せて太字の英語フォントでキャッチコピーが重ねられた、スタイリッシュな印象のファーストビューです。レイアウトはグリッドを意識しないフリーなレイアウ...
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
