WebGallery

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

*

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

   

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

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

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

 

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


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

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

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

  関連記事

猫好きにとってはたまらない雑貨イベント

2016年10月23日の日曜日に開催されるイベント「ニャンフェス 猫好きのための …

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです …

スクロールなどの動作を遅くすることで、より細部まで目がいくようにする

株式会社アブ・アウトが経営する北海道旭川発祥「らーめん山頭火」のホームページです …

アリのマークを用いて様々な仕掛けを作る

東京都にある株式会社「Alfanet(アルファネット)」のホームページです。 ま …

ドイツ国旗の配色を使ってデザインされたサイトがおしゃれ!

2017年4月28日(金)から5月7日(日)の期間、横浜赤レンガ倉庫で開催される …

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。 黒・白・赤の …

「おもちゃ箱」をイメージしたテレビ朝日の新卒採用サイトが、ポップで面白い!

テレビ朝日の新卒採用サイトです。 鮮やかな黄色の背景色がとても印象的なサイトです …

愛くるしいスヌーピーとキャラクターがたくさん!

2016年4月、東京都港区六本木に誕生した「SNOOPY MUSEUM TOKY …

常夏の色合いがステキな「潜水屋Ti-Da」

愛知県名古屋市にあるダイビングショップ・スクール「潜水屋(もぐりや)Ti-Da」 …

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

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