ファッション・アパレル・コスメECサイト制作／リニューアル

完成度の高いECサイトを作り上げるための
ポイントを制作ステップごとにまとめました。

1. STEP01戦略策定

   1. 1．ブランド訴求戦略・クリエイティブディレクション

      競合のECサイトと差別化を図り、自社ECサイトの強みや独自性をどう具体的に打ち出すかを明確にします。競合ECサイトがどのようなデザイン、コンテンツ、見せ方、ビジュアル画像で展開しているかを分析した上で、自社ECサイトの打ち出し方を考察する必要があります。その上でECサイトのデザインのデザインの方向性、トーン＆マナーを決めていきます。
      アパレルやアクセサリーのブランドの場合、コスメ（化粧品）のブランドとは異なり、理論的なベネフィットで自社ブランドの強みを打ち出すことが難しいため、独自の世界観を訴求することが重要です。そのため、キービジュアルとトップページ全体のレイアウトが重要になります。
      自社ECサイトの強み・独自性を打ち出すことが難しい場合は、ブランド自体のコンセプトや方向性を見直したり、ブラッシュアップする必要があるかもしれません。ネット上では、ユーザーは様々なブランドのECサイトを見て、簡単に比較できてしまうため、強みや独自性を最大限打ち出すことができないとユーザーに興味すら持ってもらえない状況になりがちです。そのため、競合ブランドのECサイトを見据えた自社ECサイトのポジショニングをどう設定するかが重要になります。

   2. 2．集客プロモーション戦略

      1の訴求戦略を元に、どの集客手法と媒体を使って新規ユーザーにリーチするかを検討します。アパレルやアクセサリーのブランドの場合、キーワードと連動した検索広告は相性が悪いため、バナー画像（ブランドの世界観やモデル）で訴求することができるディスプレイ広告やインスタグラム広告のほうが費用対効果が良い場合が多いです。また、広告だけではなく、インフルエンサーマーケティングを広告と平行して実施することも効果的です。インフルエンサーをキャスティングする際には、1の訴求戦略を元に最適なインフルエンサーをリストアップし、効果検証しながら自社ブランドと相性が良く、効果が出るインフルエンサーを発掘していくことが大切です。
      また、どのようなビジュアル、コピーを使って訴求するかも複数パターン企画し、効果検証しながら継続的に広告クリエイティブの開発をしていくプランづくりも欠かせません。

   3. 3．CRM （リピート購入促進）戦略

      2で新規ユーザーへのリーチ方法が決まったら、ECサイトへのリピート訪問、リピート購入を促進するための戦略を作る必要があります。
      CRMの手法にはメールマーケティング、自動接客ツール、会員ランクブログラム、ポイントプログラムなどがあります。
      また、LTV（ライフタイムバリュー）＝顧客生涯価値を測定し、新規ユーザー獲得費用の指標として集客プロモーション全体を拡大させるための計画も重要になります。

2. STEP02要件定義・仕様確認

   ステップ1のブランド訴求戦略・クリエイティブディレクションではECサイトの見せ方（デザインとコンテンツ）について企画した訳ですが、このステップ2ではECサイトに持たせる機能や挙動の仕方、ページ構成（サイトマップ）、更新方法などを明らかにします。
   ECサイトの機能には様々なものがありますが、アパレルやアクセサリーのECサイトでよく使われる機能には、予約販売機能、ポイント機能、クーポン機能、SKU表示カート機能、クロス検索機能などがあります。

   ECサイトの基本的なページは下記になりますが、その他、自社のECサイトであったほうがいいページについて考察する必要があります。

   • トップページ
   • 商品一覧ページ
   • 商品詳細ページ
   • ニュース一覧ページ
   • ニュース詳細ページ
   • ブランドコンセプト
   • 購入フロー
   • 会員登録フロー
   • カートページ
   • 特定商取引法ページ
   • プライバシーポリシー
   • 利用規約
   • お問い合わせページ

   ブランドの独自性を表現したり、ブランディングを進めるために、上記以外に特集ページを持たせて、継続的に更新していくECサイトも多くあります。特集ページのコンテンツとしては、例えば、コーディネートの紹介や他ブランドとのコラボレーションの内容を深く紹介したり、キャンペーンやノベルティを発表したりと、企画次第で様々な情報を発信することができます。

   特集ページやニュースページなど、継続的にページを更新していく際、制作会社にページの制作を依頼しなくても、自社内で簡単にページ更新ができるCMS（コンテマネジメントシステム）をECサイトに実装するかどうかも、このステップで検討する必要があります。

   また、店舗のポスシステムとの連携やモールとの連携など、外部システムとの連携についてもこのステップで連携方法の詳細を明らかにしておきます。

