Todd HeckelerUX Engineer

Frontend engineer with unusually strong design judgment, a Visual Communication degree, and 25 years building product interfaces. I work where design, frontend engineering, performance, and product quality overlap. At Sherwin-Williams, I improved platform UX with 32% faster page loads and shared dialog patterns across 53 implementations and 274+ files. At Consume Design LLC, I helped LiteAF grow orders by 11% and products sold by 24% through mobile-first design and performance optimization.

Download Resume
Current Work

Frontend Systems

& Performance at

Sherwin-Williams

Shared components, performance improvements, and developer tooling across a Module Federation platform with 10 micro frontends, delivering measurable speed gains and more consistent UI patterns.

Page Load Time

32%

Faster page loads (3.93s → 2.67s LCP)

Performance Score

+10

Lighthouse score (64 → 74.3)

Main Thread

100%

Eliminated blocking (TBT: 36.7ms → 0ms)

Security

Zero

Production vulnerabilities

Featured Work

Case Studies

Deep dives into reusable component systems, performance optimization, and frontend problem solving

Frontend Systems
Sherwin-Williams Case Study
Sherwin-Williams: PMX Frontend Systems & Tooling

Worked across a Module Federation platform with 10 micro frontends, focusing on shared components, performance improvements, and developer tooling. Standardized PmxDialog across 53 implementations touching 274+ files, expanded shared UI patterns such as PmxDataGrid, and helped drive 32% faster page loads with zero production vulnerabilities.

Module Federation
Performance
Component Systems
Tooling
Growth & Optimization
LiteAF Case Study
LiteAF: Website Redesign & Growth

Led full site redesign during an economic downturn that grew year-over-year orders by 11% and products sold by 24%. Focused on mobile-first UX improvements, Core Web Vitals optimization, and technical SEO foundation to drive organic visibility and conversion.

WordPress
SEO
Core Web Vitals
UX Design
Shopify Architecture
Fara Feather Case Study
Fara Feather: Custom Shopify Build

Built comprehensive custom Shopify theme on Dawn v15.2.0 with 22+ custom sections, 9 reusable components, complete design system, and dual-environment development workflow. Prototyped in React/Next.js with v0, converted to production Liquid.

Shopify
Liquid
Metafields
Component Architecture
Recommendations

What People Say

Client testimonials and peer recommendations from LinkedIn

Todd is an extremely sharp and talented front-end engineer who exudes passion for his craft. He is patient and empathetic while providing excellent constructive feedback to junior developers. I was am…”
Lucian Onita
Software Architect
NAS Recruitment Innovation
May 2021Technical Peer
I highly recommend Todd for his outstanding expertise in CSS, modern styling techniques, and web development. He has a deep understanding of building clean, responsive, and visually compelling user in…”
Kameeshwaran Viswanathan
Software Developer
Sherwin-Williams
April 2026Senior Peer
I've been working with Todd on my website farafeather.com since the start and I can report that he is simply amazing. Todd is a creative problem solver with vast experience in website design. He has c…”
Sky Sterry
Owner
FARA and Wookey Design Studio
February 2026Client
I've worked with Todd for over 25 years. He's built several websites for our businesses over the years. Todd's design education and background result in sites that are both technically advanced and hi…”
Carl Strong
Owner
Strong Frames
March 2026Client (25+ years)
About Me

25+ Years Building
Digital Experiences

I'm a UX Engineer and frontend engineer with unusually strong design judgment. My Visual Communication background shows up in the way I build: polished interfaces, reusable UI systems, measured performance improvements, and product work that respects both the user and the code. Currently working in React at Sherwin-Williams while running Consume Design LLC, helping outdoor and cycling brands grow through better UX.

Performance & Stability

Improved page load speed, reduced blocking work on the main thread, and helped keep production vulnerabilities at zero

Reusable UI Systems

Build shared components, front-end patterns, and supporting tooling that make teams faster and interfaces more consistent

Design Thinking + Frontend Engineering

Unique blend of Visual Communication & Design degree with deep practical experience in React, TypeScript, performance, and component-driven UI work

How I Work

Practical Tool Use

Use automation and AI where they help, while staying focused on the code, the product, and the outcome

Platform-Wide Thinking

Look for repeated UI problems across teams and solve them with shared patterns instead of one-off fixes

Tooling That Helps

Build scripts and developer tooling that reduce friction and make day-to-day work faster

Systematic Refactoring

Identify anti-patterns and inconsistencies, implement solutions at scale

Design Systems

Centralized theming, shared components, consistent UX across platforms

Tech Stack

Skills & Technologies

25+ years of tools focused on what moves fast and scales

Frontend:
ReactTypeScriptJavaScript (ES6+)Next.jsReduxVue.jsNode.jsHTML5CSS3JSONGraphQLXML
Styling:
Tailwind CSSSASSCSS-in-JSMUIBootstrap
AI & Automation:
GitHub CopilotCopilot Agent SkillsPowerShell ScriptingAI-Assisted WorkflowsPrompt Engineering
Architecture:
Module FederationMicro FrontendsComponent ArchitectureDesign SystemsVite
Design & UX:
FigmaAdobe XDPhotoshopIllustratorInDesignWebflowAccessibility (WCAG)Usability Testing
Platforms:
Shopify (Liquid)WordPressSalesforce Marketing CloudMySQL
Workflow:
GitHubCI/CDAgile / ScrumJiraJestUnit Testing

Other Projects

Selected work showcasing e-commerce platforms, CMS implementations, and long-term client relationships

Hustler Turf Redesign
Webflow CMS
Hustler Turf Redesign
Led complete website redesign and development using Webflow CMS on a tight four-week timeline. Prioritized mobile optimization, fast loading speeds, and clean layout to enhance user experience. Achieved high Lighthouse scores for ADA compliance, SEO, and best practices despite learning the platform from scratch.
Webflow
Responsive Design
ADA Compliance
SEO

2023

Strong Frames
Long-term Client
Strong Frames
20+ year client relationship building and maintaining e-commerce site and custom order management system. Designed and developed twelve iterations over the years, adapting the brand's online presence from WordPress to lightweight Next.js. Most recent version reflects Carl's craftsmanship while transitioning toward retirement.
Next.js
E-commerce
Long-term Support

1997 - Present

MTD Parts Prototype
Next.js Prototype
MTD Parts Prototype
Built a complete frontend redesign prototype for MTD Parts using Next.js, demonstrating modern UI patterns and improved navigation architecture. Created a production-ready reference implementation that showcased enhanced user experience and established design patterns for the parts catalog.
Next.js
UI/UX Design
Prototyping
E-commerce

2022

Open to Opportunities

Let's Work Together

Cleveland, OH