WebGallery

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

*

アニメのサイトということを忘れてしまいそうな「セーラームーン 25周年特設サイト」が凄い!

   

期間限定で公開されている「美少女戦士セーラームーン」の25周年特設サイトです。

幻想的な宇宙を背景にしたとても壮大なスケールを感じるデザインのサイトです。
装飾を最小限に抑えたシンプルなレイアウトなのですが、各キャラクターのアイコンや、背景の惑星を使ってデザインされています。
さらに、スクロールするとアイコンがくるくると回ったり、1文字1文字がアニメーションのように表示されたりと、動きがあって面白いです。

スマートフォンで見ても、パソコン版とあまり変化なく表示されているのが凄いです!
リンクをクリックしても他のページに移動するのではなく、オーバーレイで重なるように表示されます。とても凝ったデザインですが、文字の動きやコンテンツを表示する時のアニメーションなど、スマホでもパソコンでもスルスル見れるように工夫されていてとても参考になります!

 - 特設サイト, 色で表現 , ,

  関連記事

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …

パソコンとスマートフォンで色味が変わるサイト

  千葉県八千代市にある「京成バラ園」のホームページです。全体的にピン …

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

青をメインに、女性にも親しみやすいようにデザインされたサイト

長崎県長崎市に本社をかまえ、長崎から食材をホテルやレストランに届ける「株式会社イ …

記事の写真を活かしたシンプルなレイアウト

造花やドライフラワー・クリスマスグッズやディスプレイグッズを製造・販売しているメ …

賑やかな店内の様子と、美味しそうな料理の写真で素敵なディナーが味わえる雰囲気を見せたイタリアンレストラン

埼玉県新座市にあるイタリア料理店「トラットリア&ピッツェリア Legio …

ピンクのグラデーションが綺麗!なサイト3選

数年前からWebデザインのトレンドとして様々な所で取り上げられていますが、背景に …

オーガニックな印象に変わる養命酒の工場

長野県駒ヶ根市にある養命酒を製造している「駒ヶ根工場」のホームページです。 「よ …

スマートフォンからでも情報が伝わりやすい

  コガノイベイホテルの公式サイトです。全体的に情報量が多いのですが、 …

対象の商品の背景を伝えるストーリーなどがしっかり伝わるようにした「USIO DESIGN PROJECT」

「USIO DESIGN PROJECT」のホームページです。 水色を基調とした …