m・m collection様
安心感をもって購入できるようなコンテンツ内容や導線設計により売上アップへ
神奈川県横浜市
- 制作プランMeta定額制30プラン
- カテゴリーECサイト(PC・タブレット)
Web制作のポイント |
カシミア100%のストールを中心に、オリジナルデザインのストールやスカーフ、マフラーを販売されているm・m collection様のECサイトを新規に制作いたしました。
今回の新規制作の目的として、「ECサイトの売上を伸ばしたい」というご要望を頂きました。
そのため、まずは「上質な素材」「オリジナルデザイン」といったお客様の”こだわり”を知っていただけるよう、「ストールへのこだわり」ページを新設いたしました。特にこだわっている「天然素材」のコンテンツは、柔らかな布のテクスチャを背景に使用し画面いっぱいに大きく表現することで、高級感のあるカシミアの暖かさを感じていただきながら、重要なコンテンツとして自然と際立たせております。 |
---|
設計・デザインのポイント |
従来のECサイトの「イメージ通りの商品が届くか不安」という懸念点を解消するため、「商品のタグ部分」や「スカーフを広げた状態」、「素材を拡大した写真」など、様々な角度から見た商品写真を1種類のカラーにつき5枚~8枚と数多く配置することによって、ユーザーが百貨店で実際にスカーフを手に取っているような感覚でお買い物いただけるよう、細部まで工夫を施しております。また、商品写真をマウスオーバーした際に拡大表示させるほか、商品一覧ページからも「他にどのような色や柄があるのか」をすぐに認識していただけるよう、各商品のカラーバリエーションを自動でサムネイル表示しております。さらに、PC用サイトでは「新着」「素材」「スタイル」「イベント」「カラー」の5つの視点から商品を絞り込めるメガメニューをページ上部に固定表示することで、お探しの商品をすぐに見つけられるユーザビリティの高い設計を行いました。
今回、メインコンテンツとなる商品ページには、CV率向上のため「3つの対策」を行っております。1つ目は、各カラーのサムネイル写真のすぐ横に、「カートに入れる」動線を配置いたしました。そのため、商品情報を閲覧していただいた後に感覚的な操作でご購入へ進んでいただけます。2つ目は、「どの季節に使用できるストールなのか」を具体的にイメージしていただけるよう、商品の「生地の厚み」や「使用できる季節」をわかりやすく図式で表現しました。それにより、商品ごとの特徴や用途が明確になり比較もしやすく、実用性も加味してお買い物をしていただけます。3つ目は「レビュー機能」を搭載いたしました。実際にご購入いただいたお客様からの声を実際の商品写真とともに投稿していただけるため、安心感をもって購入していただく後押しとなる機能になっております。 デザイン面では、主役である商品が際立つよう、全体的にシンプルなテイストでまとめております。また、背景にアルファベットの透かし文字を使用しているほか、ギフトの写真にタイル式の切り抜き加工を取り入れるなど、優先したいコンテンツの訴求効果を高めつつ、トレンドを感じられるデザインにいたしました。本公開後は「プロの方々にお任せできたので、素敵なホームページになりました」と喜びの声をいただいております。 |
---|
Web制作・運用サポート一覧 |
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート |
---|