BGMとともに真っ赤な画面が現れ、血が流れ落ちていくようにしてトップページが表示される演出が、アニメの世界観を助長した表現になっていてサイトに引き込まれます。ファーストビューにはアニメのイラストが大きく使われていてインパクトがあり、さらにファーストビューの上下には血の海のような赤い波のモーションが加えられたオブジェクトがつけられています。この波はスクロールのスピードと連動していてスクロールの早さを変えることで波の強さが変わるという面白い効果が加えられていて、楽しく閲覧できるポイントになっています。アニメのダイジェストムービーや、デビルマンの系譜が説明されたページなど面白いコンテンツが充実しており、精巧に作り込まれたクオリティの高いサイトに仕上がっています。
カテゴリ
基本情報
ゲーム・漫画・映画・アニメに関連するデザイン
- 「京都みなみ会館」のホームページデザイン解説
ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
- 「なら国際映画祭2020」のホームページデザイン解説
鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...
- 「YouTube」のホームページデザイン解説
画面左側にサイドメニューを配置し、メインエリアを広くとったレイアウトです。サイドメニューは画面幅によってメニューの表示量が切り替わり、画面の広さを無駄にしない工夫が見られます。ファーストビューで大量に動画サムネイルが並ぶため、ロゴのレッド以...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
レッドを使ったデザイン
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
- 「島田&アソシエイツ国際税理士事務所」のホームページデザイン解説
グレーをベースにレッドをアクセントにしたサイトです。ファーストビューには、シンガポールの景色が写っています。グローバルナビにて島田&アソシエイツ国際税理士事務所の対応実績、シンガポール進出サポートや国際税務サポートなどを案内しています。ブル...
- 「Helixes」のホームページデザイン解説
グレーをベースに、レッドやブラックをアクセントにしたサイトです。ファーストビューには、Helixesのコンセプトが英語で表示されています。2本ラインのメニューボタンにて、Helixesの会社情報や業務内容を案内しています。カーソルをあてたと...
奇抜・派手なホームページのデザイン
- 「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説
ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
- 「makespace.」のホームページデザイン解説
海外のクリエイターや起業家向けの、コミュニケーションプラットフォームへのリンクを一堂に集めたページです。ダークグレーの背景の中にシンプルにInstagram風にサムネイルが並び、マウスオーバーすると写真が鮮やかなカラーのベタに切り替わる演出...
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...