「au」のホームページデザイン解説

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

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

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

ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...

ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...

素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...

鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...

グレーをベースにオレンジをアクセントにしたサイトです。ファーストビューでは、イラスト付きのアイコンから住まいを探せます。グローバルナビにて、不動産・住宅情報などを案内しています。トップページの中央に、不動産のカテゴリ一覧を掲載しています。不...

メインビジュアルは2枚の画像で構成されたスライドショーで、その下のブルーのストライプの帯には新着記事のタイトルが電光掲示板のようにスライドして表示されます。カテゴリーはラウンド状のボタンが右から左へと次々と流れてきて、様々なジャンルのブログ...

ファーストビューで大きく商品写真が使われていて、可愛らしいデザインがサイトの導入として効果的な役割となっています。スクロールしていくと短いムービーが繰り返し流れるGIF画像を用いて商品のPRが展開されており、ユーザの興味を抱かせる工夫が施さ...

ファーストビューでは商品画像が浮いているような演出が展開されており、カーソルの動きに合わせて微細な動きが見られる効果が加えられていることでポップで楽しげな演出に仕上がっていて、ユーザの心を掴む工夫が施されています。サイトの導入として効果的な...

ファーストビューではブラックの引き締まったベタの中にアイコンフォントが並び、その下にスライドショーで主力商品を紹介することで、どのようなサービスのサイトか一目でわかるような構成になっています。メインコンテンツは淡いベージュをベースにした柔ら...