Vermont Teddy Bear

Rebuilding UX Clarity in a Brand-Driven Commerce Environment

Vermont Teddy Bear is a premium, multi-million-dollar e-commerce brand with a large product catalog and a deeply established visual identity. Over time, the digital experience evolved to reflect whimsical brand language, animation-heavy components, layered promotional messaging, and desktop-first assumptions.

Mobile traffic was rapidly increasing — eventually surpassing 70% — yet internal evaluation of the site largely occurred on desktop environments. Multiple stakeholders contributed to UI decisions, often reinforcing brand expression and messaging density over structural clarity..

While a migration to Salesforce Commerce Cloud provided technical modernization, the larger opportunity was to re-architect the user experience for hierarchy, focus, and usability at scale.

  • Role:
  • Senior Web Designer (Product & Design Systems)
  • Scope:
  • UX modernization, information architecture, mobile-first enforcement, promotional governance

Core Tension: Brand Expression vs. Structural Clarity

The legacy ethos favored expressive design, animation, and layered promotional content to reinforce the brand’s premium positioning. However, this approach introduced visual noise, diluted hierarchy, and complicated navigation — particularly across a large catalog.

Key challenges included:

  • Overlapping promotional placements
  • Animation-heavy UI components
  • Complex multi-level navigation
  • Limited mobile-first prioritization
  • Accessibility gaps

The goal was not to remove brand character, but to introduce intention and structural discipline.

UX Modernization Strategy

The redesign focused on restoring hierarchy and clarity while preserving brand integrity.

Key initiatives included:

  • Simplifying navigation architecture to improve product discovery
  • Reducing animation density to strengthen visual hierarchy
  • Rationalizing promotional placement to prevent stacking and overload
  • Enhancing product storytelling and social proof to support premium positioning
  • Shifting layout strategy toward mobile-first design patterns
  • Strengthening accessibility and usability standards

In parallel, I worked closely with internal design teams to reinforce mobile-first thinking — coaching on responsive hierarchy, content prioritization, and layout simplification for smaller screens.

Shifting organizational mindset required persistent education. Despite mobile traffic exceeding 70%, desktop-first bias remained strong due to internal working habits. Data and testing became essential tools for alignment.

Validation Through Testing

Shortly after launch, we leveraged A/B testing to evaluate layout simplification, promotional density adjustments, and hierarchy improvements.

Working closely with the VTB brand manager, we grounded our testing approach in competitive analysis, user research, and observed behavioral patterns. We operated under the assumption that strengthening hierarchy, reducing visual noise, and prioritizing mobile-first structure would improve engagement without diminishing premium brand perception.

Results consistently indicated:

  • Increased browse depth across categories
  • Higher add-to-cart activity
  • Significant lift in mobile engagement
  • Increased time on site
  • Stronger interaction with key flows such as PZA

While overall conversion rate did not immediately lift as anticipated, engagement metrics clearly demonstrated improved navigability and structural clarity — particularly on mobile.

These findings reinforced that mobile-first prioritization and reduced visual density were directionally correct, even within a premium, seasonally influenced commerce environment.

Organizational Impact

Over time, the UX modernization contributed to:

  • Improved engagement and product discovery
  • More intentional promotional governance
  • Greater mobile-first adoption across teams
  • Increased stakeholder alignment around user behavior
  • Elevated accessibility and usability standards

Testing helped shift internal dialogue from preference-based decisions to evidence-informed iteration.

Reflection

By early 2020, Vermont Teddy Bear had fully migrated to Commerce Cloud.

Modernizing a legacy brand experience requires more than visual updates — it requires introducing structural discipline without eroding brand identity.

This project reinforced that premium positioning is strengthened through hierarchy and clarity, not density. By persistently advocating for mobile-first thinking and validating simplification through data, we aligned stakeholders around user behavior rather than internal assumption.

Clarity became a strategic asset, not a compromise.

  • Contact:
  • toddunn@gmail.com
  • © 2026