Uchida Design

Coloma_wab

記事作成日 2021/04/03
最終更新日 2021/04/11

プロダクト概要

Coloma WebはColoma for MT4アプリのアルゴリズム販売のECショップとなります。 このサービスは、アクティブ投資経験はあるが成績が上がらない個人投資家向けに、株式会社MAZINが提供する投資アルゴリズム販売のためのショップとなります。

要求

  • 高額商品を取り扱うため、チープな世界観にはして欲しくない
  • 商品の成績・特徴を一眼で伝えたい
  • 講座登録画面、商品購入画面では不安感をもたれないよう丁寧に各ステップを示す

要件

  • アルゴリズムの未来感と、結果を出してくれる印象を目指しシックな印象を採用
  • 商品カードにアルゴリズムの成績をリアルタイムに反映
  • ユーザーの登録 → 購入完了のフローは購入意思がはっきりとしたタイミングから行う
  • お客様の講座登録が必要

メインUX・フロー

coloma_webのフロー図

購買UXフロー要件

ユーザーは購入までに以下の登録が必要である

  • ユーザー登録
  • クレジットカード登録
  • 月額プラン登録

これらの登録を逐一ユーザーに任意で行わせることはストレスフルな体験になるので、
「購入」ボタンの押下(購入モチベーションが高い状態)を起点に各情報登録を行うフローとした。

完成フローイメージ

coloma-web_flow_image

Topページ

coloma-web_top 商品であるアルゴリズムを並べ、投資に関わるサービスであることをアナウンスする。 また、各アルゴリズムカードでは、投資成績に関わる主要指標および実際の結果を一眼で外観できるようにした。
ユーザーは実際のアルゴリズムの効果を見て詳細ページに移動できる。

商品詳細ページ

coloma-web_purchase 各アルゴリズムの詳細な内容および、実際のテスト結果を網羅する。

Pages

coloma-web_pages

制作データ

作成期間 : 2ヶ月 私の作成物 ： ユーザーフロー UI UIライブラリ　

関連記事