https://www.apple.com/jp/macbook-pro-16/
Macbook Pro 16 Inch のページ
ページ全体ほぼ全画面を使って、文字や画像がレイアウトされており、
ページスクロールでアニメーション表示します。
情報量が多いためか、縦に長いページになっています。
appleのサイトは様々な国向けにローカライズされています。
気になったWebサイトを集めてみました。
https://www.apple.com/jp/macbook-pro-16/
Macbook Pro 16 Inch のページ
ページ全体ほぼ全画面を使って、文字や画像がレイアウトされており、
ページスクロールでアニメーション表示します。
情報量が多いためか、縦に長いページになっています。
appleのサイトは様々な国向けにローカライズされています。
フルーツスナックブランド Madies のサイト
ページスクロールに合わせて、図形とテキストを
アニメーション表示するパターンでデザインされています。
ページの最後はシネマグラフが配されています。
テキストのカリグラフィーが特徴的です。
フィッシュチップスのお店 GOODFISH のサイト
ヘッダーメニューはstickyで、ページ遷移の際は、背景のサーモンピンクに変わります。
サケを使った商品のためか、ベースカラーの青や、水を使った演出、境界の波打ちなどの、
ビジュアルに海や魚を連想させる演出が目立ちます。
大きなタイポグラフィと商品イメージが、シンプルで伝わりやすいと感じました。
“join the countercurrent”の領域には、ロゴのGOODの部分と同じく
「GOOD」の形をした魚(おそらくサケ)が泳いでいます。