BRIEF SUMMARY:

Diameter, Circle’s internal tool, is used by multiple internal teams for everything from anti-money laundering investigations to customer care issues.

Circle is a leader in the cryptocurrency sector, currently worth around 9 billion, they're the sole issuer of the stablecoin USDC. We championed redesigning Diameter as a strategic investment by Circle that lead to numerous benefits for the business. We provided the capability to service new offerings from Circle as well as improved efficiency and productivity for our users.

SCOPE:
New web-application design and development. Evaluation and improvement of current tooling to ensure we were meeting the current needs and are prepared for future challenges.
ROLES:
UX RESEARCH
UI DESIGN
PROTOTYPING
USER FLOWS
WORKSHOPPING
VISIT LIVE: www.circle.com
SUMMARY:

Diameter, Circle’s internal tool, is used by multiple internal teams for everything from anti-money laundering investigations to customer care issues.

Circle is a leader in the cryptocurrency sector, currently worth around 9 billion, they're the sole issuer of the stablecoin USDC. We championed redesigning Diameter as a strategic investment by Circle that lead to numerous benefits for the business. We provided the capability to service new offerings from Circle as well as improved efficiency and productivity for our users.

VISIT LIVE: www.circle.com

“Diameter 2.0 has been an absolute god-send. Peter worked with our team relentlessly to deliver the tools we needed to get our job done”

— Kristin Chan



DIAMETER USER : CUSTOMER CARE

“Diameter 2.0 has been an absolute god-send. Peter worked with our team relentlessly to deliver the tools we needed to get our job done”

— Kristin Chan



DIAMETER USER : CUSTOMER CARE
HUMBLE BEGINNINGS

Here’s a quick look at where Diameter was when I joined the internal tools team.

Our UI was a mess and it felt like the tool had been neglected. Not much strategic thinking and features stacked on top of each other with no logical organization. We would need to completely reorg the current IA to make the content intuitive to find.


 Circle Image
Diameter Image


INITIAL PLANNING AND ROADMAP
Quick look at our initial plan in assessing where
Circle’s current product was and where we needed to take it.










DEFINITION
Through researching Circle’s processes, systems, and other existing tools we were able to gather valuable insights and created proposals for leadership based on our discovery work. This enabled our team to identify pain points and areas for improvement to help inform our path forward. Here are a few key takeaways:










RESEARCH & INSIGHTS

Through researching Circle’s processes, systems, and other existing tools we synthesyzed the information. Enabling our team to identify pain points and areas for improvement to help inform our path forward.







MULTI-TIER NAVIGATION

With a brand new architecture we were able to better group information and present our users with an intuitive navigation with easy to understand menus and submenus



MULTI-TIER NAVIGATION

With a brand new architecture we were able to better group information and present our users with an intuitive navigation with easy to understand menus and submenus



UNIVERSAL SEARCH CAPABILITY

Consolidating Diameter's search functionality into one place
was a huge win for our team and our users.






UNIVERSAL SEARCH CAPABILITY

Consolidating Diameter's search functionality into one place was a huge win for our team and our users.






FEATURE UPDATES

With an updated React code-base and using a Material UI framework we were able to impliment new functionality that makes important information easy to access



FEATURE UPDATES

With an updated React code-base and using a Material UI framework we were able to impliment new functionality that makes important information easy to access



A DREAM TEAM

None of this would have been possible without an amazing team of developers, product managers, and fellow designers!

IMPACT:

We improved our Customer Care Team's average 'Time on Task' by almost 40%. Our redesign allowed their team to significantly cut down on their work load!

Updated code-base enables developers from other pillars of the company to contribute to our tool and help our team when needed.

Of course, the quilitative aspect is important too. Diameter 2.0 isn't just easier to use it's also been significantly upgraded visually.

TAKEAWAYS:
Complex dashboards take time. We spent a good amount of time in discovery and our time devoted to extensive competive analysis of other SaaS products paid dividends in the end

Break up larger tasks and take them on little by little. Some things take time and thats okay. Keeping in mind that sometimes 'slow motion is better than no motion' was key to some aspects of this project.



IMPACT:

We improved our Customer Care Team's average 'Time on Task' by almost 40%. Our redesign allowed their team to significantly cut down on their work load!

Updated code-base enables developers from other pillars of the company to contribute to our tool and help our team when needed.

Of course, the quilitative aspect is important too. Diameter 2.0 isn't just easier to use it's also been significantly upgraded visually.

TAKEAWAYS:
Complex dashboards take time. We spent a good amount of time in discovery and our time devoted to extensive competive analysis of other SaaS products paid dividends in the end

Break up larger tasks and take them on little by little. Some things take time and thats okay. Keeping in mind that sometimes 'slow motion is better than no motion' was key to some aspects of this project.



OFFICE:

1151 4th Street SW
Ste. 440
Washington DC 20024


Site coded and designed by me!

CONTACT:

P. 703.389.0770
E. hello@peterjgibb.me

CONNECT:

LinkedIn
Instagram