Developer Dashboard Redesign

Overview

Background

Clover provides a point-of-sale ecosystem for small and medium-sized businesses, that includes hardware to ring up orders and take payments on, software that adjusts to their business need and allows the merchant to track reporting and sales on their phone or web browser, and offers an App Market where merchants can find tools that better fit their specific business needs.

Many of the apps on Clover’s App Market are built by external developers (second or third-party) and these developers decide on which apps to build and features to improve from their perspective of market demand and merchant feedback.

Clover Devices including Station, Mini, Flex, and Go cutoff midway to bottom of devices

Business Goal

Refresh the developer dashboard by making it easier to navigate and more intuitive so developers have less questions about how to user our platform and can focus on building apps and supporting their customers.

Problem

Developers feel lost when navigating the dashboard because the menu items are vague and change based on account status. Developers also find the interface clunky and this prevents them from focusing on building their apps and launching them.

Grid of browsers and iPhones with Developer Dashboard redesign screens displayed

Solution

I redesigned the developer dashboard improving the navigation, visual hierarchy, and updating interactions to be consistent and predictable.

My redesign focused on quicker navigation for frequent tasks, clarifying actions based on situational jobs, and ensuring the dashboard was responsive and complied with usability guidelines.

Macbook Pro on abstract platform showing Merchant Installs page redesign

Impact

Developers were excited about the redesign and responded positively to the updated navigation, resulting in reduced time to complete tasks.

The redesign also reduced the amount of developer support tickets by 12%, meaning developers need less help understanding where to go to accomplish their tasks or track their app status.

MacBook Pro showing App Metrics on Developer Dashboard, Hovering over a month in Revenue chart

MacBook Pro showing App Overview metrics, such as installs and uninstalls this month

MacBook Pro showing Merchant Install metrics

MacBook Pro showing redesigned Market Listing page

Role

I was the sole product designer defining the scope, iterating on designs, and collaborating with engineering on execution.

Team

I worked with a Product Manager and several front-end and back-end engineers to deliver this redesign.

Process

Developer Journey Map

Starting off with empathy interviews helped define the scope of what metrics would be most impactful for developers.We discovered through research that installs, uninstalls, and revenue metrics were most important for business performance.

Information Architecture

We involved engineers and stakeholders in our empathy interview sessions. One of the engineers remarked that they discovered from the empathy interviews that the metrics have to tell a cohesive story about your app.