top of page
IMG_5206.JPG

Wix Studio

セレクトショップ

ショップサイト

Wix Studioホームページお引越し事例|アパレルセレクトショップ

2025年7月22日

レディースファッションのセレクトショップ

新潟県長岡市のセレクトショップ、Clairさまよりのご依頼で、カラーミーショップのECサイトから実店舗のホームページへ変更するため、Wix Studioへお引越ししました


実は、、、普段の私は受け身でお仕事をしており、あまり自分から営業をすることがないのですが、今回は初のココナラの応募案件で1/69の倍率でお選びいただきました!


彩葉D&Wでは”理想の顧客から選ばれるブランディング支援”もしているので、その効果の証明になったとも言えるかもしれません。


また、当初のご希望は「WordPressで納品後にご自身で運用可能なこと」だったのですが、私からはWix Studioをご提案させていただきました。


Wix Studioをお勧めした理由は下記になります。


  • デザインの自由度が高く、動きのある魅力的なホームページにできる

  • CMS機能を使えば日々の運用が便利

  • システムアップデートの対応を自分で行う必要がないため、商品の入れ替えやお知らせ記事の作成だけに注力できる(時短



ご希望内容


ホームページリニューアル(カラーミーECサイト→実店舗のホームページ)


  • 目的: 集客 ・イメージアップ

  • 出したい雰囲気:ふんわりと優しく、大人ガーリー、スタイリッシュ

  • イメージカラー:白・シルバーグレー・赤

  • 納品までの期間:40日(1ヶ月と10日)

  • 使用ツール:Wix Studio

  • 顧客層:50歳前後(40代〜60代)の仕事をお持ちの女性



実施内容


  • キャッチフレーズ

  • コンセプトライティング(文章)

  • レスポンシブデザイン

  • SEO設定



構成


6ページ

  1. home

  2. about

  3. news(ブログ機能)

  4. 新着アイテム個別ページ(CMS機能)

  5. ブランド個別ページ(CMS機能)

  6. ポリシーページ(カラーミーから転記)


※お問合せはできるだけ公式LINEに誘導したいというご希望だったので、aboutページにお問合せフォームを入れてはいますが、専用のお問合せページは付けていません。

今回のご希望は、EC機能はなくすものの、雰囲気や構成はECサイトの時と同じにしたいというものでした。


そのためコントラストや文字の小ささはUIデザインからは外れてしまうのですがそれをお伝えした上でお客様のご希望に合わせてお作りしました


トップページ|home


カラーミーショップのECサイトと同じ内容にしたいというご希望でしたので、項目はそのままに、順番だけ実店舗向けに並べ替えました。


  • スライドショー

  • コンセプト

  • スタイリング(インスタグラムのフィード投稿連動)

  • 新着商品

  • ニュース(ブログ機能)

  • 取扱ブランド一覧

  • アクセスMAP

  • CTA&マスコット紹介


カラーミーショップの時のトップページ画像
カラーミーショップのトップページ
旧|カラーミーショップ

Wix Studioへお引越し後のトップページ
新|Wix Studio


アニメーション


マスコットキャラクターを歩かせたいというご希望があったのですが、動画アニメーションの作成はまた別のサービスになりますので、今回は代わりにwixのアニメーションをお付けしました。


  • マスコットキャラクターにチャームが揺れているようなアニメーションをつけてみました。

  • Accessのセクションには、マスコットと車が横から出現するアニメーションをお付けしました。


マスコット


商品写真のスライダー


当初、季節ごとの新着アイテムのコラージュ写真をスイライドショーに混ぜたいとご希望されていたのですが、Webデザインは見る端末のサイズがまちまちなので、大きさによって端が見切れてしまいます。


また、コラージュするには慣れやテクニックも必要です。


そこで今回は、スライドショーの下に商品写真を入れて、アニメーションで横断させることにしました。


Wix Studioの場合はギャラリー機能を使うと、ノーコードでこの動きが実現できます。


これであればコラージュ写真を作る手間も省けますし、季節ごとの商品写真の入れ替えも楽になります。


商品写真のスライダー

CMS機能


Wixでとても便利だと思うのがCMS機能です。


Excelのような管理表にテキストや画像を入れることで、アイテムや詳細ページが自動で生成される優れものです。


今回は、New Arrivalの商品情報ブランドの紹介に使いました。


New Arrival(新着商品情報)


トップページには商品一覧を表示し、クリックすると詳細ページに飛ぶようにしてあります。


商品一覧
商品一覧(CMS機能)
商品詳細ページ
商品詳細ページ(CMS機能)

この2つの箇所は1つの管理リストに紐づいていますので、商品を入れ替えたい時には管理リストを修正するだけで表示が入れ替わります。



魅力を伝えるお手伝いポイント


キャッチコピー


元々のキャッチコピー|「わたし時間を楽しむためのセレクトショップ」

リニューアルしたキャッチコピー|「”わたしらしく”を楽しむためのセレクトショップ」


今回は特にキャッチコピーのご依頼があったわけではないのですが、キャッチコピーをお入れする際に修正させていただきました。


と言いますのも、「わたし時間を楽しむ」=「一人の時間」を想像してしまい、例えば部屋着やアロマ、クッションなどを置いてあるお店のような印象を受けます。


Clairさまの場合はそうではなく、”自分らしさを楽しむ大人の女性のための洋服やファッショングッズを扱っているセレクトショップ“でしたので、「”わたしらしく”を楽しむ」と修正させていただきました。


スライドショーのお写真


ECサイトの時には取り扱いブランドのバナーをスライドショーに使用されていました。


ただ、これですとブランドの紹介にはなりますがショップの魅力にはなりにくいため、「行ってみたい」と思ってもらえるよう実店舗のスライドショーにはショップのお写真を使いました。


ホームページはトップ画像で印象が左右します。


できればプロのカメラマンに撮ってもらうことが好ましいものの、今回はお客様ご自身で撮影したお写真を使われるということでしたので、お写真を拝見してから「もう少しこう写すと良いですよ」と構図を指定させていただきました。


また、いただいたお写真はまず、真正面から写した角度に矯正してから加工修正して使っています。


↓真正面から見た角度に矯正↓

店舗お写真修正前と後

※生成AIを使ってガラスの映り込みやお店周りの加工をしています。


お客様の声

今回ショップのHPリニューアルということで、彩葉DWさんにご協力いただきました。最初から、彩葉DWさんの文才と、ブランディング力に安心してお任せすることができました。こちらの細かい要望も素早くご対応いただき、思い描く以上の楽しくて、見やすく、スタイリッシュなHPを作成して頂きました。とても大満足です。ありがとうございました。

Clairさま



私はちょうど顧客層のど真ん中なのですが、年々、似合う服が変わってきているように感じます。


体型もそうですが、それよりも顔つきなのでしょうか、、、どんな服を着れば良いのか迷子になりがちな年代です。


そんな時にプロ目線のアドバイスで自分に似合う素敵なお洋服が見つけられたら、嬉しくてワクワクして、毎日が楽しくなりますよね。


新しいホームページを見た方が、「ちょっと覗いてみようかな」と思うよう、Clairさまの魅力がしっかり伝っていると嬉しいです。


益々のご発展を祈って。

IMG_5206.JPG
bottom of page