TTI · B2B ECOMMERCE · UX/UI MODERNIZATION
TTI — Electronic Components Distribution
Modernizing a complex global B2B digital experience for a specialty electronic-components distributor.
TTI distributes passive, interconnect, electromechanical and discrete components. The organization was undertaking a major modernization effort that required rebuilding its web properties from the ground up.
I served as the UX/UI design lead for the redesign of the North American experience.
SIMPLIFYING A DENSE PRODUCT
Make a highly technical catalog easier to navigate.
The existing experience had accumulated significant complexity and visual clutter.
Working closely with a business analyst and engineering teams, I helped break the problem down into clearer workflows and interaction models that could support the needs of a large technical product catalog without forcing that complexity onto the user.
FROM RESEARCH TO INTERACTIVE DESIGN
The work moved through:
High-fidelity prototypes helped us test whether the redesigned experience improved efficiency and navigation before implementation.
- Research and testing scenarios
- Diagrams
- Storyboards
- User journeys
- Personas
- Workflow design
- High-fidelity interactive prototypes
- Usability evaluation and iteration
DESIGN SYSTEM TO FRONT-END
Once the major workflow direction was established, I worked directly with development to help translate the design into the front end.
That included establishing a live CSS style guide for responsive web and mobile experiences and defining visual standards that extended into web, print and email communication.
The North American segment launched with a substantially overhauled interface and a more coherent responsive design language.
MY ROLE
Lead UX/UI Designer
- UX and UI leadership
- Research support
- Testing scenarios
- Personas and user journeys
- Information architecture
- Workflow simplification
- High-fidelity interactive prototypes
- Responsive UI
- Front-end collaboration
- CSS style-guide development
- Web, print and email visual standards
WHAT THE WORK DEMONSTRATES
B2B UX · E-commerce · Complex Information Architecture · Responsive Design · Prototyping · Design Systems · Front-end Collaboration