WebGallery

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

*

ユーザーごとにデザインを切り替える

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

ヤマト運輸株式会社の公式ホームページです。

個人・法人・行政や自治体ごとのページが見れるようになっており、各ページごとにデザインが切り替わっています。

個人の場合は、色んな世代の人に見やすく伝わりやすくするように、親しみやすい文章で構成されています。また、トップページの「荷物を今すぐ送る」というコンテンツでは、黄色と緑のヤマトカラーのアイコンを使用しています。アイコンが猫の形をしているのも可愛らしいです。
宅急便が便利になったと紹介している部分では、背景をクロネコにして紅葉が舞うアニメーションを使用しています。背景はただ耳を生やして終わりではなく、目をつけてキョロキョロさせたり、下の方には尻尾をつけて揺らしたりと遊び心満載のデザインになっています。

パキッとした色合いではなく、白を含んだ柔らかい色合いなのも暖かみがあって良いですね!

 - コーポレートサイト, 動きで表現

  関連記事

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

動きのあるグローバルナビでサイトの雰囲気を暖かくする

秋田市にある写真館「岩田写真館」のホームページです。このサイトは何といってもグロ …

豊富な情報量をすっきりまとめた給食委託会社のサイトがオシャレで参考になる!

東京都千代田区大手町に本社をかまえる給食委託会社「株式会社LEOC」のホームペー …

コントラストの強い配色で高級感のある雰囲気を演出したサイト

フランスのファッションデザイナー「pierre cardin」の日本公式サイトで …

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …