大きくイラストが配置されたインパクトのあるファーストビューでは、トレーラー映像のリンクが設置してあり、アニメーションムービーを見られるようになっています。カードゲームのWEBサイトということで、イラストやアニメーションを用いてターゲットユーザーの期待感を高めるのに効果的となっています。また、スクロールすると実際にカードゲームで遊んでいるシーンのムービーが背景映像として使われており、楽しそうな雰囲気が伝わってきます。スタートガイドのページへのリンクも設置してあり、クリックをすると遊び方や世界観が動画で説明されている詳細ページに遷移します。これから始めようと考えているユーザーにも理解しやすいように動画をメインにしっかりとしたサイト構成がされています。
カテゴリ
基本情報
ゲーム・漫画・映画・アニメに関連するデザイン
- 「京都みなみ会館」のホームページデザイン解説
ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
- 「なら国際映画祭2020」のホームページデザイン解説
鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...
- 「YouTube」のホームページデザイン解説
画面左側にサイドメニューを配置し、メインエリアを広くとったレイアウトです。サイドメニューは画面幅によってメニューの表示量が切り替わり、画面の広さを無駄にしない工夫が見られます。ファーストビューで大量に動画サムネイルが並ぶため、ロゴのレッド以...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ブラックを使ったデザイン
- 「cube.」のホームページデザイン解説
オランダのソフトウェア会社のコーポレートサイトです。サイトにアクセスするとダークグレーの背景の画面中央で回転する透明なキューブのCGが再生され、キューブがゆっくりとテーブルに着地する流れまで思わず見入ってしまいます。暗い背景の中でホワイトの...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「Legal Japan」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、笑顔のリーガルジャパンのスタッフが写っています。グローバルナビにて事務所の取扱業務、弁護士費用などを案内しています。グリーンのバナーから、無料相談を予約できます。ト...
堅め・信頼感なホームページのデザイン
- 「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説
サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小2枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
- 「株式会社コーポレート・アドバイザーズ・アカウンティング」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、雲の合間から薄日が差し込んでいる大空が写っています。グローバルナビにて会社情報、取扱業務などを案内しています。トップページの中央に、コーポレート・アドバイザーズ・アカ...
- 「おおたか総合法律事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...