Back
HomeHome
WorkWork
CVCV
{ Studio }{ Studio }
Let's talk
Heritage Brand Rescue

Trauffer: The 25-Hour Rescue

Architecting a multi-branch tourism and e-commerce ecosystem under extreme temporal constraints for Switzerland’s iconic heritage brand.

Client

Trauffer

Services

Web Design,Development

Tech

AstroWebGL
0

Turnaround

From project takeover to final handoff, delivering a complete redesign under tight constraints.

0

Pages Architected

Transformed a stalled project into a 42-page high-fidelity system within the 25-hour window.

0

Business Units

Unified the Shop, Hotel, Restaurant, Events, and HQ under one system.

THE CHALLENGE

Project Rescue

I stepped into this project as a ‘rescue’ lead. With a previous design phase stalled and a strict 25-hour remaining budget, the mission was to overhaul the digital presence for one of Switzerland’s most beloved heritage brands. Trauffer isn’t just toys; it’s a multifaceted ecosystem including the Bretterhotel, world-class restaurants, and an event-driven ‘Erlebniswelt.’ My goal was to unify these under one cohesive digital language while meeting the exacting standards of a high-end Swiss clientele.

Trauffer Project Rescue Mockup

Visualizing Logic

The primary UX challenge was navigation. I redesigned the Information Architecture to create a 'Master Hub' that seamlessly funnels users into five distinct business branches. This required a balance between e-commerce (toys) and high-end hospitality booking (hotel/restaurants).

Home
Shop
Wooden Toys
Manufactory
Brands
Sustainability
Experience World
Cow Universe
Flagship Store
Bretterhotel
Rooms
Your Stay
Offers
Excursions
Restaurants
Alfred's
Rosa's Bistro
Events & Seminars
Seminars
Groups
Occasions
Social Program
About Us
History
Team
Careers
Contact
Scroll to explore →

Senior Note

"With 25 hours on the clock, I prioritized Information Architecture as the single source of truth. By solving the navigation for five distinct business units (Hotel, Shop, Events, Food, HQ) first, the UI became a logical extension of the map rather than a decorative exercise."

Dual Identity Strategy

The challenge was maintaining Trauffer’s 'Heritage' (Wooden Toys) while elevating their 'Hospitality' (Bretterhotel) to a premium level. I designed a system that seamlessly shifts from high-key, airy layouts to high-contrast, moody dark modes depending on the user's journey.

Trauffer Landing Page

Landing Page

Trauffer Dining Interface

Dining Interface

Trauffer Experience Interface

Experience Interface

Design for Velocity

With 25 hours on the clock, efficiency was the primary constraint. I built a lean, component-driven UI Kit in parallel with the designs. This allowed for rapid iteration across all 42 pages while ensuring the final handoff was dev-ready for Astro and WebGL implementation.

Typography
Display
Lorem ipsum
Caslon Pro • Bold Italic
h1
Lorem ipsum
Caslon Pro • Bold Italic
h2
Lorem ipsum
Inter • Semi Bold
body XL
Lorem ipsum
Inter • Light
Colors
Primary
Red
#C03D3C
Dark
#191919
Sand
#CCA674
Neutral
0
#FFFFFF
50
#FAF9F6
100
#F3F1EC
200
#E6E1D9
500
#B8B8B8
700
#404040
900
#141311
Brand
50
#FFFFED
100
#EADECF
300
#E4D0B6
500
#E3A565
700
#9D8875
Core Components
Input Field

The Results

The project was delivered 100% on-spec. By leading direct client meetings and eliminating feedback loops, we bypassed the traditional ‘agency lag.’ The result is a unified digital ecosystem that respects Trauffer’s 80-year history while functioning as a modern, high-conversion hospitality platform.

Next Project

Movieworld Spiez

View Case Study →

Contact

  • Get in touch

Connect

  • Instagram
  • LinkedIn
©2026 .ARK
  • Privacy Policy
  • Impressum
Crafted by .ARK