← 改良版の3案に戻る
MVPMOVIE
VINTAGE PUNCH
WEBSITE DESIGN
THREE DIRECTIONS / 2026
MOVIE VINTAGE PUNCH / DESIGN PROPOSAL

映画と古着の出会いを、
MVPらしいホームページに。

大手古着店の「見やすさ」を土台に、
十条のMVPの個性を3つの方向でデザインしました。
各案を開くと、商品一覧・店舗案内まで確認できます。
スマートフォンにも対応しています。

SAME CONTENT. THREE DIFFERENT MOODS.

共通する構成と、参考にしたポイント

  • JAM:カテゴリーで探せるナビゲーションと、整った商品一覧。
  • 西海岸:大きな写真・見出しと、情報を区切る明快な構成。
  • Gleeful:お店の雰囲気が伝わる写真と、店舗への導線。

3案とも「商品 → コレクション → お店の紹介 → Instagram → 店舗案内」の順。
参考サイトの構成をヒントに、MVP専用のレイアウトと配色にしています。

BASE・Instagramとの連携について

この試作では、既存のBASEショップとInstagramへのリンクを設置しています。商品写真とInstagram欄はご提供素材を使った固定の掲載例で、価格・在庫・最新投稿の自動取得は行っていません。

本番はBASEのHTML編集機能を使うカスタムテーマとしての実装を想定。商品登録や在庫管理をBASEにまとめ、商品の二重登録を避ける構成を目指します。カート・購入手続きはBASE標準画面を使います。採用デザインはBASEの仕様に合わせて調整・確認が必要です。

店舗写真・住所・アクセスはMVPフォルダ内の素材を参照。営業時間は固定せず、Instagramへ案内しています。