Portion App
About the app
Portion is a meal plan subscription app. Providing meals done by nutritionists, and packages to cater for every lifestyle. Helping people to maintain and reach their fitness goals.
Role
UX research
UX strategy
UI design
From this
to that
A view of onboarding, viewing packages, checkout, swapping meals, tracking and profile edits.
Phase 1
Usability testing & analysis of data extracted from the app.
Interviews done on phone calls with people who downloaded the app but did not complete registration.
C&C analysis, viewing competitors offerings in terms of features and user experience.
Highlighted Findings
70% drop-off rate after the onboarding screens.
80% of users don't consider price as a main concern.
40% mentioned they're not sure they want to commit or they don't think it is the right time.
Problem X User
Users need a way to view all features available and view the menu, so that they will know what they're getting.
Users need to be informed about the packages offered and the pricing, to help them make a decision.
Users need a well-rounded look and feel of a brand, to make them trust the process and complete the registration.
Solution X Business
Adding informative content could result in decreasing the drop-off rate.
Enhancing the UI could increase user satisfaction and brand trustworthy.
Adding extra services like "nutritional consultation" could encourage people to subscribe knowing they will get the help they need.
Features & Prioritization
After brainstorming and generating ideas to solve users problems and improve the app usability, I had to prioritize what needs to be done in terms of what will be more beneficial to users as well as the business, keeping in mind the resources available.
Must
Enhance onboarding
Add informational content before registration
Focusing on the drop-off users.
Should
Nutrition consultation
Add more meals
Additional features for existing users.
Could
FAQs
Retention plan
Guiding new users and retaining them.
Won't
Categorized meals.
Help users identify meals by preference.
Before
After
Home screen
Enhancing UI.
Compiling calorie and micronutrients in one card with color coding for clearer visualization.
Adding delivery information which includes: Time and Location.
Simplifying meal cards and emphasizing images.
Meal screen
Enhancing UI.
Revisualizing calorie info.
Simplifying ingredient list.
Adding a prominent button.
Before
After
Before
After
Tracker screen
Enhancing UI.
Adding more understanding to visual with copy writing.
Colour coding for micronutrients.
Phase 2
Research
Collecting customer inquiries that we receive on social media, WhatsApp and Instagram.
C&C analysis, analysing user experience on different apps in regards of ease of use.
Highlighted Findings
1 out of 10 users face sign-in issues.
5% of users are unable to complete payment.
Increased customers inquiries in regards of specific diets.
Problem X User
Users need a smooth sign-up/sign-in experience, to start their registration without frustrations.
Users need to easily complete payments, to get on with their subscription as fast as possible.
Users need a to know the type of meals on the app, so they can choose based on their dietary preference.
Solution X Business
Enhancing the sign-in and sign-up validation could decrease customer drop-off rate.
Fixing the payment issues could result in decreasing the drop-off rate.
Enhancing meal categorization could increase user satisfaction and brand trustworthy.
Adding in-app notification and integrating email marketing could result in better retention rates.
Before
After
Sign-up/Sign-in
& Payment
Enhancing UI.
Compiling calorie and micronutrients in one card with color coding for clearer visualization.
Adding delivery information which includes: Time and Location.
Simplifying meal cards and emphasizing images.
Before
After
Meal Type
Enhancing UI.
Compiling calorie and micronutrients in one card with color coding for clearer visualization.
Adding delivery information which includes: Time and Location.
Simplifying meal cards and emphasizing images.
Before
After
Notifications & Marketing
Enhancing UI.
Compiling calorie and micronutrients in one card with color coding for clearer visualization.
Adding delivery information which includes: Time and Location.
Simplifying meal cards and emphasizing images.