3. STEP03カートシステム選定

   ステップ2でECサイトの仕様や要件が固まったら、自社のECサイトに最適なカートシステムを選定します。
   カートシステムには下記の種類があり、月額利用料や対応サイト規模、機能カスタマイズの可否、ライセンス費用の有無、拡張性などの違いがあります。

   • フューチャーショップ
   • メイクショップ
   • カラーミー
   • Shopify
   • ec being
   • コマース21
   • マジェント
   • EC CUBE

   など。

4. STEP04制作スケジュール作成

   ステップ1の要件・仕様を元に、詳細（日付カレンダーレベル）で綿密なスケジュール表を作成します。このスケジュールを元に制作を進行していきます。制作会社と事業会社それぞれのタスクも明確化します。
   スケジュール項目には下記があります。

   例）

   • 構成書作成（PC版）
   • 構成書作成（スマホ版）
   • デザイン（PC版）
   • デザイン（スマホ版）
   • ドメイン設定
   • カートシステム契約
   • カートシステム設定
   • コーディング
   • データ登録
   • DNS切り替え
   • テスト、検証

5. STEP05構成書作成（ワイヤーフレーム作成）

   構成書はページごと、PC版、スマホ版ごとに作成され、各ページに挿入する要素（画像やコピー、ボタンなど）とレイアウトを定義する設計図になります。一般的にはパワーポイントで作られることが多いです。この構成企画の段階で要素の漏れがないか、レイアウトは最適化どうかをよく検討して構成書を完成させる必要があります。特に、トップページ、商品詳細ページ、商品一覧ページはブランドの独自性・工夫を反映させられるページになりますので、ベンチマークサイトなども参照しながら、自社ブランドに相応しい構成を作り上げることが大切です。

6. STEP06デザイン制作

   ステップ5の構成書をベースにして、デザイナーがデザインを制作します。まず先にトップページ（PC版）のデザインを複数パターン作ってもらい、その中からベストなものを選定するのが理想です。ステップ1のクリエイティブディレクションでデザインの方向性やトーン＆マナーが明確になっているはずなので、ここで的外れなデザインが出てくることはほぼないでしょう。
   ベストなものを選定したら、デザインをブラッシュアップしたり、修正をデザインに踏襲してもらうようにします。このステップを経てトップページ（PC版）が完成します。このトップページ（PC版）のデザインをもって、ページ全体のデザインのベースが確定しますので、このベースを商品一覧ページなどにも展開して、その他のページのデザインを制作していきます。
   デザインが完了したページはステップ7のコーディング作業に回されますが、コーディング着手した後にデザインの修正が発生するとスケジュールの遅延とコーディング作業のやり直しが発生してしまうことがあるので、コーディング着手前にデザインをよく検証し、最終完成形にしておく必要があります。

