WebGallery

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

*

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

   

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

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

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

 

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


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

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

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

  関連記事

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

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

思いも寄らない毒々しい配色

今年の7月16日・17日に北海道岩見沢市にあるいわみざわ公園で開催される野外音楽 …

もうすぐバレンタイン!2019年バレンタイン特設サイトを集めました!

明日はいよいよバレンタインデーですね! 皆さんはもう誰かにチョコレートを上げまし …

コントラストを少なくした配色でお年寄りでも見やすいデザインに

台東区にある社会福祉法人「台東区社会福祉事業団」のホームページです。高齢者や児童 …

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

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

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

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

どんな環境でも見やすい

  横浜にあるレストラン&ショップのサイトです。トップページに施設の外 …

和食に牛乳という”ミルクマジック”「乳和食」

一般社団法人Jミルク「乳和食」の特設サイトです。 イラスト中心の柔らかいデザイン …

エイプリルフールに公開されたサイトをご紹介!香川の「ヤドン県」

2018年の4月1日は日曜日でしたが、様々なジョークサイトが公開されていました。 …

あまり知られていない上野動物園の魅力がギュッとつまった「UENO PLANET」が面白い!

東京都大東区にある「上野動物園」が運営する「UENO PLANET」の特設サイト …