DESIGN SYSTEM | ARCHITECTURE | RECOMMENDATIONS | FILTERS | RATINGS/REVIEWS | GIFT A FRIEND | ONBOARDING
KidPass is the destination for parents to discover and book meaningful kids' experiences. ClassPass for kids.
Roles UX/UI Designer, Interaction Designer, Visual Designer, Front-end contributor, Product Owner, Scrum Master, and QA/tester.
Kidpass is a monthly membership with members-only discounts to all the best kids' spaces. The app is an easy-to-use platform for members to log in and browse kids activities throughout the city, book meaningful experiences, and leave reviews and ratings on activities for the parent community to reference. We partnered with activity providers, like Gymboree, 14st Y, Kidville, and Funikijam, who were looking to fill seats in their semester classes. A parent can book a couple drop-ins at almost half the price because of our exclusive exposure to these provider’s classes' available openings.
This B2C/B2B Saas company has a native iOS app, responsive web platform for both customer and business, and an internal admin. As sole designer and first employee, I collaborated with a product team that grew to 1 pm, and 3 engineers.
I increased product engagement by creating iOS app design, flow, and functionality; worked closely with developers and stakeholders to produce mvp solutions. I was responsible for the full process of product design flows, from identifying problems in data, prototyping, user testing, to project kick-off. Below are a few big projects I launched with the team.
This B2C/B2B Saas company has a native iOS app, responsive web platform for both customer and business, and an internal admin. As sole designer and first employee, I collaborated with a product team that grew to 1 pm, and 3 engineers.
I increased product engagement by creating iOS app design, flow, and functionality; worked closely with developers and stakeholders to produce mvp solutions. I was responsible for the full process of product design flows, from identifying problems in data, prototyping, user testing, to project kick-off. Below are a few big projects I launched with the team.
Design System
Created, maintained, evolutionized, and implemented this design system.
|
|
Architecture
The app is set up to encourage bookings, with different ways of exploring and discovering both activities and providers locations.
Before booking an activity, additional info is needed. First a user must have a phone number added, as well as a child registered to their account. Next, does the user have enough credits to book this activity? Is there enough spots in the class? Is the user booking before or after the activity's cancellation window? Did the user attend this activity the max allotted amount of times? The above diagram maps out the possible user flows that might occur when booking.
Recommendations
This project's goal was to expand discovery of activities that the user would like, in order to aid our OKRs to increase number of bookings, and increase ratio of bookings per user. We chose to add a new tab for Home, a place to house different types of personalized discoveries and future announcements. Logic is used here to recommend activities based on the users geolocation, filters they have used, their child's age, popular demand activities, new and noteworthy providers, and similar activities that you have already experienced and might like.
The desktop recommendations view appears on the dashboard, and on the bottom of an activity page with the title, "Parents who booked this activity also booked." The second version is an empty state, which is seen if a user has no child's info stored.
Filters
|
|
Filters are used to customize your search with both list and map views of results. You can adjust the time, location, age range, types of categories, and amount of credits. Click through results to view the activity's detail page with descriptions, additional details, rating and reviews, maps, and provider info.
Ratings & Reviews
This project's goal is to offer relatable ratings and reviews and pictures from other parents' real experiences, and therefore aid our OKRs to increase number of bookings, and increase ratio of bookings per user. In the first image the user is prompted a review screen to leave a public review for parents and partners to view, or a comment to KidPass privately. Once submitted, reviews can be found on both activity and provider pages in the second image, then clicks through to a separate page of all reviews in third image.
|
|
Gift A Friend
This project is a growth acquisition initiative to have users send the gift of KidPass to a friend using Gift a Friend, which aids the OKR to increase the total number of members. Users are prompted to invite friends after booking their third activity, then can choose from contacts or type in an email. Users are allotted up to three invites at a time, and can keep track of their friends' member status as well.
Onboarding Redesign
Problem: Users are not completing onboarding.
This initial onboarding flow was designed in 2016, and was originally aimed to increase user's first engagement in the product. We saw in our cohort data, that users who booked sooner, tended to stayed longer, so having them engage in the browsing experience right away would hopefully encourage bookings.
What was wrong with the original design? Our data said that users were not completing any of the steps. Since this flow is presented in a modal, we concurred users might think the modal was a pop up after finishing their subscription process. I think after completing all sign up/subscription steps, it would be a lot to ask for a user to complete another 5 step process, even though this one sets up all their profile preferences! As new features rolled out, it became apparent that we needed users to at least complete their child's name and birthday. This info was used to start recommending proper suggestions and get the user excited to use our product. So we decided to redesign.
This initial onboarding flow was designed in 2016, and was originally aimed to increase user's first engagement in the product. We saw in our cohort data, that users who booked sooner, tended to stayed longer, so having them engage in the browsing experience right away would hopefully encourage bookings.
What was wrong with the original design? Our data said that users were not completing any of the steps. Since this flow is presented in a modal, we concurred users might think the modal was a pop up after finishing their subscription process. I think after completing all sign up/subscription steps, it would be a lot to ask for a user to complete another 5 step process, even though this one sets up all their profile preferences! As new features rolled out, it became apparent that we needed users to at least complete their child's name and birthday. This info was used to start recommending proper suggestions and get the user excited to use our product. So we decided to redesign.
We included the steps above to help the user set up their first browsing experience. After clicking Finish, each preference selected became a saved filter on the activity results page.
What should be included in the next version? After evaluating a few relevant onboarding flows, we identified our most needed steps and got rid of the others. We decided our gift a friend program, that has been doing great, should be included it in this feature as well, along with Step 1: setting up the user's child info in order to utilize the recommendations feature.
What should be included in the next version? After evaluating a few relevant onboarding flows, we identified our most needed steps and got rid of the others. We decided our gift a friend program, that has been doing great, should be included it in this feature as well, along with Step 1: setting up the user's child info in order to utilize the recommendations feature.
|
|
|
We improved this flow not only by using a dedicated page, but also by decreasing the number of steps for the user to experience from 5 clicks to 2. This is important also because they have just finished the subscription process and may be fatigued.
Result | Child's info input increased by 20%. This means we are now able to use the child's data in our recommendations feature, and show relevant activities to help the user engage in our product.
More
|
|
