BLUE WOODS No.1 POP-UP SHOP

ファッション・ライフスタイル / LP（ランディングページ）

アパレルブランド AOKI STANDARD CO. の8日間のポップアップに向けた特設ランディングページ。ブランドサイト本体と同じデザイン基盤の上に、会期だけの紙の色と差し色を重ねた設計。

このプレビューは実サイトを埋め込み表示しています。レイアウトは実際の閲覧環境と異なる場合があります。

コンセプト

巨大タイポの背面に、木のかたちへ切り抜いた動画を重ねたファーストビュー。会期の8日間は横一枚の年表に組み、商品10型は同一構図の3層積層でスクロールに合わせて組み上がる。ブランドサイト本体とは地色だけを替え、特設ページだけが持つ熱量を色で分けた。

背景・課題

動画のクロップは iOS で崩れる clip-path を避け、CSS mask-image をデータURIで埋め込んで解決した。外部ファイル参照は読み込みに失敗すると要素ごと消えるため、fetch そのものを無くしている。商品コピーは名前付きアンカー6種の宣言に集約し、幅ごとの座標指定を全廃した。

プロジェクト情報

ジャンル: ファッション・ライフスタイル
サイト種別: LP（ランディングページ）
制作年: 2026年
想定予算帯: ¥200,000〜300,000
制作期間帯: 要件に応じて調整
規模感: 1ページ
担当範囲: 企画・設計・デザイン・コーディング・実装・公開（すべて私一人）

DESIGN PERSPECTIVE

デザイン傾向: エディトリアル / 和のリズム

TECHNOLOGIES & FEATURES

主な機能

アニメーション動画商品ラインナップ

使用技術

HTMLCSSJavaScript

CMSなし

フォームなし

アニメーションあり