Customers were managing their identities and products across multiple, disconnected and inconsistent applications. Moreover, they encountered frustrating friction when switching between products.

My most complex contribution was supporting Topcon’s digital transformation through designing 5 modules of a new CIAM (Customer Identity and Access Management) application.

My work increased customer satisfaction and loyalty by reducing onboarding friction, lowering support costs and ensuring protection of customer data.

Following an iterative process supported by weekly meetings with stakeholders I delivered development-ready designs that leveraged CIAM’s strengths: such as single sign-on, self-service account management and transparent consent management.

As an infrastructure enthusiast, expanding my understanding of the construction industry has been intriguing. Working on Thermal Mapper surely contributed to that.

This module, part of a paving product offered by Topcon, is used in monitoring asphalt temperatures and thermal segregation that helps reducing premature asphalt failure. The existent module was inconsistent with Topcon’s design system and had a dense, cluttered interface that made critical temperature data hard to interpret.

During this project, I aligned the interface with the component library, I optimized access to data on all resolutions and I delivered a new feature for 3D visualizations of the tracks.

By reducing cognitive load and enhancing decision-making I improved the process of identifying high-risk thermal segregation issues. This effort contributed to the marketing goals by addressing a key user request.

Complex systems fascinate me, so I’m always up for the challenge of organizing them. As with any other system, Topcon’s design system had room for advancement. By leveraging systems thinking, atomic design principles and advanced Figma knowledge I brought valuable contributions that drove company-wide impact.

Existing components were causing friction and increased loading time in the design files. To address this problem several optimizations were needed. After critical analysis of the structure I refactored several components, such as inputs, trees and menus, reducing the number of variants and improving internal logic. My contributions reduced Figma files loading time and increased team efficiency.

Topcon’s products were lacking a unified dark-mode option, so the dev teams requested a dark theme that could be applied consistently. Creating it required multiple iterations and hands-on testing. During the process I identified that the current grey ramp lacked shades that work in the dark context. After optimizing the core color ramps, I used the existent tokens system to define the usage rules for the new theme. This work aligned with present user expectations and improved satisfaction by delivering a view mode now standard in most applications.

One last significant contribution that I had was optimizing the color themes for modern accessibility standards. I was excited to uncover this gap, because It's not every day you get the opportunity to address such a critical but often overlooked issue. This challenge also allowed me to dive into current trends in accessibility, during which I discovered APCA—a new model for calculating contrast based on modern research into human color perception. My work involved conducting a comprehensive audit of the existing color ramps, followed by a complete optimization in alignment with APCA/WCAG standards. I also revised color usage rules at the component level to ensure we consistently achieved valid contrast ratios across the system. This effort significantly improved the inclusivity of our products and ensured that Topcon remains compliant with evolving accessibility standards into the future.