Knopf and Oswald home page UX design by Studio Ubique
Live website Studio Ubique collaborated with Kube Studio on the Knopf and Oswald UX Design, creating a user-centric web application that simplifies complex processes.

Our task was to deliver a comprehensive UX design that included a Linktree page, a home/landing page, a webinar page, and a sophisticated configurator with 13 steps to calculate hose ventilation configurations and check profitability. The design needed to seamlessly integrate Knopf and Oswald’s brand identity while providing an intuitive user experience.

The challenge: developing the Knopf and Oswald UX design

Dr. Knopf and Oswald required a digital solution that was both functional and easy to navigate, catering to users with diverse technical backgrounds. The most complex aspect of the project was the 13-step configurator, which needed to guide users through configuring ventilation systems and checking profitability in a clear and concise manner. Additionally, the entire design had to be visually aligned with Knopf and Oswald’s branding, incorporating shapes from their logo and their distinctive color palette.

Knopf and Oswald home page, hero section, UX design by Studio Ubique
Knopf and Oswald home page, UX design by Studio Ubique
Mobile view of Knopf and Oswald home page UX design
Mobile view of Knopf and Oswald home page UX design
Mobile view of Knopf and Oswald home page UX design

The solution: crafting a user-centric Knopf and Oswald UX design

We approached the project by closely analyzing Knopf and Oswald’s brand assets and user needs. Our goal was to create a user experience that was not only efficient but also visually engaging.

Linktree Page:
We designed a streamlined Linktree page that acts as a gateway to Knopf and Oswald’s various digital platforms. The design is straightforward, allowing users to quickly access the information and tools they need.

Home/Landing Page:
The home page was crafted to serve as the central hub for the web application. Using shapes from the Knopf and Oswald logo and their brand colors, we developed a layout that immediately communicates the company’s identity and core offerings. The design is both welcoming and professional, guiding users smoothly to the different sections of the application.

Webinar Page:
The webinar page was designed with a focus on clarity and ease of use. Users can effortlessly register for upcoming webinars and access relevant content, all within a clean and organized layout.

Knopf and Oswald configurator step 1 UX design
Knopf and Oswald configurator final step UX design

Configurator with 13 Steps:
The configurator is the heart of the Knopf and Oswald web application. We designed each of the 13 steps to be as intuitive as possible, with clear instructions and visual cues to help users navigate through the process. The configurator’s design ensures that even complex calculations and configurations are manageable for users of all levels. Consistent use of brand colors and shapes throughout the configurator reinforces the company’s identity while providing a seamless user experience.

Knopf and Oswald webinar page UX design
Knopf and Oswald configurator landing page UX design
Step 7 in Knopf and Oswald mobile configurator UX design
Step 7 in Knopf and Oswald mobile configurator UX design
Step 7 in Knopf and Oswald mobile configurator UX design

Conclusion: success through strategic Knopf and Oswald UX design

The result was a web application that not only met the high standards of Kube Studio and Knopf and Oswald but also provided an exceptional user experience. The Knopf and Oswald UX Design successfully combined functionality with a strong brand identity, resulting in a highly effective web application. Kube Studio brought our designs to life, leading to a product that Knopf and Oswald and their users are extremely pleased with.

Looking for a UX design that simplifies complex processes? Book a video call with us to discuss how we can help bring your vision to life.

Achievements

Studio Ubique is proud to be a global partner in design and development, celebrated for our innovative solutions and unwavering commitment to excellence.