Todd HeckelerFront-End Developer
Front-end developer with a design background who builds reusable components, improves performance, and brings structure to complex UI systems. At Sherwin-Williams, I helped drive 32% faster page loads, standardized shared components across a Module Federation platform, and built tooling that improved team efficiency. Experienced in React, design systems, performance optimization, and practical problem solving across enterprise and client work.
Download Resume
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
Case Studies
Deep dives into reusable component systems, performance optimization, and frontend problem solving
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.
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.
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.
What People Say
Client testimonials and peer recommendations from LinkedIn
"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 highly functional, while maintaining excellent design and aesthetics. He stays on top of current technology and proactively brings new solutions to us for consideration."
"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 created a Shopify website for my brand that has depth, character, flow, and is simply stunning."
"Really appreciate having the opportunity to work with Todd on UX improvements. He brings a deep knowledge of best practices, empathy and creativity to his work. He has brought fresh perspectives and delivered quality flows to market that are appreciated by customers in how they are experienced ultimately driving positive outcomes."
"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 amazed at how many plates he was able to keep spinning while committing impeccable code under tight deadlines."
25+ Years Building
Digital Experiences
From building my own design business in the outdoor and cycling industries to improving UI systems at enterprise companies, I've evolved with the web. Currently working in React at Sherwin-Williams while maintaining my focus on thoughtful design, reusable components, and measurable impact.
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
Skills & Technologies
25+ years of tools focused on what moves fast and scales
Other Projects
Selected work showcasing e-commerce platforms, CMS implementations, and long-term client relationships
2023
1997 - Present
2022
Let's Work Together
