SELECTED WORK / BASE SHOP DESIGN
napesei
お店の世界観を、
HTMLからつくる。
大胆な写真と静かな余白。
服の形やディテールが印象に残る、古着店のオンラインショップをBASEで制作しました。
公開ショップの画面 / 2026.10 VISIT SHOP ↗
THE APPROACH
見せ方は自由に。
日々の更新は、いつもの管理画面で。
BASEのHTML編集機能を使い、トップ・商品一覧・商品詳細のレイアウトを設計。
写真の大きさや余白、文字、情報の順番まで、お店の表現に合わせて組み立てました。
01 / DESIGN
大きな写真を並べたトップ特集と、服のディテールに寄る編集的な見せ方。PCとスマートフォン、それぞれの画面に合わせて調整しています。
02 / OPERATION
商品情報・価格・在庫をBASEの仕組みに連携。日々の商品追加にコード編集は不要です。トップの特集画像や文章もテーマ設定から変更できます。
03 / BASIC SEO
ページのタイトル・説明文、見出し、正規URLなど、検索エンジンに内容を伝える基本設定を整備。商品情報を反映するテンプレートを制作しました。
ART DIRECTION / VISUAL
一着の印象から、
ショップの空気をつくる。
実物写真をもとに、色のある背景とフィルムの質感を取り入れたイメージ画像をAIで制作。商品の特徴に合わせて、構図や距離を変えています。
世界観を伝える画像と、状態を確認する実物写真を使い分ける構成に。見た目と商品情報の役割を整理しました。
BASE DESIGN / SEO STRATEGY
決まったフォーマットの先まで。
デザインも、集客の考え方も。
HTML / CSSで、お店に合ったページ構成や表現を一から設計。
検索キーワードや競合ページを調べ、商品・カテゴリの見せ方、説明文、購入までの導線も一緒に考えます。
公開後は計測環境とデータを確認し、改善の優先順位をご提案します。
BASEの仕様とご利用中の機能を確認したうえで、実現できる構成をご提案します。制作・分析の範囲に応じて個別にお見積もりします。
ショップ制作・SEOについて相談する ↗