Olive Health App
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/bc314e84-8e3a-4e4b-a0e5-6f552cefbb4d_rw_1920.png?h=32fcefb00f615bd188f014e369bbdaf2)
OVERVIEW: Olive App is a responsive health app that provides users a reliable and healthy way to learn about foods, recipes and engage with the community and health experts.
GOALS: Olive will teach users how to eat better, healthier, and make nutritious recipes daily. Users will have easy access to recipes, video recipes and have a chance to chat with experts through the app.
RESPONSIBILITIES: Solo project: UX/UI Designer and Researcher
TOOLS: Figma, Adobe Illustrator, Canva, Miro, Optimal Sort, UsabilityHub, Balsamiq, Google Forms, Keynote, Zoom, Post-Its, Paper & Pen
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/c1a9d8f8-8c22-468e-91b7-2a433107a591_rw_1920.png?h=91f141e888330e4a80dfbe791769143e)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/5b92fe35-18b1-43b5-b695-d079b6e77080_rw_1920.png?h=ed8e5ba0b383ad6a943645cc843a1c29)
DISCOVERY
- Interviewed five participants through a cognitive walkthrough of the app
- Determine users position on eating healthier
- Identify users' pain points using health-related apps
- Discover how users feel about using the app to scan products at the grocery store; learning more about everything the food they purchase
- Discover how users feel about having a community in the app for experience sharing, support, and learning
- Understand if users would like a health app not only focused on losing weight
- Learning the users' main frustrations was to use multiple apps to learn about health, recipes, and exercises
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/18a7df94-c5f2-4965-bbd9-0db665c43d3d_rw_1920.png?h=1c9d16fd4166c6340db2bf6132abdd9b)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/f765a650-5a56-4c4c-a2a1-b8142b89b381_rw_1920.png?h=69f00fa53486a94d3935e6552e1aacc2)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/3e5a87d8-0643-4839-9731-976e59b12e12_rw_1920.png?h=0648d1c596d41e4dd677c052518b19ec)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/339a81c4-cc7c-4cd3-b49e-18f90e0c3291_rw_1920.png?h=4fe1702a96e3f316a66ce760cd63fb03)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/7ed809e9-fb76-443a-91eb-23048c651dc5_rw_1920.png?h=6965ce55d079172c8b1ee5600848152a)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/04633018-8622-4e50-9332-6075947132a1_rw_1920.png?h=cc1cd79e549365661ee1673bae51073a)
USER PERSONAS AND JOURNEY MAP
- Olive has two primary personas, a busy mom and a person with diabetes
- Sarah, the busy mom, wants to eat healthier and have easy access to recipes for herself and her family
- Albert, a lifelong diabetic, wants to use the app to eat healthier and control his diabetes since he often needs to give updates to his doctor
- Both want to have easy access to recipes and shop the right food for their diet at the grocery
- Sarah, the busy mom, wants to eat healthier and have easy access to recipes for herself and her family
- Albert, a lifelong diabetic, wants to use the app to eat healthier and control his diabetes since he often needs to give updates to his doctor
- Both want to have easy access to recipes and shop the right food for their diet at the grocery
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/fa4e130c-8812-45f1-bc71-194291d47013_rw_1920.png?h=33f918b063908f790f810641b3c94a51)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/2ebd887a-be65-4eef-ae51-09fb08ab4383_rw_1920.png?h=a86c7f44453666fefad4aaf3a06a59ba)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/42579378-6ae2-484e-9546-fe1cf9a3ba0e_rw_1920.png?h=51f432f0a1ea03df14047eabcdd8cd39)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/65341efd-1477-4bd5-ac98-24b9468c90b4_rw_1920.png?h=46b35a1949e16f9cf4c611755391a5ed)
CARD SORT
- Used OptimalSort card sort
- Delivered open card sorts to twelve participants - eleven participants completed
- Twenty cards, including original categories from iteration one
- Delivered open card sorts to twelve participants - eleven participants completed
- Twenty cards, including original categories from iteration one
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/92dcb4db-04d5-4ea3-a59d-edec3dbca1ea_rw_1920.png?h=d8c6c07055cd78e18c9d13ca2fab999a)
ORIGINAL SITEMAP
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/4b037ded-a4cf-40c3-85db-371cba99e53c_rw_1200.png?h=ae0f533ea76f51137c033d2973ecce01)
REVISED SITEMAP
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/3126b854-8adf-4c14-be86-06cf79b04309_rw_1200.png?h=880f7da437fc9e38cb519151bc17acaf)
LOW FIDELITY WIREFRAMES
- Sitemap and competitor analysis successfully finalized
- First wireframes created
- First wireframes created
![Splash + Onboarding](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/8ba90705-69ef-4286-b4e6-db67fa45c260_rw_1200.png?h=b6bc4d9b8fa370dad4dccb7c55f4aac9)
Splash + Onboarding
![Landing Page](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/c32ed8fa-1067-4658-b564-a83d36c06aba_rw_600.png?h=477ac1a56351ce4223e31bc8e0ec7faa)
Landing Page
![Search Food Page](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/b8c8074b-dea4-4438-9615-9b61b70ab41e_rw_600.png?h=cb74d493a21ce5ea12fe071078e9b254)
Search Food Page
PAPER PROTOTYPING
FEATURE 1 - Search Food Tool: This tool can be used with your phone, while on the web, the user can use the search food option to browse foods, and learn about healthier options
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/0a2f88cd-0e13-44f2-bbf2-b4be1fcf08f5_rw_1920.png?h=fb4cdf989a1dc08e0a5b649e828c4c4a)
FEATURE 2 - Scan Food Tool: This tool can only be used with your phone, while on the web, the user can use the search food option to browse foods, and learn about healthier options
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/2d63e4b7-c32f-40aa-9656-2871f988785f_rw_1920.png?h=782317cbb80a6bcc79f3883df4fd9985)
FEATURE 3: Browse Food Tool - This tool can be used with your phone and website, and it's helpful in case you want to find information in something you can't scan, such as fruits and vegetables
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/23f1ac1c-49b2-4350-8504-35c2154bfce1_rw_1920.png?h=b113f51010e6592aeab54a055478b816)
MID-FIDELITY WIREFRAMES
- Figma was used to digitalize the mid-fidelity wireframes and iterate an improved design solution
- The goal is to have the high-fidelity prototypes further communicate functionality by providing more detail and precise UI placement to have a more visual feel and look for the Olive app
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/57430d39-ba08-4c47-a643-448ed738bad3_rw_1920.png?h=0f0a2274f2c338ea7e36e447288a0ed7)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/7d5b03a8-da8e-4425-a1b0-0c30e62774b9_rw_1920.png?h=3d520574eb2f533849993325ec05f9a5)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/9c1fd687-0491-413e-8c5e-efe0f8ad4395_rw_1920.png?h=ecc9a5ec76c03235d9b741a1a3610d73)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/e5d003ad-4c66-4cb4-905e-9c7b11425ae7_rw_1920.png?h=64ee09f93fbff81247285cd229abea26)
USABILITY TESTING
- The study consists of 5 participants recruited through friends, family, and social media platforms such as Slack
- The target users were the ones that either have previous experience with health apps or have a health condition and want to eat healthier
GOALS
- Assess the utility and usability of Olive for new users on mobile devices
- Assess the length of time and the number of pages that take a user to perform specific tasks
- The stress level of the users during the execution of tasks
- Observe and measure if users understand the app, its value, and how to complete essential functions such as signing up and adding recipes
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/f799b8b4-5c29-491e-ab03-28bb137e8a28_rw_1920.png?h=3b899778d9c7752e457864818017b539)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/c3c5cd01-d363-423d-b20d-32923cd3e8ce_rw_1920.png?h=ea7518dd577639fcf7c239666dae3738)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/fc4a55a0-dacc-4993-9ef8-7d431d3e6b9a_rw_1920.png?h=c138d05621d69292732b8b7327339026)
RESULTS
- Participants liked the app idea and mentioned they would use it daily
- They found it very easy to navigate and find information
- Users had difficulty understanding the questionnaire due to the non-intuitive design and lack of descriptions or instructions
- By listening to all the participants' feedback and making adjustments accordingly, Olive is becoming a more user-centered app
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/22704409-c783-436b-852c-a47f51cf69c4_rw_1920.png?h=95e4ebdd22c44afebdae7bffff993371)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/0208d981-1c96-42da-af62-f3383aab18f2_rw_1920.png?h=f8182eeb9ddfbbf408f74670ed1c8052)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/efd39658-beed-4964-9531-e08fb8d634c9_rw_1920.png?h=e81ce423ceac04eeadfeff6e3bab65d0)
PREFERENCE TEST
Objectives: Determine which pre-sign-up screens are more appealing and engaging for the participants.
Methodology: A preference test was conducted using Usability Hub. I uploaded two screens but the same content, both with different styles, photos, and sizes. The participants were asked to choose which one they liked best between screens A and B.
Participants: Thirty participants took part in the test.
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/de5025b9-fba0-4893-abd2-37938170c5da_rw_1920.png?h=2f0bdd68fe83eb979f1b39976a41d25b)
![](https://cdn.myportfolio.com/cd98645e-f86b-4ffe-96eb-0db6501c2263/27a07ef1-9287-43af-95ce-3d4bacc8f0c3_rw_1920.png?h=c3701b2665ea514e01a43697629345bd)
RESULTS
There was a significant difference between the two screens, with most users opting for test B—the screen with larger images. This option had 77% of the total responses, with a much higher chance of performing better. I will be updating my prototype with this option moving forward.
TAKEAWAYS
- Always test the product, and conduct user interviews as many times and as much as possible
- Iterate, iterate, iterate
- Discuss with the team as many times as possible, preferably in an Agile environment