— Portfolio —
Subscription
Purchase Flow
1. OVERVIEW
Context
We have 2 digital subscription product lines that drop content into a personal portal each month.
Product Goal
Design a purchase workflow that makes it simple to sign up for a variety of subscription lengths.
Scope: 3 weeks
Product Design: 2 week
Product Development & Testing : 2 weeks
Team & Roles
Product Strategy: Jasmine Reynoso
Product Design: Jasmine Reynoso & usability testers
Product Development : Amanda H.
Engineering: Awele N.
Tools
Adobe XD, Photoshop
Case Study Menu
1. Overview
2. Learn
3. Define
4. Plan
5. Design
6. Test
7. Reflect
2. Learn
Online market research and beta product user surveys helped us understand the type of subscriptions and subscription lengths customers were interested in.
market research
Kids’ subscription products, such as Kiwi Co., offer one-off and 3 month increment subscriptions for their physical product kits.
Customer research
Customer surveys had an overwhelming preference for the ability to try a single kit without the commitment of a subscription you can cancel any time.
3. Define
Based on what was learned, we defined the opportunity to create value as follows:
Why?
To offer potential customers a safe and confident buying experience.
WhAT?
A simple to navigate purchasing flow with flexible subscription options.
How?
Using clear microcopy, easy to toggle options, and a smooth payment API integration.
4. Plan
In order to work quickly we broke down the product plan into an agile scrum framework with MVP iterations throughout.
Rapid Prototype
Quickly iterate through prototypes in XD
Test
Quickly test and iterate through design changes
Design & Develop
Design the visuals and program the backend code for the final UI
5. Design
Putting it all together: UX/UI & branding.
Kit Access UX/UI
Purchasing Wyz Kits needed to be integrated into the customer portal, LMS, and timed email delivery. Below are the varying sketches and prototypes for how the process would function:
The Purchasing Process FloW
Below is a screenshot of the XD file planning out the user’s purchasing flow from website to successful transaction.
Ideation:
Live XD File:
Please click on live prototype below
Email: Delivering (an easy to navigate) Adventure
Monthly subscription kits require monthly emails to unveil the latest “destination” for coding projects. Personalized messages, short descriptions, and clear instructions make it easy for parents/guardians and kids to start creating.
6. Test
In anticipation of the beta version of our first Wyz Kit & Wyz Create platform, we recruited Outschool parents to be user testers. A free Wyz Kit plus a discount code for a future subscription of Wyz Create was promised to families who agreed to participate. Five families agreed to try the product and provide feedback via a survey, and 2 of those 5 agreed to a video call interview following their first use of the product.
7. Reflect
Highlights:
1. Syncing the purchase flow into a seamless product delivery experience was a great win.
2. The positive response for the ease of use from our testers was a bullseye for our product goal