Conception and design of an online product configurator based on SolidWhite's VISHOW-System. Creating and expanding the design system in Figma to ensure a consistent and scalable design.

Fischer Profil was faced with the challenge of communicating the benefits of their roof and façade systems in a clear and appealing way.

A virtual showroom should visualize the products interactively. To do this, the VISHOW system had to be adapted to the specific requirements of Fischer Profil, functionally expanded and the corporate design integrated.

The ViShow system should be adapted in a short period of time to create an efficient web application for Fischer Profil.

The focus was on a high-performance and user-friendly solution that not only offers detailed insights into the products, but also enables users to configure a sample construction project by selecting and individually coloring the products. This interactive functionality should enable a personalized, visual presentation of the product selection and thus support the decision-making process.

The users of Fischer Profil's virtual showroom are primarily architects, civil engineers, sales representatives and customers interested in innovative construction solutions.

The challenge was to develop an interactive platform that would enable both professionals and end customers to select and configure products easily and intuitively.

User research and further analyses were dispensed with as part of the project, meaning that decisions were based primarily on existing findings and requirements.

Since I was working with the ViShow system for the first time, I checked it for common UX and usability aspects while using it. In doing so, I quickly identified optimization potential, particularly in navigating between products and showrooms as well as in other areas.

Since it was foreseeable that the ViShow system would require adjustments, I analyzed the market for existing 3D configurators in order to incorporate best practices into the development process at an early stage.

The possible products as well as their structure and structure were set out in the customer briefing and then expanded. By structuring this content on the basis of the existing ViShow system, open questions could be identified and clarified at an early stage.

Two prototypes were first created: The first prototype was based on the existing interaction concept and design of the ViShow system. In the second prototype, both the interaction concept was revised and a comprehensive redesign was designed to specifically solve the problems identified during the analysis phase.

In order not only to integrate the customer's corporate design into VISHOW, the design system was comprehensively reviewed and expanded to ensure an even more flexible and customizable system for the future.

In Figma, I implemented this by using variables and interactive components so that both individual functions and complex prototypes could be created quickly and efficiently.

Based on the design system, the user interface was integrated into the existing prototype. The focus was on flawless usability and user experience as well as on a modular design that makes it possible to implement future products or changes easily and cost-effectively.

Due to limited resources, some user-friendly designs and features could not be implemented as originally planned. I would have liked to see these adjustments in the final product.

Unfortunately, this project did not involve user research, which limited the ability to include direct user feedback in the development process. As a result, there was no solid basis for precisely identifying the specific needs and expectations of the target groups.

There was no comprehensive user testing of our site, which limited the ability to identify potential usability problems and technical weaknesses early and afterwards.

Despite these circumstances, a user-friendly and functional result was achieved by applying proven usability principles and working closely with the customer.