From simplifying navigation in technical tools to crafting photorealistic chip renders for product families, the work spanned functional UX enhancements to cinematic brand moments — all grounded in TI’s identity as a leader in embedded systems and semiconductors.
As a multidisciplinary designer collaborating with Texas Instruments (TI), I led a series of initiatives aimed at enhancing the usability, visual communication, and product storytelling across TI’s web ecosystem. This extended project merged UX design, iconography, 3D visualization, and motion direction to improve how TI communicates complex technologies to both engineers and decision-makers.
This case study explores four interconnected efforts.
Improving first-time user flows for subsystem exploration with a guided, interactive tutorial overlay.
Platform: TI.com
Role: UX/UI Designer, Visual Designer
Tools: Figma, Adobe Creative Suite, Adobe XD
Project Type: Feature enhancement – onboarding experience
Texas Instruments (TI) maintains a complex interface for engineers to explore reference designs and product subsystems. While functionally rich, the interface posed challenges for first-time users unfamiliar with navigating block diagrams, subsystem dropdowns, and detailed product filters.
1. Improve first-time user experience: the Reference Designs & Products interface.
2. Educate users about key functionalities like:
3. Respect Expert Users: Maintain non-intrusive behavior that respects expert users.
The interface was already highly technical, requiring any overlay to avoid obstructing contextual content.
The onboarding system had to work within the constraints of existing layout and component behaviors.
Maintain accessibility and responsiveness.
A 3-step interactive tutorial was created using a modal overlay system with contextual
illustrations, text instructions, and a “Got it” call-to-action.
Block diagram + red target icon
Accordion list + hand cursor
Tabs + schematic preview
Design Consistency
Different iconography and layout designs were tested:
Branding and Brochure
This project demonstrates how layered onboarding experiences can simplify complex technical tools without dumbing them down. The success came from:
Improving first-time user flows for subsystem exploration with a guided, interactive tutorial overlay.
Role: Visual Designer
Scope:
Audit & Style Analysis
Multiple icon explorations were developed for “Academy / Training” resources: the goal here is to incentivize learning and skill development among engineers and developers.
Graduation cap inside browser window, with gear overlay (symbolic of online learning + engineering).
Gears leading to graduation cap.
Alternative placement, adjusted perspective for readability at small scale.
Clean graduation cap with externally aligned gears, more breathable and modular.
Worked closely with developers and content teams to deploy icons across:
Different iconography and layout designs were tested:
Worked closely with developers and content teams to deploy icons across:
Different iconography and layout designs were tested:
In addition to the education icon series, I contributed to a broader power icon system: the goal here is to create a unified visual language for various power-related categories across TI’s offerings.
This iconography initiative emphasized the importance of balancing technical accuracy with user-friendly visuals. By combining symbolic clarity (e.g., graduation caps, gears) with consistent execution, we reinforced the brand's role as both a hardware provider and a learning partner.
“Designing icons for TI.com meant bridging engineering complexity with visual elegance — making tech feel more intuitive, approachable, and structured.”
Role: Concept Artist, 3D Visualizer, UX Designer
Scope: Create a realistic 3D representation of the "Energy Hub" ecosystem from TI's technical diagram.
Goal: Help users and stakeholders visualize complex bidirectional energy flows in a modern smart-home environment — bridging engineering with customer-friendly storytelling.
Design enhancements
Texas Instruments needed a compelling visual
aid to explain how bi-directional energy systems (solar + grid + battery + EV) function
together. The original 2D diagram (image.png) illustrated DC/AC power flow across
various nodes.
However, it lacked the dynamic storytelling needed to engage both technical and
non-technical audiences.
To make this more digestible for wider audiences (e.g., sales teams, product managers,
investors), we proposed and created a real-time 3D rendering of a smart neighborhood
powered by an energy hub.
Component
Description
Created a stylized 3D neighborhood in Blender:
Each render highlights a different Energy Hub component:
“A well-designed visualization doesn't just inform — it inspires understanding across disciplines.”
Role: 3D Artist, Visual Designer
Objective: Create high-fidelity product imagery of TI's chip families to be used in:
Showcase TI chip diversity (packages, sizes, pin configurations) in clean, technical style.
Establish TI chips as “heroes” with bold cinematic treatment.
Support color-coded families for visual grouping by product line (green, blue, purple, red).
Create repeatable render systems for new product lines.
Modeling + Texturing
the Reference Designs & Products interface.
Modeling a complete chip ecosystem including:
Using PBR materials and micro-surface variations to reflect realistic industrial lighting.
Creating a Printed circuit board (PCB) layout
Created cinematic product visuals:
Created cinematic product visuals:
My collaboration with TI resulted in a comprehensive visual toolkit that enhances
understanding of complex energy systems.
TI marketing team now uses these assets across:
visual work transformed TI’s traditionally flat product presentation into a premium, branded, and immersive experience. The chip renders not only educate but also instill trust and pride in TI’s engineering precision.
“Each chip isn’t just a component — it’s a story of precision. These visuals let that story shine.”
