MVPMOVIE
VINTAGE PUNCH
WEBSITE DESIGN
THREE DIRECTIONS / 2026
MOVIE VINTAGE PUNCH / DESIGN PROPOSAL
ART DIRECTION / REFINED EDITION

もっと映画を。もっと古着を。
MVPの世界観を、その一枚に。

メインビジュアルを、3案とも作り直しました。
光、素材感、写真の重なり、そして文字。
「映画を好きな人の古着屋」が伝わる表現へ。
前の3案と比較する ↗

SAME CONTENT. THREE DIFFERENT MOODS.

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

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

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

BASE・Instagramとの連携について

この試作では、既存のBASEショップとInstagramへのリンクを設置しています。メインビジュアルは、実物の商品写真とAI制作の背景を組み合わせた演出です。商品写真とInstagram欄はご提供素材を使った固定の掲載例で、価格・在庫・最新投稿の自動取得は行っていません。

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

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