Senior Application Developer
UX/UI Designer

Todd HeckelerFront-End Developer

Blending UX/UI Design with Agile Product Development. 25+ years of experience building scalable front-end solutions for enterprise applications and consumer-facing websites. Currently Senior Application Developer at Sherwin-Williams.

Featured Case Study

Real Projects, Measurable Results

Transforming challenges into growth opportunities through strategic design and development

Featured Project
+24%
Products Sold
+11%
Orders
+1%
Revenue
LiteAF Case Study
eCommerce
SEO
UX
WordPress
LiteAF – Performance in a Tough Market
Complete eCommerce redesign and optimization for ultralight backpacking gear brand

The Challenge

LiteAF faced declining traffic and conversions in a challenging economic climate. Their Wordpress site needed modernization and better mobile UX.

The Solution

Complete site redesign focusing on mobile UX, simplified navigation, improved page speed, and SEO-friendly architecture.

The Impact

Despite economic headwinds, LiteAF achieved growth across all key metrics, demonstrating digital resilience and brand strength.

About Me

25+ Years of Digital Innovation

From the early days of Flash and interactive media to modern React applications, I've evolved with the web. Currently building enterprise-scale applications at Sherwin-Williams while maintaining my passion for thoughtful design and user experience.

Enterprise Experience

Building scalable front-end features for internal apps using React, TypeScript, and modern tooling

Agile Collaboration

Experienced in Scrum methodology, working closely with designers, engineers, and analysts

Full-Stack Design Thinking

Unique blend of technical development skills with strong UX/UI design background

Technical Skills

React/TypeScriptExpert
UX/UI DesignExpert
SASS/Tailwind CSSExpert
Agile/TestingAdvanced

Current Role

Senior Application Developer

Sherwin-Williams

July 2024 – Present

Portfolio

Other Projects

A curated selection of recent work showcasing diverse skills and technologies

Fara Feather
Shopify eCommerce
Fara Feather
Designed, developed, and implemented the full Shopify site for Fara Feather using the Dawn theme as a foundation. Handled all aspects of the project including UI/UX design, product templates, flexible metafield-powered content sections, and custom policy pages. Built and styled the site with HTML, CSS, JavaScript, and Liquid, creating a scalable, modular codebase while delivering a clean, utility-focused user experience on a compressed timeline.
Shopify
Shopify Liquid
JavaScript
TypeScript

Created: 2025

Hustler Turf Redesign
Webflow
Hustler Turf Redesign
In a tight four-week timeline, I led the redesign and development of the Hustler Turf website using Webflow's WYSIWYG system, a platform I had never used before. Learning and developing the entire site within this timeframe, my goal was to prioritize mobile optimization, fast loading speeds, and a sleek layout to enhance user experience and engagement. Despite the learning curve, the website excelled in performance metrics, achieving high scores for ADA compliance, SEO, and best practices as assessed by Lighthouse.
Webflow
Responsive Design
ADA Compliance

Created: 2024

Strong Frames
Next.js App
Strong Frames
Having worked with Carl Strong on his website since the late 90s, I’ve designed and developed twelve iterations over the years, adapting the brand’s online presence to shifting goals and technologies. The most recent version transitioned from a large, feature-rich WordPress site to a lightweight, single-page Next.js build — a streamlined solution that reflects Carl’s move toward retirement while still showcasing the craftsmanship behind Strong Frames.
Next.js
Tailwind CSS
React

Created: 2025