7. STEP07コーディング・プログラミング

   Webデザインをブラウザ上で見える形にするためにソースコードを記述して、実際のウェブページを生成します。また、画像がスライドしたり、ポップアップ画面が表示されたり、ボタンの色が変わったりなど、ページの要素に動きを持たせるためのプログラムを施していきます。
   ここでチェックすべきは、要素の動き方が最適かどうか、コンテンツとコンテンツの間の余白が最適かどうか、スライド画像の動きが希望の動き方かどうか、などで、サイト全体のレイアウトと動き方を細かくチェックしていく必要があります。ここで要望と異なる部分があれば制作会社に修正の依頼をします。

8. STEP08商品撮影

   商品詳細ページに掲載する写真を撮影します。商品詳細ページはユーザーが購入を検討している商品を詳しく解説するページになるため、ここで掲載する画像が購入率に大きく影響します。そのため、この商品画像はクオリティーの高いものを目指して撮影する必要があります。
   様々な撮影方法があり、モデル着用、置き撮り、吊るし撮影などがあります。また、ユーザーにとって商品の細部がしっかりと見えることが重要ですので、様々なバリエーションを網羅するために多くのカット数を撮影することが大切です。

9. STEP09商品カテゴリ登録

   トップスやボトムス、ワンピース、ネックレス、リング、アウターなどの商品カテゴリ情報をECサイトに登録し、ECサイト上のナビゲーションメニューに表示させます。それによってユーザーが商品を探しやすくなります。

10. STEP10商品データ登録

    商品の価格、商品説明文、SKUコード、品番、サイズ情報、展開カラー、商品画像などの商品データを品番ごとに作成し、ECサイトに登録。商品詳細ページを量産生成します。

11. STEP11会員データ移行（リニューアルの場合）

    ECサイトリニューアル前に登録された会員のデータを旧サイトからエクスポートし、新しくリニューアルするECサイトに移行することで、既存の会員を資産として引継ぎます。エクスポートした大量のデータを新ECサイト用に加工・編集する必要があり、個人情報を取り扱う作業になるため、制作会社に作業を依頼するケースが多いです。

12. STEP12各種計測タグ設置

    ウェブ解析ツールのGoogle AnalyticsやGoogle、Yahoo!の広告の効果検証用のタグをECサイトに設置します。

13. STEP13サイトチェック・動作確認・修正

    クオリティーの高いECサイトを作り上げるためのポイントを制作ステップごとにまとめました。

14. STEP14サイトチェック・運用テスト

    各種データの登録が完了したら、サイト公開前に一連のサイトチェック、運用テストを実施します。サイトチェック、運用テスト項目には下記があります。

    【サイトチェック】

    • 前ページをチェックし、表示崩れや挙動に不具合がないかどうか。
    • 購入が問題なくできるか。
    • 会員登録が問題なくできるか。
    • メールマガジンが問題なく購読できるか。
    • マイメニューの各種機能が問題なく動作するか。

    【運用テスト】

    • 受注データをダウンロードし、物流システムにインポートすることが問題なくできるか。
    • 受注データのキャンセル処理が問題なくできるか。
    • 問い合わせ情報が問題なく受信できるか。
    • メールマガジン購読者リストを問題なくダウンロードできるか。
    • 自動配信メールが問題なく配信できるかどうか。
    • 出荷ステータスが受注データに問題なく反映されるか。

15. STEP15ECサイト公開作業

    公開日時を予めスケジュール化し、公開作業を行います。公開後に不具合や修正、トラブルが発生した場合に備え、公開日は土日祝祭日と金曜日は避けたほうが無難です。時間帯は午前中にしておくのがベターです。土日祝祭日や夜間は制作会社の対応が難しい場合があるからです。

16. STEP16既存会員へのパスワード登録案内（リニューアルの場合）

    ECサイトリニューアルの場合、旧サイト会員にサイトがリニューアルしたこと、パスワードの再設定を促す案内をメールで告知するようにします。

17. STEP17サイト修正（サイト公開後）

    ECサイト公開後、公開前には気づかなかった修正事項が発生することがあります。サイト公開後もコーディング修正、プログラム修正が発生することを予定しておくのが賢明です。