Quantified Citizen empowers users to engage in scientific research or self-track health metrics, offering personalized insights for lifestyle enhancement.

To boost retention, we aimed to incentivize users, ensuring they see the tangible value of study completion in their daily lives.



Product Owner


2 weeks


Data Visualization, Results

MVP Features
  • Alert boxes to communicate small bites of info to the user (kind of like instructional type content) - Quickly bring important information or next steps to the users attention
  • Elements to display percentage (number and graphic) / "Big number" type of element (like "You microdosed 3 out of 7 days per week") - Metrics were important to help measure progress
  • Bar graph element - With data, visuals are very helpful to find information fast and notice trends in your activity
  • Text-based insight element (to say stuff like "Over the course of this study, you completed your goal") - This was to add a bit of personalization and motivate the user by adding a sense of accomplishment
Previous mockups

The PM shared these designs that the team were already working on before I joined. I took some time to analyze and familiarize myself with what they were thinking.

Things that work well:
Things that could be improved:
Main Feature - Graphs
  • The way v1 was being built, the y-axis will not remain fixed when the user scrolls horizontally, so we need a visual queue to the user about the y-axis values.
  • There will be several charts, most of them will be using a dropdown filter to swap between the different factors.
  • Need legends for all of the graphs to show what the colours and lines mean if they’re not labelled on the axes.
  • A consistent style of line to be used on all graphs to indicate that chart’s average score.
  • Samples of how the graph currently looked were provided. I was given the freedom to restyle them, however it was noted that there may be some limitations on implementation as they were being made with python so some things were hard to do.
Examples of the old graphs:
How to show the data - on/off days

There were a few different scenarios that we had to account for depending on if users completed a factor or not (i.e., completed a sleep assessment), and if they consumed a substance (like alcohol) or not. The point was to see correlations of how consuming different substances could affect the factors that you're interested in. For example, how does consuming alcohol affect your quality of sleep.

Below you can see that I used the green vs grey colour to determine if a substance was consumed or not (blank if nothing was reported), and the line to represent if factor data (i.e., sleep) was reported.

Design Iterations
1st Iteration Improvements:
2nd Iteration Improvements:
3rd Iteration Improvements:

The final design of the results page (using their current branding at the time).

Brand redesign

The company was going through a brand refresh, so they met with a brand designer to come up with the style sheet and new look and feel of the app. Using that, I created new design components in Figma and redesigned all of the screens that we currently had to match the new brand direction we were trying to go with.

Final Designs
After we launched this results page as a way for users to track their progress, it led to a 5% increase in retention after the first month of launch.
Prioritize what we need for MVP

As is common with a lot of early startups, the company had a lot of great ideas but sometimes it felt that we were losing direction of what is needed for MVP. Our discussions would often drift from talking about this results feature to other parts of the app, or "it would be great if we could do this...", but I tried to remind them often that we need to come up with requirements of what we want for MVP and how we were going to meet that.

What I would have done differently

Along with our own ideas, we knew this results feature was needed because it was also feedback that we had received from our users - they had no idea to see the results to the surveys that they were filling out. However I think it would have also been nice to do further research into what these users may want to see on this page, and what would motivate them to keep coming back and viewing these results. Due to lack of resources and budgeting, we weren't able to do this, but I think we would have gained some valuable insights from it.

‍Lyceum - Clinic Dashboard