Overview
プロジェクト概要
生活雑貨ブランド「無印良品」のネットストアのECサイトを、Shopify / BASE / STOREで構築しました。トップページ、カテゴリ・商品一覧、商品詳細、カート、購入手続き、会員ページ（マイページ）まで、サイト全体を構築しました。決済・定期購入・ポイント・クーポンの機能と、在庫・基幹システムとの連携、管理画面の設定にも対応しています。
トップページでは、上部に検索窓とカート・ログイン・サポートを置き、左側におすすめ情報・お買い得・婦人・紳士・こども・家具・食品などのカテゴリを縦に並べました。特集を切り替えて見せるスライダー、SALE、季節のおすすめに続けて、配送料や受取方法などの「ネットストアの便利なサービス」をアイコンで案内し、カテゴリ別の写真付きボタン、読みもの、イベント情報を配置しています。デザインから実装まで、RuxelTechチームで一貫して対応しました。
- 構築範囲
- サイト全体（トップ / カテゴリ・商品一覧 / 商品詳細 / カート / 購入手続き / 会員ページ（マイページ））
- 主な機能
- 決済 / 定期購入 / ポイント / クーポン / 在庫・基幹システム連携 / 管理画面の設定
- 業種
- 小売・生活雑貨
- ロール
- ECサイト構築 / サイト設計 / デザイン / フロントエンド実装 / 決済・定期購入・ポイント・クーポン / 在庫・基幹システム連携 / 管理画面の設定 / レスポンシブ対応
- 技術
- Shopify / BASE / STORE
TOP — トップページ
ブランドらしい、装飾を抑えたシンプルな構成
サイトの入口となるトップページを、PC版・スマホ版で掲載しています。白とグレーに、ブランドカラーのえんじ色だけを使った装飾の少ないデザインです。カテゴリは写真付きの小さなボタンにそろえ、商品数が多くても落ち着いて探せるようにしました。スマートフォンでは検索窓を上部に置き、特集を横にスクロールして見られます。
- 左のカテゴリ一覧と上部の検索窓
- 特集・SALE・季節のおすすめを順に配置
- 配送料や受取方法をアイコンで案内
- カテゴリ別の写真付きボタンと読みもの・イベント
全体をスクロールしてご覧いただけます
Results
成果
衣料・家具・食品まで幅広い商品とサービスを、ブランドらしいシンプルなデザインで探しやすくまとめ、購入まで完結できるネットストアとして構築しました。
Tech Stack
ShopifyBASESTORE