大きくイラストが配置されたインパクトのあるファーストビューでは、トレーラー映像のリンクが設置してあり、アニメーションムービーを見られるようになっています。カードゲームのWEBサイトということで、イラストやアニメーションを用いてターゲットユーザーの期待感を高めるのに効果的となっています。また、スクロールすると実際にカードゲームで遊んでいるシーンのムービーが背景映像として使われており、楽しそうな雰囲気が伝わってきます。スタートガイドのページへのリンクも設置してあり、クリックをすると遊び方や世界観が動画で説明されている詳細ページに遷移します。これから始めようと考えているユーザーにも理解しやすいように動画をメインにしっかりとしたサイト構成がされています。
執筆者
カテゴリ
基本情報
ゲーム・漫画・映画・アニメに関連するデザイン
-
「株式会社 潮出版社_潮WEB」のホームページデザイン解説サイトを開くとナビゲーションメニューの下にカルーセルメニューが表示され、新刊やおすすめ情報を紹介するビジュアルが次々と表示されます。メインエリアは右側にナビゲーションメニューを配置し、ランキングやリンクを配置しています。ブラウンとイエローを...
-
「有限会社feel.」のホームページデザイン解説縦方向のナビゲーションメニューと、横方向のタイトル・新着情報エリアがコンパクトにまとまったファーストビューです。トピックスのエリアにはスタジオが手掛けた作品のキャプションとサムネイルが一堂に並び、華やかさと技術力の高さをうかがわせます。下層...
-
「株式会社 ピー・アール・エー」のホームページデザイン解説アニメーションスタジオのコーポレートサイトで、メインビジュアルでは手掛けた主要な作品をスライドショーで紹介しています。モノトーンにブルーをアクセントにしたフラットなデザインで、制作実績・撮影実績は年度ごとにテーブルでまとめられています。下層...
サービスサイトに関連するデザイン
-
「西武学園文理中学･高等学校」のホームページデザイン解説サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
-
「hana鍼灸治療院」のホームページデザイン解説サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
ブラックを使ったデザイン
-
「磨き屋シンジケート」のホームページデザイン解説金属研磨に関する企業をプロ集団として紹介するサイトで、サイトを開くと暗闇の中にホワイトの明朝体で書かれたキャッチコピーが静かに浮かび上がり、その背後から色調をダークに補正した写真が次々浮かび上がります。画面をスクロールすると視差効果で新着情...
-
「藤屋段ボール 株式会社」のホームページデザイン解説サイトを開くとまず画面いっぱいに積み上がった段ボールの写真が表示され、その上に企業のロゴが描かれていくアニメーションが再生されます。画面をスクロールすると左側にナビゲーションメニューを固定した2カラムレイアウトへと変化する構成です。背景はホ...
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
堅め・信頼感なホームページのデザイン
-
「株式会社アイルビーザワン_Discovering Sounds」のホームページデザイン解説サイトを開くと画面いっぱいにスライドショーが表示され、カリキュラムの特徴やサービスの内容を一目でわかるように紹介されています。濃いネイビーをメインカラーにしたビジネス色の強い色使いで、バナーやリンクボタンのオレンジがアクセントとなっています...
-
「ひめさゆり法律事務所」のホームページデザイン解説サイトを開くと流線型でトリミングされた事務所の写真が表示され、写真とメインエリアをまたぐように縦書きでキャッチコピーが配置されています。淡いグリーンをメインカラーに、タイトルにパステルカラーの玉ボケを散らした柔らかく優しいイメージのデザイン...
-
「株式会社 大栄鍛工所」のホームページデザイン解説サイトを開くと鋳造の様子を捉えた写真が次々と現れ、ダークな色調の写真と明朝体の大きなキャッチコピーで重厚感を与えるファーストビューです。画面をスクロールすると階上から撮影した写真がフッターに向かってフェードインするような形で現れ、より奥行き...
