WebGallery

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

*

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

   

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

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

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

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

  関連記事

名古屋市にある産婦人科病院のサイトが、病院のサイトとは思えないほど可愛い!

愛知県名古屋市にある産婦人科病院「産婦人科 アイ・レディスクリニック」のホームペ …

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …

ロゴカラーで統一された心療内科クリニック

埼玉県さいたま市にある心療内科クリニック「新都心むさしのクリニック」のホームペー …

黒い背景にインパクトのあるキャッチコピーと卵の写真で、重厚感のあるサイトがカッコいい!

鹿児島県曽於市にある卵・マヨネーズ等を販売している「サテライツ株式会社」のホーム …

目に優しい色合いと文字の大きさで、見る人の目の負担を軽減させた眼科のサイトデザイン

神奈川県藤沢市にある眼科「長後えんどう眼科」のホームページです。 オレンジと緑を …

不思議の国のアリスをイメージさせるパン屋さんのサイトが可愛い!

関東を中心に店舗があるパン屋さん「マジカルチョコリングのHEART BREAD …

三角形を使って作られた「花と緑と水の町」のふるさと納税サイト

宮崎県三股町のふるさと納税特設サイトです。 黄色と黒を基調としたパキッとしたデザ …

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

大塚製薬が販売している「オロナイン」の公式サイトです。 ファーストビューの日常の …

白黒の配色と扇形の写真の切り取り方を使った重厚感ある香料メーカー

200年あまりの歴史を持つ香料メーカー「塩野香料株式会社」のホームページです。 …

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

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