トップページ全面に使われたゲームのCGグラフィックが非常にインパクトのあるページになっています。右上に設置された虫眼鏡のグラフィック内では音声付きのムービーが流れていて可愛らしい演出です。また、ナビゲーションメニューの表示にはキャラクターを配置して、カーソルを合わせると動きがあって遊び心のあるモーションとなっています。「ピクミンとのであい」をクリックすると全面グラフィックでストーリー仕立てのページ構成となっていて閲覧するのが楽しくなる構成が考えられています。他のページでも同様にゲームのグラフィックをメインに、ユーザが楽しく閲覧できる工夫が施されていて完成度の高いサイトです。
執筆者
カテゴリ
基本情報
ゲームに関連するデザイン
-
「FIELDS」のホームページデザイン解説画面幅いっぱいに配置されたメインビジュアルがまず目を引きます。背景はコンテンツごとにグレーの濃淡を切り替え、アクセントに企業ロゴのグリーンを使ったシンプルなデザインです。トピックスのサムネイルは縦長の画像に濃いグレーの背景とホワイトの文字を...
-
「BOOK asahi.com」のホームページデザイン解説グレーをベースにベージュをアクセントにしたサイトです。ファーストビューでは、ジャンル別に書評を紹介しています。グローバルナビにてビジネス書、ミステリーやコミックなどを案内しています。トップページは2カラム構成で、左サイドは新着記事や書評を掲...
-
「GCREST」のホームページデザイン解説トップページはパララックス効果を用いており読み進めたくなるようなワクワク感のあるホームページです。ファーストビュー画像下のNEWSおよびSERVICEは左右に切り替わるデザインが特徴的です。画像とともに案内をしておりすべて詳細ページへの案内...
サービスサイトに関連するデザイン
-
「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
-
「ホホホタケ」のホームページデザイン解説ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
カラフルを使ったデザイン
-
「ブックオフをたちよみ！」のホームページデザイン解説メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度...
-
「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
-
「イーヨ 〜子育てシングルの応援サイト〜」のホームページデザイン解説クラフト紙風にノイズを乗せたテクスチャの上に、ラフなタッチで描かれた顔文字のようなカラフルな笑顔のロゴが親しみやすさを感じさせるファーストビューです。コンテンツのバックはピンク、オレンジ、グリーンのポップな色が敷かれ、分解したロゴマークをサ...
ポップなホームページのデザイン
-
「やさしい切りかた辞典」のホームページデザイン解説鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...
-
「たまらん堂」のホームページデザイン解説サイトにアクセスすると、キャッチコピーとともにニワトリの手書き風イラストが表示され、画面が切り替わると幅いっぱいにスライドショーが表示される構成で、鮮やかなレッドやイエローをバックにした人物写真の周囲を、手書き風のイラストに囲まれたイラスト...
-
「西伊丹幼稚園・認定こども園 西伊丹保育園」のホームページデザイン解説ファーストビューでは鮮やかなレッドとくすんだブルーをアクセントカラーにしたサイドメニューと、園内の様子を紹介したムービーが表示されます。画面に散りばめた写真や図形のグラフィック、ムービーの縁などにわずかに揺らぎをあたえた、手書きのような温か...
