見出し画像

スクロール遷移サイト5選↓→

ゆるゆるです。
ゆるりとスクロールでページにいざなうホームページありますよね。
ゆるっと全部見ちゃってたなんてことも・・・ステキ紹介します。

NORTH FLAGGERS | 利尻島PR漁師団体

画像1

利尻島の漁業協同組合が島の魅力を発信し、この島の素晴らしを伝えます。
ノースフラッガーズ!!全然ゆるくないぜ!!
めちゃくちゃかっこよく、島と漁業を魅せているサイトです。
寒そうだけど行ってみたい。
各カテゴリスクロールでもメニューからも行き来しやすく、
スマホハンバーガーのロゴで動画透かしているところとか芸が細かい。
ちなみに、利尻漁港のサイトLPもオシャレなんですよ。
https://rishiri-gyokyo.or.jp/#topSct
センスの良い人が絡んでるに違いない。


BLUE NOTE JAPAN | ブルーノート・ジャパン

画像2

「人」「音楽」「食」そこにいたい上質な空間を提供する
ブルーノート・ジャパンのサイト。
スクロールすると波紋の様にページが遷移していきます。
マウスストーカーポインタの変化や、OV時の変化も細かく設定されており、デザインも下層ページまでしっかりトンマナが統一されていてステキ!


リバティ ロンドン
SPECIAL CONTENTS | VIRTUAL FLAGSHIP STORE

画像3

入り口からゆるP高...
最近良く見るズームからの突入パターンでオンラインショップへいざ入店。
(東京駅でやりたい演出です。笑)
「360°見渡しながら、ショッピングをお楽しみいただけます。」
のとおり、ミュージアムの回廊に来たような気分でご覧になれます。
音楽も上品、フロア、商品の紹介もオシャレで見やすくまとめられており、スマホでも高いクオリティで見やすく素晴らしいステキサイトです。


MIDWAM

画像4

スクロールにあわせて3Dぐわんぐわん動く!
デザインもかっこよく、ゲーム画面でキャラリメイクとかロボット系の装備装着UIとか、トンマナガラッと変えてモデルさんをグリグリまわしながら装備しているブランドや、コーデのポイントを各所紹介しつつクリックすると購入できるとかできたら革新的だと思う。(毎月違うモデルさんで更新とかで。笑)
不動産でも外観パースや最近流行りの360°VRじゃないけど、VR内の設備に寄せて詳細出るとかで設備仕様紹介とか面白そう。
ちなみにアラビア語まったく分からないけど、そっちも切り替えるとメニュー位置なども変わったり(言語の読み方が影響しているのかな?)かっこいいのでオススメです。


STUDIO—BA®

画像5

スクロールすると横に遷移しながら進めていくスタイル!
文字の方が圧倒的に多いし、色味もそんなにないのに美しくまとめられている設計デザイン。
日本語だと横・縦と目まぐるしく変えると難しいかもしれないけど、和のテイスト・着物柄や帯・組子・西陣織・和紙とかと組み合わせても面白そう。
電子新聞・雑誌、パンフレットとかもこんな感じで読んでみたい。
特に、キャプチャのところは「簡潔な見出し」「実例画像」とかの紹介に使えそうなゆるP高い仕様でした。


【追伸】

今回、スクロール遷移に注目してまとめましたが、以前あんころ餅氏が紹介していた「PRESS BUTTER SAND CHOCOLATE COLLECTION | プレスバターサンド チョコレートコレクション」のサイトもサクサク動くしめちゃくちゃステキなので、まだ見てない方は読んでみてください。
◼記事(https://note.com/marinasan/n/naa4a818e4cae

この記事が気に入ったらサポートをしてみませんか?