Fielmann Finder®

An interactive React-based prototype bringing Fielmann’s 3D Virtual Try-On experience to life, enabling user testing, informed interaction design decisions, and faster iteration for the Fielmann Finder®.

Date

2020

Role

UX Design & Prototyping

Client

Fielmann AG

Project Vision

The Fielmann Finder® lets users discover and virtually try on sunglasses in 3D, providing tailored recommendations. The aim was to bring this digital try-on experience to life through an interactive prototype—enabling user testing, refining interaction design, and offering a blueprint for software engineering and stakeholder alignment.

Project Vision

The Fielmann Finder® lets users discover and virtually try on sunglasses in 3D, providing tailored recommendations. The aim was to bring this digital try-on experience to life through an interactive prototype—enabling user testing, refining interaction design, and offering a blueprint for software engineering and stakeholder alignment.

Project Vision

The Fielmann Finder® lets users discover and virtually try on sunglasses in 3D, providing tailored recommendations. The aim was to bring this digital try-on experience to life through an interactive prototype—enabling user testing, refining interaction design, and offering a blueprint for software engineering and stakeholder alignment.

Technical Approach & Prototyping

Built on Fittingbox’s Virtual Try-On (VTO) technology, the prototype faced unique technical limitations: VTO could not run in standard UIWebViews or typical prototyping platforms like Framer or Protopie at the time. To solve this, I implemented a ReactJS-based prototype with rich functionality, allowing users to try on sunglasses, save favorites, and add items to the cart.

Technical Approach & Prototyping

Built on Fittingbox’s Virtual Try-On (VTO) technology, the prototype faced unique technical limitations: VTO could not run in standard UIWebViews or typical prototyping platforms like Framer or Protopie at the time. To solve this, I implemented a ReactJS-based prototype with rich functionality, allowing users to try on sunglasses, save favorites, and add items to the cart.

Technical Approach & Prototyping

Built on Fittingbox’s Virtual Try-On (VTO) technology, the prototype faced unique technical limitations: VTO could not run in standard UIWebViews or typical prototyping platforms like Framer or Protopie at the time. To solve this, I implemented a ReactJS-based prototype with rich functionality, allowing users to try on sunglasses, save favorites, and add items to the cart.

Data Integration & Flexibility

All product data and imagery were integrated into the prototype via NodeJS, pulling from existing APIs and preparing assets for real-world use. To support both user research and internal reviews, I implemented feature toggles, making it possible to present different development stages to various audiences.

Data Integration & Flexibility

All product data and imagery were integrated into the prototype via NodeJS, pulling from existing APIs and preparing assets for real-world use. To support both user research and internal reviews, I implemented feature toggles, making it possible to present different development stages to various audiences.

Data Integration & Flexibility

All product data and imagery were integrated into the prototype via NodeJS, pulling from existing APIs and preparing assets for real-world use. To support both user research and internal reviews, I implemented feature toggles, making it possible to present different development stages to various audiences.

Impact & Outcomes

This comprehensive prototype accelerated ideation, testing, and decision-making for the virtual try-on experience. It allowed rapid iteration on design ideas, improved collaborative processes across stakeholders, and provided a practical foundation for future product development.

Impact & Outcomes

This comprehensive prototype accelerated ideation, testing, and decision-making for the virtual try-on experience. It allowed rapid iteration on design ideas, improved collaborative processes across stakeholders, and provided a practical foundation for future product development.

Impact & Outcomes

This comprehensive prototype accelerated ideation, testing, and decision-making for the virtual try-on experience. It allowed rapid iteration on design ideas, improved collaborative processes across stakeholders, and provided a practical foundation for future product development.

Moritz Habenbacher

Moritz Habenbacher

Moritz Habenbacher