Skip to main content

BEFORE and AFTER UX items I improved

Nium

Information architecture

Before (May 2024)After (July 2025)
PROBLEM:
Short pages were hastily written by engineers who used more pages than needed

Total of 50 pages
MY SOLUTION:
I revamped and streamlined the information architecture to improve the flow and group related topics.

Total of 32 pages -- a reduction of 36%
BeforeAfter

Onboarding

Before (Oct 2022)After (Dec 2022)
PROBLEM:
New clients were unable to onboard themselves due to the unclear method to them–-and even to Nium.

Each region (AU, EU, HK, SG, UK, US) contains five very complex spreadsheets describing various steps of onboarding for various client types and situations:
MY SOLUTION:
I created sections of customers with sub-pages for common onboarding steps and for region-specific parameter and example pages.

Immediately saw twice as many customers onboarded with 75% fewer Helpdesk requests.
BeforeAfter

Couchbase

Color-coded system table

Before (Jan 2018)After (Feb 2018)
Their website contained a description of the system tables in a way that wasn't easy to read nor scan.I converted their original layout to a color-coded table while keeping the same text.
BeforeAfter

Interview challenge

Before (Apr 2017)After (Apr 2017)
During my interview, I was given 30 minutes to improve their website's page to be more readable and easier to understand.I quickly made a graph and tables to show the concepts more clearly than the original "wall of text".
BeforeAfter

Apple

In 2016, the developer guides for the robots assembling iPads (left side) needed clarification and elaboration (right side) for their assembly line in China.

User guide CAM header

User guide CAM header

Quickstart CAM

Quickstart CAM

Troubleshooting robot

Troubleshooting robot hardware

System admin tool set

System Admin Chinese tool set

TEDx Adventures

In 2013, TEDxBeaconStreet wanted their Adventures guidebook (left side) to have a newer and refreshed look while improving their wording (right side).

Background

Before (Apr 2012)After (May 2012)
TEDxBeaconStreet wanted their Adventures guidebook to have a newer and refreshed look while improving their wording.I summarized the text by year to show the progression.
BeforeAfter

Rules

Before (Apr 2012)After (May 2012)
TEDxBeaconStreet wanted their Adventures guidebook to have a newer and refreshed look while improving their wording.I
BeforeAfter

Lifecycle

TEDx Adventures lifecycle

HP

In 2008, Hewlett-Packard's translation division used an Excel table to track which languages a project have been translated into and then reviewed for accuracy. I thought it was odd they used the standard ISO 2-letter language code on the X-axis while using their internal 3-letter languge code on the Y-axis.

After changing the 3-letter code to the 2-letter code, I noticed that a language wasn't reviewed yet--a mistake that the responsible project manager didn't notice either!

Localization languages

HP