PayPay STEP / コマース利用促進ロイヤリティープログラムの立ち上げ
2020
- 概要
- 自社のコマースサービスの利用促進を目的とした新規サービスの立ち上げ、リリースに向けて、エンジニア、企画との連携を行いながらページのコーディング作業を実施。
当該サービスは、コマースサービスの利用、ロイヤリティープログラム上の条件を達成条件に応じて、ユーザーのポイント付与率を変えて還元する仕組みで運用されている。リリース以降は、デザイン改善、要件策定、コードのリファクタリング、新規機能の追加実装などを主として実施。また、今後の運用向けて、コンポーネント設計書、コーディングルールなどのドキュメント作成を行う。
- I have carried out page coding and worked in collaboration with engineers and planner for the launch and release of new services aimed at promoting the use of our own commerce services.
- 担当:ベージ実装 [role]Page development
- 使用ツール:photoshop
- 言語:Vue.js Nuxt.js
- 期間:2020年9月-
- メンバー:4人(デザイナーメンバーのみの数字)
- URL:https://paypaystep.yahoo.co.jp/
- 作業内容
- ページ実装
-
ページ実装、コンポーネント設計、コーディングルールなど運用に必要なドキュメント整備
ページを訪問するユーザーの属性に応じて構成を出し分け、レスポンシブ設計。
-
*画像をクリックすると拡大できます
コンポーネント設計書例(PDF)
- 各サービスへのテンプレート連携
-
サービスのメインとなるページ以外にも、トンマナを統一したで残展開を目的とした他のコマースサービス用のテンプレートを実装し、展開
-
- 改善施策
- 他サービスへの流入を増やす目的で、ページ内の構成を変更
改修後、CTRは平均0.04から、0.1程度の改善