![](https://cdn.myportfolio.com/de313b74-4237-441b-adb0-5bdfdc0ad9cd/e0cd4eba-ef94-4754-a18e-8bd7d87250c6_rw_1200.png?h=4a796fedcde82a8b1e3cf2be65b09147)
PROJECT OVERVIEW
I was hired to design an eLearning-focused rewards program for a MedTech company to improve overall engagement and enjoyment of their products and services, with the ultimate goal of teaching users how to take a more active role in improving their health.
MY ROLE
Product Designer (UX/UI)
JIRA Roadmap (Epics & Stories)
JIRA Roadmap (Epics & Stories)
TOOLS USED
Sketch, Figma, AdobeXD, Zeplin
THE CHALLENGE
Users only open the mobile app when their doctor orders a test or survey, and they often do not complete the tests or take the surveys until the doctor's office reminds them via phone or email.
THE SOLUTION
I modified their existing mobile app to incorporate classic gamification features such as earning badges, leveling up, completing quests, and earning points that can be redeemed for rewards. I designed a back-office application for creating eLearning-based quests that consist of tasks the user must complete, such as taking vision tests, surveys, reading articles, watching videos, etc.
THE PROCESS
The project started with a brainstorming session with the VP of Product, VP of Marketing, Director of UX, and CEO. Through these sessions, I learned all about their existing mobile app and services and how they were being used by patients. They also provided me with Sketch files of the current app, so I could create some rapid prototypes to get feedback from the team. After a few revisions based on the input from the group and my observations watching them interact with the prototype, I started hosting Zoom sessions with actual users (patients) to validate the designs by having them interact with the prototype.
DEV TEAM HANDOFF
I wrote the product requirements doc, created user flows, provided annotated Sketch files that I uploaded into Zeplin and synced with JIRA, and I created a Style Guide. I was also responsible for writing all of the epics and stories in JIRA.
![](https://cdn.myportfolio.com/de313b74-4237-441b-adb0-5bdfdc0ad9cd/ad845321-b79c-48c7-a89e-743232485832_rw_1200.png?h=25be137d0f1823e3f496bb7b83d591b8)
![](https://cdn.myportfolio.com/de313b74-4237-441b-adb0-5bdfdc0ad9cd/1b5fda7b-111a-4a4e-b113-422fafa4a3dd_rw_1920.png?h=56fbedabb2abaa7a062c77a0e92be84b)
Figma Prototyping
Figma Prototype Demo Video
![](https://cdn.myportfolio.com/de313b74-4237-441b-adb0-5bdfdc0ad9cd/46eb3bfc-8f46-4bb2-9c55-6187c4e30652_rw_1920.png?h=0b658beed93852f147af0c2389a77bf5)
![](https://cdn.myportfolio.com/de313b74-4237-441b-adb0-5bdfdc0ad9cd/aa2c70e5-8b2d-44cd-a2ed-22d8d20a02e3_rw_1920.png?h=e0bc35d9dac6df541e7f6bb2005456a9)
![](https://cdn.myportfolio.com/de313b74-4237-441b-adb0-5bdfdc0ad9cd/4e79590d-bd2d-40cb-bf5c-da282023fd87_rw_1920.png?h=096a2ba22b27e1f46fcde4e1b52b0883)
Annotated Sketch Files in Zeplin
![](https://cdn.myportfolio.com/de313b74-4237-441b-adb0-5bdfdc0ad9cd/00cf7bfc-1bbf-45df-aec5-9db47fd706eb_rw_1200.png?h=5db25c5c33559cf3530f7e2fd0b997f3)
XD Wireframe Prototyping of Back Office Application
XD Prototype Demo (early concept)