• トップ > お知らせ トップ
  • 2016年2月11日 最高のショッピングカートをつくります!「新カゴプロジェクト」の現状報告と2016年の予定

最高のショッピングカートをつくります!「新カゴプロジェクト」の現状報告と2016年の予定

このエントリーをはてなブックマークに追加

昨年より開始したカラーミーショップの”新しいショッピングカート”を作る「新カゴプロジェクト」につきまして、多くのショップ様に導入いただきありがとうございます。
本年も引き続き開発を進めて参りますので、改めましてプロジェクトの概要と今後の予定をまとめました。ぜひご確認ください。

20160209newcart_main

「新カゴプロジェクト」とは?

商品をカートに入れてから購入完了までの「ショッピングカート機能」を改善し、
「もっと売れる」「もっとカッコ良い」”新しいショッピングカート”を作ろうというプロジェクトです。

開発の背景

ショッピングカート機能は、たくさんの機能に紐付いており、また、売上に直結するということもあり、その仕様の変更には、多くの時間と作業を伴います。
そのため、最も重要な機能の一つであるにもかかわらず、カラーミーショップをはじめ、多くのネットショップ運営サービスにおいて、ショッピングカート機能が大きく改善されることはありません。

しかし、カラーミーショップでは、2015年に10年という節目を迎え、これから先の10年で、本当にユーザーの皆様にとって、購入者の皆様にとって、有益なサービスなりたいという思いを込めまして、このショッピングカート機能の改善を行うことに決めました。

多くの開発において、慎重な作業が必要なため、長い時間をかけるプロジェクトにはなりますが、コツコツと根気良く改善を重ね、10年の感謝をお返しできればと考えております。

開発チームのモットー

10年のサービス運営の反省を生かし、単に「最高のショッピングカート」をつくるだけでなく、これから先もずっと「最高のショッピングカートであり続ける」ために、新カゴプロジェクトでは、以下のことを大切にして行っています。

1:新しい技術を積極的に取り入れる
2:「最高のショッピングカート」とは何かをとことん追求する
3:常に改善しつづけられる仕組みをつくる
4:スマホからの購入を意識して開発する

これらの取り組みは、11月に開催したECサービス開発10年の歴史とこれからの10年に向けて~第4回ペパボテックカンファレンスEC編の中でお話させていただきました。

cart
(ショッピングカート内のページ遷移を減らしたいという思いを語る担当デザイナーです。)

現状報告

利用率の高い機能から実装し、下記の改善を行った「新しいショッピングカート」を、ご希望店舗様から導入していただいております。

実装済の改善ポイント

(1)デザインを一新しました。
・どんなデザインのネットショップでも違和感なく使えるようシンプルなデザインにしました。
・スマートフォンでの使い心地にこだわったデザインにしました。
cart_simple

(2)ページ遷移を最小限に
・カートに商品を入れてから購入完了までのページ遷移を6ページ→3ページに減らしました。
20160209newcart_01

(3)購入のストレスを最小限に
・郵便番号を入力すると自動で住所を補完するようにしました。
・エラーはページ遷移することなく、その場で表示させるようにしました。
・商品の個数やお届け方法によって変化する金額をリアリタイムに表示するようになりました。
・入力したメールアドレスを同時に大きく表示させることで、二度入力することなく確認することができるようになりました。
20160209newcart_02

(4)お買い物をもっと楽しく
・金額が変わる場合はアニメーションで動きますので、普通のカートより、ちょっと楽しいカートになりました。
20160209newcart_03
サンプルページ

2016年の予定

ユーザビリティテストや収集したデータをもとに検証と改善を繰り返します。

「もっとカッコよく」「もっと売れる」ショッピングカートを目指し、改善を重ねます。
すでにお使いいただいた店舗様からのフィードバックや、テスターさんを使った購入テスト、各種数値分析をもとに、改善を繰り返します。
20160209newcart_04

利用率の高い機能から順に新しいショッピングカートに実装いたします。

より多くの店舗様にもご利用いただけるよう、各種機能を追加しております。
現在対応中の機能に関しましては、管理画面>ショップ作成>デザイン>ショッピングカートからご確認ください。

進捗に関しましては、引き続きお知らせしてまいります。
それでは、本年も「新カゴプロジェクト」をどうぞよろしくお願いいたします。

関連ページ

●設定はこちらから
管理画面>ショップ作成>デザイン>ショッピングカート

●新しいショッピングカート紹介ページ
新しいショッピングカートができました。

カラーミーショップ公式LINE@

最新情報をおとどけします!

[友だち追加] ボタンからQRコードを表示してスマートフォンで読み取るか、
LINE アプリの [友だち追加] で [ID/電話番号] を選択後 [@colormeshop] を検索してみてください。

友だち追加

@colormeshop