
Catchpoint
January 2021 - Present
Catchpoint is a platform that monitors digital service performance to guarantee the end user experience. Through both synthetic and real user data, Catchpoint provides instant insights and alerts users to problems, so that any issues can be fixed ahead of time.
My Work
​
WebPageTest
Custom Dashboards
Data Visualization
Network Solutions
Design System
In-Product Guides
Keywords​
​
SaaS product, data visualization, dersign system. user testing, agile environment, user experience design, user interface design, learning & development
Team Structure ​
​
Alan Hensel (UX Designer)
Charlie Salazar (UX Designer)
Ambroise Bellec (UX Designer)
Peter Andrews (UX Manager)
Product Team Structure

My Work Process

My UX design process is a continuous cycle of discovery, conceptualizing, communication, testing, and validation. The end goal is to build a digital product that satisfies users’ needs, in a way that is useful to them, and easy to understand. My process can be summarized into 5 phases:
Understanding - Getting a feel for the problem space. Communicating and empathising with people involved, finding gaps that can be filled in currently available solutions.
Exploration - Brainstorming and prototyping possible solutions to turn the ideas into concrete examples. Testing the general concept with users to see if it works to solve their problem.
Refinement - Fleshing out the MVP into a complete product. Testing ideas that are new to the users, to catch any points that are confusing. Improve the ideas before resources are spent to develop it.
Development - Coding of the product. Providing design support for the developers, and conducting the user acceptance test or beta test before the launch.
Review - After the product has been launched, evaluate its effectiveness, take in feedback, re-scope these into design problems and prioritize the problems to solve. Repeat the 5 steps from the start to continually improve the product.
Note: Each project is different, and the UX process shown in the chart above is not necessarily linear. Steps may be skipped in smaller projects. There may be times that I will need to take a step back as well. For example, an early user test with a low-fidelity prototype may show that the solution fails to solve the users’ needs. This failure is not a bad thing, as it brings me closer to a good solution, by proving what not to build. However, it does mean that I may need to go back to the Understanding stage to re-define the problem.
Selected Projects
WebPageTest.org & WebPageTest SaaS
As Design lead for Catchpoint’s WebPageTest product line, I was part of a major overhaul project that encompassed a complete redesign of the site’s UI/branding, as well as UX improvements to the onboarding process, account management portal, test results pages, and numerous data visualizations.
​Alongside webpagetest.org I have led design for a completely new SaaS enterprise offering for WebPageTest that integrates directly within the Catchpoint Portal.
​
Case Study Coming Soon!

Old UI and New UI of WebPageTest.org Home Page

WebPageTest SaaS Performance Summary Dashboard
Network BGP Dashboard, Smartboard & Data visualization
As Design lead for Catchpoint’s Network product line I had the chance to redesign and improve the whole user flow, page hierarchy, and every single interaction for catchpoint’s Network BGP Offering including the new overview dashboard, smartboard, pullout drawers and numerous different data visualizations.
​
Case Study Coming Soon!

BGP Overview Dashboard Redesign

BGP Smartboard Redesign
Design System Guidelines & Principles
As a designer who loves design systems, I took the initiative of leading the creation & advocacy for strict cohesive guidelines and principles that would successfully scale across the different Catchpoint solutions an ensure a user experience that customers can trust.

Sample Pages of Design System Guidelines & Principles that were shared across the Catchpoint organization.
Product Tours & Step-by-Step Guides
During my time with Catchpoint I have formalized and implemented design strategies for in-product learning and development which has helped drive customer satisfaction and yearly retention above 90%

Sample Pages of In-Product Learning Guides.
Project Documentation
Challenge faced when documenting everything inside the design tool:
Design files become hard to navigate âž¡ small details are easily missed âž¡ increase effort of communication and frustration
Solution:
Designs + Separate Documentation
For each project, I create all the Hi-Fi diagrams and specs in design files, then write up a separate word documentation that walks people through
- related projects
- project overview
- user goals
- user flow
- detailed interactions

Component Specs Example:
