BASEプロダクトチームブログ

ネットショップ作成サービス「BASE ( https://thebase.in )」、ショッピングアプリ「BASE ( https://thebase.in/sp )」のプロダクトチームによるブログです。

購入完了メールを改修しました

f:id:heart_breakers2:20210407182246p:plain

こんにちは、デザイナーの河越です。
「BASE」では今年の2月に、注文時に購入者に送られる購入完了メールをリニューアルしました!

baseu.jp

これまで「BASE」から購入者に送られるメールはほとんどがテキストメールでした。
各ショップが工夫してネットショップ上でブランドの世界観を表現しているにも関わらず、購入者が受け取るメールがショップの世界観とマッチしておらず購入者に違和感を与えてしまうという課題がありました。
そこで今回、「BASE」から送られているあらゆるメールをHTMLメール化する「メール改善プロジェクト」が始まりました。

まず第一弾として購入完了メールがHTMLメール化されましたが、どのような経緯でリニューアルに至ったのか、デザインで工夫した点などを振り返りたいと思います!

購入完了メールのHTMLメール化の経緯

「メール改善プロジェクト」は、デザイナー主導で始まりました。
「BASE」の体験をより良くできそうな箇所があれば、デザイナーが主体的に課題を解決していける環境があるのはBASEの良いところだなと思います☺︎

プロジェクトのキックオフが終わったら、まずは「BASE」から購入者やショップオーナーに送信されているすべてのメールをリストアップしました。
購入完了メールや発送完了メール、お問い合わせ完了メールなど、購入者に送信されているものだけで32種類ものメールがあることがわかりました。

メールを洗い出したあとには、ショップオーナーや購入者の声を一番近くで聞くCS (Customer Support) チームに、メールに関してどのような問い合わせが来るかをヒアリングしました。
その結果「ブランドのお店で注文をしたのに"BASE"からメールがきて混乱した」「銀行振込決済を選択して注文したあと、どこに振り込めば良いのかわかりづらかった」と感じている購入者がいることがわかりました。

CSチームからのヒアリングを経て

  • 購入者の購入体験を向上させること
  • ショップのブランドブランドの世界観を壊さないこと

を念頭に、まずは購入完了メールをリニューアルすることに決めました。

完成したデザイン

ショップロゴや、設定しているSNSを表示

f:id:heart_breakers2:20210407182401p:plain

ショップがロゴを設定している場合、メールのヘッダー部分にショップロゴが表示されるようになりました。
これにより「"BASE"ってサービスからメール来たけどなぜ?」という戸惑いをなくすことや、ショップの世界観と大幅に解離したメールをなくすことで、注文時から一貫したショップでの購入体験を購入者に提供することを意識しました。

また、フッターパーツに設定しているSNSやショッピングアプリ「BASE」への導線を配置することで、ショップの普段の活動や商品について購入者が知りやすくなりました。

購入した商品がファーストビューに表示させることで、購入直後のわくわく感も醸成できたら良いなと思っています😆

レコメンドエリアを追加

f:id:heart_breakers2:20210407182426p:plain

そのショップで販売されているその他の商品を画像付きで表示させることで、リピート率の向上やショップの売上増加を狙う導線を新たに取り入れました。

まとめ

購入完了メールをリニューアルして早2ヶ月。
期待通り「その他の商品」からの購入が増えています。
また、メールが見やすくなったことで社内からも好評をいただいています!

これまで以上にカスタマーサポートやカスタマーサクセスの声を聞きながらデザインを作ったことや、影響範囲の大きい品質向上に関われたことで達成感が大きく、このプロジェクトにアサインされてよかったなと思います。
また、「BASE」から送られているHTMLメールがほとんどなかったため、コンポーネントを1から考えて作れる楽しさも感じれました。

購入完了メールは「BASE」を利用しているwebのネットショップからの購入でも、ショッピングアプリ「BASE」からの購入でも見られるので、購入のさいにチェックしていただけると嬉しいです😉
今回は購入完了メールをリニューアルしましたが、「BASE」から購入者に送信しているその他のメールもどんどんリニューアルしていきたいと思います。