WebGallery

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

*

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

   

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

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

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

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

  関連記事

背景に学生の写真を使って親しみやすさを演出した専門学校

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。 トップペ …

金額やカテゴリを絞って特典を選べる検索フォームが便利!岡山県備前市のふるさと納税サイト

岡山県備前市のふるさと納税特設サイトです。 ファーストビューの写真の配置がとても …

女性が見ても親しみやすい塗装屋さん

神奈川県を中心に屋根・外壁塗装を行っている外壁塗装専門店「株式会社 松本建装工業 …

ロゴが強調されるデザイン

  たまがわ花火大会の公式サイトです。トップに写真を大きく使い、花火の …

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

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

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

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …

白ではなく黒をテーマカラーにデザインされた「株式会社イプロス」の新卒採用サイトがスタイリッシュ!

「iPROS(株式会社イプロス)」の2019年度新卒採用サイトです。 白い線で囲 …

赤と白のおめでたい配色が綺麗!なお米の販売サイト

「新潟米 新之助(しんのすけ)」のホームページです。 赤と白の背景がとても綺麗な …