「goo ランキング」のホームページデザイン解説

ファーストビュー画像領域に表示された画像が切り替わる際のモーションが印象的で見入ってしまうような演出になっています。また、ヘッダーにはナビゲーションメニューがスクロール追従型で固定表示されていて、サイトの内容がわかりやすくスムーズなページ移...

メインビジュアルを排除した2カラムレイアウトで、ファーストビューでは左右に分かれたボックスに新着・急上昇の質問一案が一目で目に入ります。その下にはカード状のレイアウトを施したコラムのサムネイルが縦一列に並ぶレイアウトです。淡いグレーをベース...

画面上部に配置された検索ボックスとメインエリアには季節に合わせたイラストを背景として設置し、時節やトレンドに合わせた情報発信を期待させるデザインです。3カラムのレイアウトで左側のみ幅を狭くしバナーや文字数の少ないサービスタイトルをまとめ、最...

銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...

グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、中部国際空港セントレアを紹介しています。グローバルナビにてショップやレストランなどのサービス施設、イベント・キャンペーンを案内しています。イラスト付きアイコンをクリッ...

グレーをベースにした、全体的にセピアがかっていますがカラフルなサイトです。ファーストビューには、グローバルな雰囲気の動画をあげています。2本ラインのメニューボタンにて、G20 Japan Digitalのサイトについて紹介しています。1～5...

ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...

グレーをベースにレッドをアクセントにしたサイトです。ファーストビューには、シンガポールの景色が写っています。グローバルナビにて島田＆アソシエイツ国際税理士事務所の対応実績、シンガポール進出サポートや国際税務サポートなどを案内しています。ブル...

グレーをベースに、レッドやブラックをアクセントにしたサイトです。ファーストビューには、Helixesのコンセプトが英語で表示されています。2本ラインのメニューボタンにて、Helixesの会社情報や業務内容を案内しています。カーソルをあてたと...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、介護付き有料老人ホーム「アンサンブル・ファミニュー」を紹介しています。グローバルナビにて「施設を探す」、「施設をもっと知る」などを案内しています。エリアマップから、...

ファーストビューは画面中央にシンプルに配置されたキャッチコピーと小さな円のアニメーションで構成されたメインビジュアルで、アニメーションは時間経過とともに正方形のコンテンツサムネイルと交互に表示される構成です。同様のエフェクトは新着記事のサム...

グレーをベースに、オレンジやネイビーをアクセントにしたサイトです。ファーストビューでは、老人ホーム・デイサービス「はなことば」を紹介しています。ファーストビューに「随時、内覧受付中！」のオレンジのアイコンが貼ってあります。グローバルナビにて...