WebGallery

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

*

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

   

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

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

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

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

  関連記事

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

検索のユーザビリティを高めたデザイン

  Renottaの公式ホームページです。全面的にリニューアルし、どの …

カテゴリーごとに分けたコンテンツが見やすい!

海外に向けて沖縄の新たな魅力を伝えるプロモーションサイト「Where to Go …

各ページごとに変わるカラーリング

  東京にある教育事業や就労支援などのサービスを行う企業のホームページ …

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

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

イラストに動きを加えて、楽しい雰囲気を演出したサイトが可愛い!

佐賀県小城市にある飲料商品の開発・販売等を行っている会社「友桝飲料」のホームペー …

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEB …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

女性をメインターゲットにした、可愛らしい「塗装業」のサイト3選!

現在勤めている会社では、塗装業のサイトを新規作成・リニューアルすることが多いです …

子供連れのママさん世代やその子供をターゲットにした歯医者さん

長崎県長崎市にある歯医者「田口歯科医院」のホームページです。 柔らかい配色が可愛 …