VISUAL DESIGN
UI DESIGN
01
Developing the Style
After our initial meeting with the client to learn about the product and the scope, the next step was to identify what style and feel they wanted to achieve with the redesign.
UI Competitive Analysis
Although there are no direct competitors for this product, there were several other companies with platforms offering similar services or that had a features that the MedMatch’s application also offered. We reviewed each with the client to understand what he liked and didn’t like about each.
Key Insights:
- Aim for a contemporary, clean aesthetic
- Use language & visuals to emphasize “job matches” similar to dating website
- Overall look should be established and credible, and not present the company to look like a start-up
Style Exploration
To help us further hone in on the aesthetic the client was going for, I created three style tiles, each with a distinct feel and style. The first was traditional and clean, the second had a more high tech feel, and the third was more colorful.
Key Insights:
- Traditional and clean look is preferred
- Incorporate certain aspects of the high tech look
- Use red as the primary color for the physician-facing dashboard
- Interface should be easily understood by medical professionals who aren’t necessarily tech savvy
Refining the Style
The client wanted us to first focus on redesigning the dashboard, because the template currently being used lacked cohesion and a distinct style. As we were designing the dashboard, we had follow up meetings with the client to get feedback on the both the overall style and as well as the interface design. My final design took into account additional client preferences that were revealed during our meetings:
Additional Key Design Insights:
- Dashboard navigation on left-hand side
- Use of iconography & clear labels
- Clean, simple style similar to Paypal
Note: Each of the three designers on the team worked individually on redesigning the interface based on our discussions and feedback from the client.
Typography
I chose to use the Aktiv Grotesque font family throughout the application due to it's clean, contemporary feel, and because of the versatility offered through the various weights and styles.
Colors
The client wanted to assign a distinct primary color to each dashboard user type, more specifically, red for the physician dashboard, blue for the hospital recruiter dashboard and green for the nurse dashboard. I chose an accent color that could be used with each of the main user dashboard colors.
Full Style Guide & UI Kit
