ファーストビュー画像は注目の特集などを掲載しています。画像内の情報量が多く、またポップで明るい色使いや写真やイラストを用いており見やすいデザインです。ページ全体としては黒、白、緑を基調としています。緑は濃い緑を用いることで落ち着いた誠実な印象に仕上がっています。 トップページ内には現在のチームの成績や最新の試合結果情報、次回の試合情報などフレッシュな情報が並んでいます。チーム毎にロゴマークを用いることや試合結果を太文字で表記するなどメリハリをつけた案内をしわかりやすいです。ニュースは画像がある内容とそうでないものがあり強弱をつけて注目度を高めています。
カテゴリ
基本情報
スポーツに関連するデザイン
- 「Nike Circular Design Guide」のホームページデザイン解説
世界的なスポーツブランド、NIKEのデザインガイドラインのページです。モノトーンでまとめた色使いで、ファーストビューではブラックのラインで区切られた画面にシンプルにタイトル・キャッチコピー・ロゴが配置されています。サムネイルのコーナーと辺の...
- 「草野球ワールドシリーズ2019」のホームページデザイン解説
ファーストビューは3人の野球選手の写真で構成されたスライドショーで、ブラックの背景に溶けこむように加工された写真と、写真に重ねられた力強いキャッチコピーが迫力を生み出しています。ブラックとダークグレーの背景にくっきりとしたホワイトのフォント...
- 「Oakshop」のホームページデザイン解説
スポーツウェアブランドのオークリーのECサイトです。メインビジュアルの鮮やかな女性アスリートの写真から画面をスクロールすると、一転してブラック基調のクールな写真に切り替わり、クールなイメージを感じさせます。商品ページのテキストもブラックとグ...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
グリーンを使ったデザイン
- 「税理士法人トゥモローズ」のホームページデザイン解説
グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、トゥモローズの税理士が出迎えています。グローバルナビにて料金体系、その他のサービスなどを案内しています。トップページの中央に、トゥモローズの理念を掲載しています。法...
- 「社会保険労務士法人トムズコンサルタント」のホームページデザイン解説
グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューには、トムズコンサルタントのスタッフが写っています。グローバルナビにて会社情報、サービス内容などを案内しています。グリーンのバナーから、トムズコンサルタントの会社案内をダ...
- 「合同会社Stand By」のホームページデザイン解説
ホワイトをベースにグリーンをアクセントにしたサイトです。ファーストビューには、Stand Byのスタッフが写っています。グローバルナビにてStand Byの会社情報、サービス内容などを案内しています。グリーンのバナーからニュースを見ることが...
男性向けなホームページのデザイン
- 「NUDO モイストベースクリーム」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、エフェクトをかけた男性画像が使われています。グローバルナビにてNELのコンセプト、プロダクトなどを案内しています。トップページの中央に、NUDOモイストベースクリー...
- 「名古屋グランパス」のホームページデザイン解説
ページ全体としては白と本サイトで紹介されているサッカーチームのロゴに用いられている赤とオレンジを用いた明るく楽しい印象のホームページです。ファーストビュー画像の下には最新の試合情報が掲載されています。いつ、何時にどこのチームとどの場所で戦う...
- 「U10G」のホームページデザイン解説
ホワイトをベースにブルーをアクセントにしたサイトです。男性向けの育毛コラーゲンドリンク『メンズミレッド』を紹介しているサイトです。ファーストビューには、にっこり微笑む女性が写っています。育毛コラーゲンドリンクで男性の髪の毛の悩みを解消するた...