WebGallery

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

*

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

   

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階にて開催されている「ムーミン展」の特設サイトです。

ファーストビューのイラストがなんとも可愛らしいサイトです。
ふわーっと色がつくアニメーションを使用していて、まるでキャラクターに命が吹き込まれたような演出です!
キャラクター全員が正面を見ているのではなく、どこかを見ているイラストなのも独特の雰囲気が出ています。

左側にメニュー・右側にコンテンツの2カラムで構成されており、さらにトップページにはTwitterのタイムラインやSNS関連のみを配置した必要最小限のレイアウトになっています。
メニューにカーソルを合わせると文字がピョンピョン跳ねているようなアニメーションが適用され、シンプルなデザインのアクセントになっています。

 

サブページのところどころにあるイラストが可愛い!


クリックすると拡大されます。

サブページにはアニメーションが使用されており、「1」の数字に寄り添うムーミンや「2」の数字を滑り台のように滑るリトルミィなど、ただ数字を配置するだけでなくキャラクター込みでデザインされているところに、愛を感じますねー!
何度も繰り返し見たくなるイラストです!
今回日本とフィンランドの外交関係が樹立してから100周年を迎えた記念に開催されているそうです!
ファンにはたまらないムーミンの原画や秘蔵のイラストだけでなく、日本とフィンランドの記念コーナーも設置されているようで、何点か浮世絵も展示されているとのことです。
作品の雰囲気を損なうことなく、イベントを紹介している素敵なサイトですね!

 - イベント系サイト, 動きで表現, 絵で表現

  関連記事

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

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

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

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

気軽に相談しやすそうな行政書士

長野県上田市を拠点に活動している行政書士「城田行政書士事務所」のホームページです …

映画の世界観を再現!サイトもスタイリッシュな「スパイダーマン:スパイダーバース」

2019年3月8日の金曜日に公開された「スパイダーマン:スパイダーバース」! 今 …

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

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

ハロウィンカラーを使っていつもと違う雰囲気のサンリオキャラ達が可愛い!

「サンリオ ハロウィーンパーティ」のスペシャルサイトです。 サンリオの可愛らしい …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

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

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

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

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

動く虎たちが見ていて楽しい!病院ということを忘れさせてくれそうな「やざわ虎クリニック」のホームページ

長野県諏訪市にある内科・外科病院「やざわ虎クリニック」のホームページです。 ファ …