もなか専門店 南曜堂のサイト
ファーストビューからスクロールすると、ページ右側から
メニューが現れて固定表示し、合わせてメインビジュアルが縮小します。
スクロールを促すパーツを越えてスクロールすると、
ページ右上にお店の電話番号が固定表示されます。
商品やお店のイラストなどが、サイトに手づくり感を寄与しているように感じます。
- カテゴリー別アーカイブ ランディングページ
-
-
#075 ブルブルくん×ハローキティ コラボ実現プロジェクト
https://shop.wakasa.jp/np/buruburu_kitty/ブルブルくん×ハローキティ コラボ実現プロジェクトのページ
メインビジュアルとストーリーでページの半分は占められており、
コラボ企画、キャンペーン、ブルブルくん公式Twitterのツイート埋め込みと続きます。
ページ右上固定のドロワーメニューからは、各セクションにスムーススクロールで移動できます。
キャラクターのイメージカラーを基調としてカラフルな仕上がりです。
文字を下線で強調するデザインが多用されています。
-
#074 仮設マガジン『POP UP SOCIETY』
仮設マガジン『POP UP SOCIETY』のページ
ページトップは、方眼紙のような背景にアニメーションしながらビジュアルが表示され、
メインビジュアル画像は、3種類ある内の1つをランダムで表示します。
ページ左上には、記事へのリンクを有するドロワーメニューが追従します。
トップ下の領域にある右から左に流れるコピーは、各記事へのリンクとなっており、
マウスオーバーすると文字色が反転し、画像が表示されます。
“急進都市” のみリンク、ホバーアクションはありません。
サイト下段にはタイトル記事へリンクするタブパネルのメニューがあります。