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

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

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

トップページ｜home

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

• スライドショー

• コンセプト

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

• 新着商品

• ニュース（ブログ機能）

• 取扱ブランド一覧

• アクセスMAP

• CTA＆マスコット紹介

アニメーション

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

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

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

商品写真のスライダー

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

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

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

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

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

CMS機能

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

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

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

New Arrival（新着商品情報）

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

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

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

キャッチコピー

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

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

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

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

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

スライドショーのお写真

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

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

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

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

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

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

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

お客様の声

Clairさま