WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

ついついボタンを押したくなる「伊勢丹新宿店 食品フロアのツボ」

   

名称未設定 1

伊勢丹新宿店の食品フロアガイド「伊勢丹新宿店 食品フロアのツボ」のホームページです。

トップに大きなスライダーがありますが、スマホの画面だけくっきり見せることで、注目度があがると同時に「スマホでこのサイトを見たらどうなるんだろう」というワクワク感が出てきますね!

また、丸いボタンが各所に使用されており、大きくなったり小さくなったりするアニメーションをつけることで、ついつい押したくなるボタンデザインになっています。

スマートフォンで4つのツボを見たとき、上部に固定されたロゴのカラーがツボのカラーになるのも画面全体に統一感がでて良いですね!

各コーナーの紹介ページでは、ページの下にフロアマップがあり、さらに全体マップも見ることが出来るので、コーナーの位置がどこなのかすぐに分かるようになっています。

 - 動きで表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

「伝統」と「革新」を伝える「廣榮堂 採用サイト」

岡山で160年の歴史を誇る老舗和菓子屋「廣榮堂」の採用ページです。 学生たちをタ …

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

フラットデザインで見やすい

  大阪経済法科大学のサイト。フラットデザインのイラストがとてもおしゃ …

各コンテンツに飛ぶボタンを作り、読む側に優しいデザイン

  東京都にある留学サポートを行っている会社です。全体的に色をあまり使 …

花火のアニメーションを使って、夏限定のパッケージデザインを表現したシャンドンの特設サイト

「CHANDON」の2018年夏限定サマーボトルの特設サイトです。 大きな花火や …

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。 黒・白・赤の …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …

グローバルナビよりも目立った言語切り替えボタン

熊本県にある有限会社「球磨川ABC」のホームページです。左側に固定された言語選択 …

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …