WebGallery

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

*

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

   

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

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

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

 

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


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

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

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

  関連記事

京都にあるチョコレート専門店のサイトが、可愛くて美味しそう!

京都にあるローチョコレート・ビーントゥバー専門店「KYOTO COCO」のホーム …

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ …

猫!

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

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

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

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

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

思わず眠くなってくる?雰囲気の絵本

子育て中のパパママたちの間で密かに話題になっていた絵本「おやすみ、ロジャー」の特 …

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

文字を光らせ幻想的な世界観を創造する

  えのすい(新江ノ島水族館)で行われるナイトワンダーアクアリウムの特 …

メロンパンケストラの愉快な仲間たち

群馬県・埼玉県を中心に展開するメロンパン専門店「メロンドパーネ」のホームページで …

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

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