「アズール梅田」のホームページデザイン解説

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、NIKEのバスケットボール・シューズを紹介しています。グローバルナビにて、NIKEのブランドウエアやシューズなどを案内しています。トップページの中央に、「NBAオー...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、PUMAのブランド商品を紹介しています。グローバルナビにてレディースやメンズ、コレクションやセールなどを案内しています。買い物カゴのマークから、プーマジャパンのオン...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、YONEXのスポーツウエアを紹介しています。グローバルナビにてヨネックスの会社概要、スポーツ情報などを案内しています。スポーツ情報のページはバドミントンやテニス、ゴ...

ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...

ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...

画像領域がファーストビューの中央に設置されており、目に止まりやすい構成がしっかりと考えられた設計になっています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、サイトの雰囲気を演出する要素になっています。スクロールしていくと「作品集...

絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...

ファーストビューには中央に大きく商品写真が配置されており、その背景に爽やかなイメージの写真が用いられていることで清潔感のある演出が施されています。商品写真と背景写真はスライドショーで切り替わる仕組みになっていて、サイトの導入として効果的な演...

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

斜めに並んだ複数の画像がスクロールと連動して動く仕組みがファーストビュー画像領域に展開されており、目を引く演出がしっかりと考えられています。ファーストビューではブラックの背景にホワイトの文字を使うことでメリハリの効いたスタイリッシュなイメー...

ファーストビューではディスプレイの画面が回転し、その中で次々を画像が切り替わっていくムービーが展開されていて、商品の情報がストレートに伝わる演出が施されています。説明が無くても映像で商品を知ってもらえるような作りになっていて、ユーザが直感的...

ファーストビュー全体を使ってシステムの説明モーションが展開され、一連のモーションがサイトを開いてまず目に飛び込んでくることでインパクトのある演出が施されています。思わず見入ってしまうような驚きのある展開で、サイトの導入として効果的な演出です...