ファーストビューではまず当日と翌日の開催スケジュールが目に入り、その下は3カラムレイアウトとなっています。メインビジュアルをコンパクトにしてページ内の情報量を増やし、タブ切り替えとカラフルなアイコンを多用して膨大な情報量を整理するとともに、レース情報にはトップページも下層ページもすべて投票・オッズ・出走者・結果・施設案内等のボタンをつけ、関連する情報に即座にアクセスできる導線が取られています。初心者向けのコンテンツも設けられ、こちらはイラストを多用したポップなデザインとなっています。
カテゴリ
基本情報
スポーツに関連するデザイン
- 「Nike Circular Design Guide」のホームページデザイン解説
世界的なスポーツブランド、NIKEのデザインガイドラインのページです。モノトーンでまとめた色使いで、ファーストビューではブラックのラインで区切られた画面にシンプルにタイトル・キャッチコピー・ロゴが配置されています。サムネイルのコーナーと辺の...
- 「草野球ワールドシリーズ2019」のホームページデザイン解説
ファーストビューは3人の野球選手の写真で構成されたスライドショーで、ブラックの背景に溶けこむように加工された写真と、写真に重ねられた力強いキャッチコピーが迫力を生み出しています。ブラックとダークグレーの背景にくっきりとしたホワイトのフォント...
- 「Oakshop」のホームページデザイン解説
スポーツウェアブランドのオークリーのECサイトです。メインビジュアルの鮮やかな女性アスリートの写真から画面をスクロールすると、一転してブラック基調のクールな写真に切り替わり、クールなイメージを感じさせます。商品ページのテキストもブラックとグ...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ブルーを使ったデザイン
- 「フロンティア総合会計事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、フロンティア総合会計事務所のスタッフが写っています。グローバルナビにて事務所概要、顧問料などを案内しています。フロンティア総合会計事務所の顧問料については、月額の記帳...
- 「ゆめ中央保育園」のホームページデザイン解説
ベージュをベースにブルーをアクセントにしたサイトです。ファーストビューには、ゆめ中央保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて施設概要、年間行事などを案内しています。ゆめ中央保育園は「本園」と「分園」に分かれています。ト...
- 「おおたか総合法律事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...
かっこいいなホームページのデザイン
- 「Официальный сайт Группы ЧТПЗ」のホームページデザイン解説
ロシアの大口径パイプ製造メーカーのコーポレートサイトです。ファーストビューは製図を思わせるグレーの細いラインで書かれたグリッドと、製造現場のムービーが流れて迫力を感じさせます。コンテンツのタイトル、グラフィックの差し色にバーミリオンレッドを...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「Men’s Hair SPICE|佐賀市高木瀬・夢咲にある男性専用の…」のホームページデザイン解説
男性専用の店舗として黒と白のモノトーンカラーを基調としたスタイリッシュでカッコいい印象のホームページです。上部には注目させたい3つのカテゴリーをバナーにて表示させています。バナーには関連するお洒落な画像を用いることで理解が進みます。 ニュー...