For this project, I used the double diamond process including the following stages:
Discover, Define, Develop, Deliver
Discover
While I had basic requirements laid out for me, I needed to understand the space that I’d be working in and the people who would be at the center of my design efforts.
The first step that I took to get a picture of the task ahead of me was to complete a competitive analysis complete with a SWOT Profile and UX analysis of two popular health related apps: MyFitnessPal and the Kaiser Permanente mobile app.
Additionally, I created a survey to assess how different people interact with and store their health information, to see if there was a space for an app like this on the market.
Define
With my research complete, it was time to create my problem statement. I also created user personas and user flows. I tried to think through what my experience would be like using the app if I was one of my personas.
Problem Statement
Users of Emotional Houseplant need a way to track all of their health and wellness information in one place because this information easily gets scattered and hard to access when needed.
Ideate
Now that I knew the route that my users would be taking to accomplish their in-app goals, it was time to create a sitemap that would reflect this route.
On the advice of my fearless mentor, I gave Whimsical a try for creating this sitemap, and I fell in love. Look at my beautiful site map.
I didn’t just create this sitemap out of nothing! Oh no, I did a task analysis on similar apps, and I also ran an open card sort with x number of my other closest friends. I wanted my foundation to be solid because I was excited to get to the next stage...
Design
Every part is my favorite part, but this is my most favorite part. It was time to start sketching out my ideas in lo-fi mockups!
I used pencil, sharpie, and paper for my initial paper sketches and paper-based prototypes. These prototypes included both a desktop and a mobile version, since this is a web app that should be accessibly in both formats.
First we can see my paper wireframes...
Paper Wireframes

My Figma low-fidelity wireframes...
Low-Fidelity Wireframes

And my low-fidelity clickable prototype!
Low-Fidelity Prototype
Develop
Now that I had my prototype, it was time to test out how the app performs with real users.
I performed usability testing with the prototype of the app. I was able to find 6 participants between the ages of 20 and 50. My participants had 3 tasks to complete during 10 minute sessions, and I rated issues on the Nielson Severity Scale.
I used an affinity map and rainbow spreadsheet to organize my test results, and based on the findings, made several updates to the app.
Rainbow Spreadsheet

App Updates
While I was making these updates, I also performed A/B testing on the onboarding flow.
Armed with the results of the A/B testing, I started making a style guide and building out the final version of the app for the visual design audit and accessibility audit.
I created a design system and style guide for the app.
Armed with the design system and style guide, I created the high fidelity prototype of the app.
I requested feedback from several peers in the CareerFoundry course, and implemented their feedback where appropriate.
In addition, I evaluated the app based on accessibility principles and made updates where needed.
This app has gone through several iterations on the path to completion, and were I to continue with the project it would go through several more. Below you can see a quick snapshot of the progress of the app over time.
Log-in Screen Iterations

Deliver
Below you can see some screenshots from the final design of the app.