WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

「人」と「枕」の出会いの場を提供する「まくら株式会社」

千葉県柏市にある、枕を中心とした寝具のインターネット通販・企画を行っている「まく …

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

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

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

水色と黒を使用し、近未来感を演出したデザイン

メルセデス・ベンツとPerfumeがコラボレーションしたメルセデス・ベンツのiP …

行ってうっとり!夏の鳥取の魅力がつまったサイト

観光スポットやグルメ情報など、四季折々の鳥取の「美」を紹介している「ANA 鳥取 …