Commons Clinic

Step 1: Understanding the challenge

Behind any good design, is strategy.

Before moving into design, I laid the groundwork to understand and solve the ask at hand. A strong product experience starts with:

Step 2: UX Research

With the stakeholder goals defined and the task understood, I can move into executing the two research methods I chose to guide the design direction: user flows and competitor UX/UI analysis.

The Big Question: How do you transform a website into a product experience?

You stop designing pages and start designing pathways. Every research finding became a decision—what to surface, what to simplify, and where to guide the user next. The goal was to close the gap between browsing and doing.

Method 1: User Flows

I mapped user flows across Commons Clinic, Hims, and Airbnb to compare how each platform guides users toward a clear outcome.

HoverTap to reveal key insights

Reveal Insights

Method 2: Competitor UX/UI Analysis

Next, I inspected competitor layouts to identify common UX patterns and opportunities Commons Clinic could capitalize on.

Step 3: Insights into Concepts

Each research insight mapped directly to an actionable design decision.

Insight to action mapping — use arrows to navigate

Step 4: Concepts to Layout

I established the brand direction first, then designed every screen of the product experience.

Full design decision walkthrough below — use arrows to navigate

Interactive Prototype

Click through the prototype below to experience the interactions and hover animations.

Conclusion

This work repositioned Commons Clinic from a static informational site into the foundation of a scalable product ecosystem.

By combining UX research, product thinking, and thoughtful visual design, I shaped a direction that simplifies the healthcare journey while strengthening trust and clarity.

The result is not just a redesign. It is a vision for a cohesive, patient-centered digital experience.