Case Study

Auditing and redesigning the UI of the Convex platform

After Convex's Series B, it was time for our brand and visual style to mature beyond the libraries and frameworks of our youth.

I entered Convex as a Sr. Product Designer right after their Series B, so I came in during a period of extreme growth.

This era is also when a brand graduates from the frameworks and libraries necessary during its youth, and begins crafting something more mature. This is especially important when attempting to disrupt an industry like we were, You want to show the customer you are investing in the future of your platform.

My redesign of the "Opportunity" view


Our platform UI was built on the Material Design system and it was starting to show its age. Constant new features were being introduced, so were a number of custom patterns, iconography and other miscellaneous components that slowly started straying from the system.

It was clear we needed a new design system. One that would support the growth of our product with new components and patterns, as well as a new visual style.

Before of the "Opportunity" view

As a design team, we each redesigned the “Opportunity” view.  This view, where users move prospects through a funnel, was a good candidate for a visual study because it contained most of the pieces of a component library.

New typographic hierarchy


During onboarding I presented a UI/UX audit of our application to leadership, so I already knew some of the problem areas of the app that I wanted to address.

It was of my opinion that we needed a redesign that signals to the market we are a fresh approach to the 20th century tools you’ve been using and that we care about the user’s experience.

My top issues concerning the visual design were:

  • Not using color effectively
  • Not using space efficiently
  • Lacking typographic hierarchy
  • Misc. typographic issues


The navigation drawer was dark and heavy. It weighed down the left side and offered too much distraction.

Exploring new navigation designs

Our blue was too “dingy” in that it was way too desaturated. It made the application feel cold and lifeless.

There was no clear typographic scale. Lots of information on the page is presented as the same importance when there should be clear focal points for the user to scan.

Activity feed redesign

In the Activity feed, all items are centered, along with the text so the user is jumping back and forth from the middle to the left, to the right for the date and back again. The most important text in an activity card is the user who submitted it, which is likely the least important information.

Even something as simple as adding margin where the timeline meets the entry cards and icons. By not intersecting the vertical line with the entry cards, it allows this area to breathe.

My Work view redesigned

Even a little bit of extra space in a few areas can really make it feel less crowded which is especially important in workflow and data tools where hierarchy is king and real-state is sparse.

Exploring tabular designs
New designs for common components

Continue Reading

View All Posts
8 min read

Case Study

How I designed a popular posts plugin for WordPress

Did my own bias play too big a part of this project?
8 min read

Case Study

Defining a completely new experience for the legal industry

During Jurispect's debut into the market, I worked with their team to help define the UI, UX and Visual Design of their platform.
8 min read

Case Study

Questioning the efficacy of a legacy process

For an online job application, why do we force users to enter so much information?
8 min read

Case Study

Designing a new feature to solve an old problem.

Like most startups in their early stages, Accountingfly was building the plane while it was in the air; using what tools we had already built to fulfill the needs of the customer.
8 min read


How to build a Pinterest-style portfolio in Webflow step-by-step

Learn how to create that quintessential "pinterest-style" layout for use in your design or photography portfolio.