WebGallery

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

*

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

   

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

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

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

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

  関連記事

選ばれるポイントを綺麗にまとめたホテルのサイトがオシャレでカッコいい!

福岡県北九州市にあるホテル「ステーションホテル小倉」のホームページです。 青と黄 …

左側にスライダー、右側にコンテンツのレイアウトでデザインされた花火大会のサイト2選!

あっという間に6月も中旬ですねー! 今回は、少し先ですが8月に開催される花火大会 …

小学校内の施設「英語村」のホームページが虹のようなカラフルデザインで魅力的!

群馬県前橋市の立嶺小学校内にある施設「英語村(イングリッシュビレッジ)」のホーム …

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

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

企業サイトのデザインが、赤と黒の配色でカッコいい!

愛知県名古屋市にある「Y.W.C株式会社」のホームページです。 ファーストビュー …

パステルカラーの色合いと渡辺直美が可愛い!スープを飲み干しても198kcal!女性に嬉しいヘルシーなカップヌードル

今年の3月に発売された日清カップヌードルの商品「カップヌードル Light +」 …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

下部にバナーとして表示されるスライダー

北豊島園自動車学校のホームページです。 コンテンツごとに背景を変えて、可愛らしい …

作品の色味をサイトでも表現

  大阪にある陶芸作家のサイトです。作品の色味をサイトのカラーリングで …