WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

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

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

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

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

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

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

五円玉のようなコインが印象的な「goen゜」

森本千絵さんを主宰としたデザイン事務所「goen゜」のホームページです。 ファー …

スライダーを使った回転寿司のデザインが面白い!高知県のお寿司屋さん

高知県須崎市にある回転寿司「回転ずしいちばん船 マルナカ須崎店」のホームページで …

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

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

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

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

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

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …