WebGallery

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

*

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

   

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

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

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

 

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


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

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

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

  関連記事

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

おにぎりを使用したプロモーション

毎年10月16日は「世界食料デー」ということで、おにぎりを食べようというプロモー …

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

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

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

ファーストビューで必要な情報が全て見れるよう工夫された配置

東京都江東区にある温石浴「幸泉」のホームページです。 シングルページで構成された …

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …

GWに開催されるジャズイベントのサイトがかっこいい!

2017年の4月28日・29日・30日の3日間にわたって東京の「ワテラス」で開催 …

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

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

イラストは背景色で区切られた中に配置するのではなく、枠内からはみ出させることで動きがでる

静岡県浜松市にある建築会社「マルベリーハウス(桑原建設)」のホームページです。 …