Overview
プロジェクト概要
レディースファッションの公式通販サイト「Arpege story」のECサイト全体を構築しました。Apuweiser-riche・JUSGLITTY・Rirandture・Mystradaなど複数のブランドを扱う通販サイトで、トップページから、ブランド・カテゴリ別の商品一覧、商品詳細、カート、購入手続き、会員ページまでを構築しています。決済・定期購入・ポイント・クーポンの機能と、在庫・基幹システムとの連携、管理画面の設定にも対応しています。
トップページでは、ブランド別のナビゲーションを上部に置き、どのブランドからでも目的の商品へ進める構成にしました。セール告知の帯と、ブランドごとの特集を切り替えて見せる大型スライダーに続けて、FEATURE（特集）、PICK UP、NEW ITEMS（新作）、カテゴリ別に切り替えられるRANKING、スタッフのSNAP、ハッシュタグ、LIVE SHOPPING、NEWS & EVENTSを順に並べています。デザインから実装まで、RuxelTechチームで一貫して対応しました。
- 構築範囲
- サイト全体（トップ / ブランド・カテゴリ別の商品一覧 / 商品詳細 / カート / 購入手続き / 会員ページ）
- 主な機能
- 決済 / 定期購入 / ポイント / クーポン / 在庫・基幹システム連携 / 管理画面の設定
- 業種
- アパレル・ファッション
- ロール
- ECサイト構築 / サイト設計 / デザイン / フロントエンド実装 / 決済・定期購入・ポイント・クーポン / 在庫・基幹システム連携 / 管理画面の設定 / レスポンシブ対応
- 技術
- HTML5 / CSS3 / JavaScript / レスポンシブ対応
TOP — トップページ
特集・新作・ランキングを、迷わず見渡せる入口
サイトの入口となるトップページを、PC版・スマホ版で掲載しています。セール告知と特集スライダーで今の見どころを伝え、その下に新作・ランキング・スタッフスナップ・ライブ配信・お知らせを順に配置しました。スマートフォンでは、ブランドとカテゴリの切り替えを上部にまとめ、片手で商品を探せるようにしています。
- ブランド別ナビゲーションと特集スライダー
- 新作・カテゴリ別ランキング・スタッフスナップ
- LIVE SHOPPINGとNEWS & EVENTSへの導線
- セール告知帯とアプリ・会員登録への案内
全体をスクロールしてご覧いただけます
Results
成果
複数ブランドの特集・新作・ランキングを整理し、セール時にも目的の商品へ進んで購入まで完結できる公式通販サイトとして構築しました。
Tech Stack
HTML5CSS3JavaScriptレスポンシブ対応