トップページはヘッダーとフッターを画面上下にそれぞれ固定し、中央に大きくメインビジュアルを配置しています。写真を横長にトリミングしているためパノラマ写真のような空間の広がりを感じる、スポーツやアウトドアシーンにぴったりのレイアウトです。ナビゲーションバーはマウスオーバーでブラックがグリーンに入れ替わるアニメーションがアクティブなイメージをさらに感じさせます。下層ページは画面を縦に2分割し、ナビゲーションとコンテンツを左側に寄せて画面右側には大きく写真を使っており、情報をコンパクトにまとめつつ企業イメージを確立させています。
執筆者
カテゴリ
基本情報
スポーツに関連するデザイン
-
「機能改善専門スタジオ ザリフォーマー」のホームページデザイン解説メインビジュアルはパーソナルトレーニングの様子を撮影した写真の上にホワイトの帯を敷いて端をマスクで馴染ませ、その上にキャッチコピーを配置しています。すぐ下に暗いイエローの帯を敷いて、トレーニングの結果のサンプルページへと誘導しています。くす...
-
「スタジオK」のホームページデザイン解説ベージュとホワイトのツートーンのバックの中央にジムの様子を紹介したスライドショーが再生され、その上にはオレンジの明朝体で力強くキャッチコピーが配置されています。スタジオのロゴをメインカラーにした、明るく健康的なイメージの色使いです。トレーニ...
-
「JEJアステージ株式会社_outre」のホームページデザイン解説スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
コーポレートサイトに関連するデザイン
-
「株式会社タケショー」のホームページデザイン解説ファーストビューでは4枚の写真で構成されたスライドショーで企業内の紹介をしており、左には縦書きでキャッチコピーを書いた背後にネイビーの帯が敷かれています。メインコンテンツのタイトルも縦書きで書かれており、英語のキャプションを組み合わせたもの...
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
グリーンを使ったデザイン
-
「学校法人 野田鎌田学園」のホームページデザイン解説ファーストビューでは学校生活を紹介するスライドショーの上に、大きめのフォントで力強くキャッチコピーが配置されています。濃いブラウンをメインカラーに下落ち着いた色使いですが、スライドショーの下の学校別のリンクはオレンジ・グリーン・ブルーの3色...
-
「医療法人社団 恵友会 三恵病院」のホームページデザイン解説メインビジュアルはコンパクトな形にまとめられた楕円形のスライドショーで、その右には診療案内が簡潔にまとめられており、下のナビゲーションメニューと3種のご案内へのリンクが画面全体に収まることで、病院の概要が一目でわかるように構成されています。...
-
「真宗 大谷派 蓮照寺」のホームページデザイン解説サイトを開くと画面幅いっぱいにお寺の風景と墓地の写真が次々にスライドショーで表示され、穏やかな空気感と季節感を感じさせます。またスライドショーの右側には縦書きでキャッチコピーが配置されています。明朝体の見出しと、ベージュの背景に淡く敷き詰め...
かっこいいなホームページのデザイン
-
「コネクテックジャパン株式会社」のホームページデザイン解説鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...
-
「イイヅカカズキ建築事務所」のホームページデザイン解説サイトを開くと画面いっぱいに建物外観と親子の暮らしの様子がムービーで紹介され、中央からやや左に寄せて太字の英語フォントでキャッチコピーが重ねられた、スタイリッシュな印象のファーストビューです。レイアウトはグリッドを意識しないフリーなレイアウ...
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
