WebGallery

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

*

東京メトロとコラボしたフラットデザインなドラえもんが可愛い!

      2016/07/13

名称未設定 1

東京メトロとドラえもんがコラボし、4月1日からスタートしたキャンペーン「すすメトロ!」の特設サイトです。

東京メトロの青とドラえもんの青が綺麗なサイト。東京メトロのフラットデザインに合わせてドラえもんもポップな雰囲気になっています。
NEWSの部分では、文字を小さくしてコンパクトにした分、ドラえもんや鈴を使ったアニメーションを一緒に載せることで、小さくなっても目立っています。

キャンペーン第1弾は「ホームドア」篇、第2弾は「訪日外国人対応」篇ということで、駅構内の様々な場所に東京メトロの取り組みが隠れています。ホームの人をよく見ると藤子・F・不二雄タッチの人物で可愛いです!

「未来に向けて東京をより良くしていきたい」という東京メトロの想いによって起用されたドラえもんのアニメーションが、とても可愛らしいです。
ドラえもんと一緒に東京メトロの新しい取り組みを紹介しています。キャラクターを使って公共機関を分かりやすく紹介してくれるので、子供から大人まで楽しめるサイトです。

 - 動きで表現, 特設サイト

  関連記事

思わず飲みたくなる!ビールのイベントサイト

2017年4月28日の金曜日から5月7日の日曜日までお台場の「シンボルプロムナー …

ファーストビューに動画を取り入れた神社・お寺のサイト5選

数年前から背景に動画を使用したデザインをよく目にするようになりました。 動画を効 …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

リプトンカラーのデザインで気分も上がる!夏限定で自分だけのティードリンクを作ろう!

7月7日から8月31日までの期間限定で表参道にオープンしたアイスティー専門のカフ …

様々なところにハイビスカスのイラストを置いて、ハワイアンの空気を演出したイベントサイトがかわいい!

2017年の4月29日(土曜日)から5月7日(日曜日)までお台場のヴィーナスフォ …

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

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

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

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

猫!

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

背景を道に見立てたデザインの地図アプリのサイトがおしゃれ!

株式会社Strolyが制作した地図アプリ「Stroly」のホームページです。 フ …

ロゴマークにマウスをホバーさせるとアニメーションになる仕組み

東京都台東区にあるランドセル工業会が運営している「ランドセルくらぶ」のホームペー …