Web app & PWS UI
MedifriendRx
Background
MedifriendRx offers busy pharmacies and clinics without pharmacies vending-style machines (PWS kiosks) that dispense prescription medication to patients for convenience.
My role
Use wireframes provided by the UX designer to 1) design the UI for a web app that allows pharmacists to manage prescriptions being dispensed by the kiosk(s), and 2) design the UI for the kiosk’s touchscreen interface.
Web app UI
- The UX Designer provided a set of wireframes for me to review first thing. I asked the CTO for examples of digital experiences with branding and aesthetics that were similar to what we were trying to achieve, and a few examples of experiences that went in a direction we wanted to avoid.
- Once I’d analyzed the wireframes to get a sense of what was needed, I conducted some of my own competitive analysis to gain an even deeper understanding of similar products' UI and branding. I then quickly began brainstorming and eventually put together a mood board (or style tile) displaying the color palette, typography and some sample components such as buttons and icons in order to quickly and effectivley convey the proposed UI for this new product.
- I presented the moodboard and explained the decision making process and rationale behind it to internal stakeholders. After a bit of feedback and some minor adjustments, we finalized the moodboard and decided to move forward.
PWS Kiosk UI
- As with the web app, I received wireframes from the UX Designer for the kiosk experience to analyze. I referenced the moodboard I had put together previously to use as a general brand guideline in order to get started, in addition to requestinng one or two examples of similar kiosk/touchscreen-style products whose UI's were in line with what we were trying to achieve, just for good measure. Once again, I sought out some additional examples of my own.
- After reviewing all the materials and understanding the direction I wanted to go in, I quickly put together another mood board to convey the look and feel of the kiosk UI. I showcased it and explained my proposed direction to stakeholders. Some minor adjustments were made before we agreed on the final direction to ensure it was consistent with the web app's branding while still being tailored to a touchscreen kiosk interface.
