UI Stuff

I'm a director who designs—I believe simple is better.

Admin dashboards.

Admin dashboards.

Improving the sizes of headers and overall spacing, standardizing CTAs, separating navigation from content, and creating visualizations that drive users' attention.

BEFORE

admin_dashboard_old

AFTER

admin_dashboard_new

Calendar.

Calendar.

Increasing the header size, reducing the size of secondary text, making buttons look like buttons, providing a better content structure in the side bar, and visually cleaning the main content area.

BEFORE

calendar_old

AFTER

calendar_new

Bookings list view.

Bookings list view.

Improving content contrast, making the calendar collapsible, making columns customizable, and increasing the affordance of segmented controls.

BEFORE

list_view_old

AFTER

list_view_new

Patient details.

Patient details.

Keeping context when opening information from the calendar, significantly reducing the screen real state to display extended information and navigate through it, and improving the visual appeal.

BEFORE

patient_details_old

AFTER

patient_details_new

In-product chat.

In-product chat.

Increasing text size in tables, using icons for main actions that users can remember from similar apps and web products, giving more prominence to search and filter results.

BEFORE

chat_old

AFTER

chat_new

Core layout.

Core layout.

Using a core layout for all the screens in the SaaS for doctors to improve predictability, and creating a collapsible second level navigation and fixed area for page titles and main actions.

BEFORE

layout_collapse

AFTER

layout_extended

Playground.

Playground.

Playing around with concepts and visuals based on the rules we established for the main product to get some inspiration for the future. Here are some examples of material we did with Emilio García that was presented in Future Stack.

playground_01
playground_04
playground_03
playground_02
playground_05

email   |   linkedin   |   medium