Concept: Rxminder

This concept is an exercise to demonstrate capability using Figma as a UI design tool. Recently I wrote about the challenge of proving proficiency with specific tools vs. proficiency with design. While I have logged years in Adobe Illustrator and Sketch, I am taking an active part of the solution for proficiency in Figma by designing conceptual products.

The concept for Rxminder is simple–a digital space to track and manage the use of medication. Since this exercise is about design tool proficiency I decided to flesh out just 3 screens. My initial brainstorm for common actions to perform yielded:

1. Add a medication

2. Track a dosage

3. Manage medications

Logically the app would feature a home screen which would serve as a dashboard and leap to this list of actions. That so, I decided to design the home, add and track pages.

I begin with a (very rough) pencil and paper sketch to determine the general features and flow.

After I landed on a reasonable flow, I launched Figma to design. I skipped the wireframing step since I am both the design team (of 1) and the client with the concept.

The nature of this app lends itself to applying more weight to function over form. With the simple tasks of track, add and manage medication, the end user would ideally spend just a few minutes in the app each day. This idea drives the design choice to keep the interface very simple and clean. The design elements include system fonts (aside from the logo), simple icons, and a minimalistic color scheme (grayscale plus one), and imagery. The only images used would be generated by photos of the medications.

The end result is a clean interface in which the user’s attention is drawn to action through color, depth, and the spare imagery of the medication.

Tools used for this project:

• Pencil + paper

• Figma

• Affinity Designer (logo design)

• Affinity Photo (photo editing)