The challenge
Pfizer and Onco360 partnered to provide patients with mild-to-moderate cases of eczema easy access to an alternate treatment—Eucrisa. Resulting in a program that let patients purchase their medication online. However, this process was cumbersome and inefficient.
Pfizer's national sales team worked from an information rich spreadsheet that was updated daily. Managers would receive this file and filter per region. They would then share the spreadsheet with representatives who would filter by territory. Proving an inconvenient process, Erik Johnson of Purpose UX and I were tasked to design a solution.
Finding opportunity
Prior to my engagement Purpose UX and Pfizer established project goals and expectations. I was then on-boarded as a contract User Experience Designer where Erik and I proceeded by conducting interviews with regional managers and sales representatives. While interviewing it was uncovered that:
- Work was predominantly performed in the field on iPad Pro’s.
- There was severe difficulty in identifying action items.
Working through
Taking the lead, and after deeply analyzing the research findings I looked for themes that would assist in a creation of a more suitable tool. Sales representatives repeated the importance of discerning action items and hang ups in the case flow process. This information served as crucial constraints for the work to follow.
My design process began with brainstorming and rough sketching testing concepts. Next, user flow diagrams and annotated wireframes shaped the application, page models and content structure. Deliverables were provided via InVision, a cloud based collaboration tool, initiating conversations around improvements. Feedback was gathered and incorporated before the final step of creating high fidelity compositions. All design work was done with Sketch, a toolkit for design.
After initial work was completed an interactive prototype was developed doubling as a usable artifact that assisted in pushing forward implementation. Once the application moved past proof of concept I was able to provide further assistance in front-end development support.
Meeting our milestone and completing the assignment no further work was contracted, all deliverables were provided and Onco360 continued with development. Deliverables created were:
- User flow diagrams—outlining the application and tasks that would be performed.
- Low fidelity wireframes—ironing out information architecture, content structure and page diagrams.
- High fidelity design comps—showing what the final product would look like with brand styling applied.
- HTML/CSS/JS prototype—communicating the vision and behavior of the app.