スクールブランド 3.14 ジュニアエリートのサイト
アニメーションを挟んでトップ画面が表示されると、
画面いっぱいにシェイプのくっきりしたイラストがひしめいています。
ファーストビュー以降は、宇宙→陸上→海中の順序でイラストが配され、
3つの学習プログラムとリンクするように、黄→緑→青の流れでカラーリングされています。
モバイル版はPC版と違い、イラストの動きをカット、
PC・モバイル版共にグローバルナビは画面上部に固定表示されています。
-
-
#119 魔法部|フェリシモ
https://www.felissimo.co.jp/mahoubu/株式会社フェリシモのブランド 魔法部|フェリシモ のサイト
ページ全体がイラストになっており、左下から右上に流れる何かと、
上下にゆらゆら動くイラストが浮遊感を演出しています。
イントロダクションより下は、文字の少ないレイアウトとなっています。
「気になるアイテムのカギを開けて」の領域に到達すると
カーソルがカギのアイコンに変わり、表示されている商品リンクに
マウスオーバーすると、鍵穴イラストを拡大表示、周囲に呪文のような文字が現れます。
パステルな色使い、魔女、ユニコーンなどのファンタジックなモチーフ、
夢の中のような世界観の「ゆめかわいい」が表現されたサイトとなっています。
マウスストーカーのキラキラ、カーソルがカギに変わるアニメーションが好みです。
-
#118 【公式】那須ガーデンアウトレット
https://www.nasu-gardenoutlet.com/【公式】那須ガーデンアウトレットのサイト
トップページのファーストビューは、一画面那須ガーデンアウトレットの
動画の背景になっていて、場所に重きを置いたビジュアルになっています。
グローバルナビはマウスオーバーでドロップダウンの領域を表示するタイプで、
カテゴリー毎にイメージ画像、アイコン、キーワード検索を配しています。
ファーストビュー以降の白背景には”RESORT+OUTLET=RESOLET”の文字が
tickerとなっており、INSTAGRAMの領域のループ表示するスライダーと
リンクした動きとなっています。