2026

THE INTERACTIVE LEARNING HUB

WÖHWA needed to demonstrate value, not just list specs. This platform transforms their complex "shipping automation" into an intuitive, visual experience that educates and generates leads.

BRAND

WÖHWA

services

services

services

services

services

services

services

UX/UI + FRONTEND DEV

DURATION

DURATION

DURATION

DURATION

DURATION

DURATION

DURATION

3 MONTHS

//
//
INTERACTION MODE
INTERACTION MODE
The core complexity lay in synchronizing four different data points. I built a scalable system where video, playlist, map and transcription are inextricably linked.
The core complexity lay in synchronizing four different data points. I built a scalable system where video, playlist, map and transcription are inextricably linked.
The core complexity lay in synchronizing four different data points. I built a scalable system where video, playlist, map and transcription are inextricably linked.

Video: Instead of one long movie, it loads a unique video for each step, a bite-sized approach. This isolates the complexity, allowing users to watch the specific process from start to finish.

Playlist: Acts as a narrative controller. It breaks the process into 13 digestible steps. Clicking an item doesn't just play a clip; it acts as a global trigger, updating the map and text simultaneously.

Transcription: It updates dynamically to match the active step. While the video shows what is happening, this text explains why it matters, ensuring full comprehension of the logic.

Map: Acts as a contextual navigation. Pins highlight in sync with the video to show location. Users can click pins to "reverse-drive" the system, jumping the video to that exact spot on the facility.

//
//
TECH STACK
TECH STACK
I built a scalable logic system in Framer to sync playlist items with map pins. The result is a lightning-fast build that empowers the client to manage content independently.
I built a scalable logic system in Framer to sync playlist items with map pins. The result is a lightning-fast build that empowers the client to manage content independently.
I built a scalable logic system in Framer to sync playlist items with map pins. The result is a lightning-fast build that empowers the client to manage content independently.

I implemented a seamless DE/EN toggle to cater to WÖHWA’s international market.

The “Send inquiry” button is prominent but not obtrusive. It’s always one click away.

I anchored the experience with logos of major clients to build immediate trust.

Reducing brand noise: The original logo works well on a factory wall, but on a digital interface, it felt "bulky" and took up valuable vertical screen real estate.

The solution:  I created a "digital-first" variation of the logo, stripping away the triangle. This lighter version anchors the brand without distracting from the actual content.

Improving readability: The client initially requested their standard corporate display font. However, I identified early on that this font suffered from poor legibility required for a dashboard interface.

The solution: I successfully advocated for switching to Inter. It is neutral, highly legible, and allowed the complex technical descriptions to be easily scanned without eye strain.

//
//
IMPACT
IMPACT
The platform helps the sales team educate clients before the first call by making complex industrial processes easier to understand. It reduces explanation effort by translating technical specifications into a clear, structured, and intuitive experience.
The platform helps the sales team educate clients before the first call by making complex industrial processes easier to understand. It reduces explanation effort by translating technical specifications into a clear, structured, and intuitive experience.
The platform helps the sales team educate clients before the first call by making complex industrial processes easier to understand. It reduces explanation effort by translating technical specifications into a clear, structured, and intuitive experience.

*Based on early post-launch usage and qualitative feedback from sales stakeholders.

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART
INTO EVERYTHING YOU DO

PUT YOUR HEART
INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART
INTO EVERYTHING YOU DO

PUT YOUR HEART
INTO EVERYTHING YOU DO

PUT YOUR HEART INTO EVERYTHING YOU DO

PUT YOUR HEART INTO
EVERYTHING YOU DO