Stiftung Rüttihubelbad WebsiteWeggli GmbH
The project involved a comprehensive redesign of the Stiftung Rüttihubelbad website, aimed at enhancing user experience and accessibility for visitors seeking information about the foundation's services, including its hotel, restaurant, residential care, and therapeutic programs. The goal was to create a modern, user-friendly platform that effectively communicates the foundation's mission and offerings while engaging visitors through visually appealing design and intuitive navigation.
After
Before
01 Role & Responsibilities
As the lead UX designer, I was responsible for the overall redesign strategy, including user research, wireframing, prototyping, and usability testing. I collaborated closely with stakeholders to gather requirements and ensure that the website reflected the foundation's values and services. My key tasks included creating a cohesive visual identity, streamlining navigation, and ensuring content was presented clearly and effectively to enhance user engagement.
02 Vision
The vision for the Stiftung Rüttihubelbad website redesign was to create an accessible and engaging online presence that reflects the warmth and community spirit of the foundation. We aimed to provide visitors with a seamless experience where they can easily find information about various services and initiatives, fostering a sense of connection and encouraging them to engage further with the foundation.
03 Challenges
The redesign process faced several significant challenges, including:
The existing website featured a dated design that did not align with modern aesthetic standards, making it less engaging for users and failing to effectively communicate the foundation's mission and services.
The website's information architecture was complex and unclear, leading to difficulties for users in locating relevant content and services. This confusion hindered the overall user experience and made navigation cumbersome.
Users often needed to click through multiple pages to find the information they sought. This excessive clicking not only frustrated visitors but also created a disconnect between users and the services offered by the foundation.
04 User Research
User research is a fundamental component of the design process that ensures our final product resonates with the actual needs and behaviors of users. For the redesign of the SIAXMA Webterminal, we implemented a multi-faceted research approach that involved qualitative interviews, online surveys, and the development of user personas. The insights gained from these activities were instrumental in shaping our design decisions and ensuring that the new interface would effectively address user needs.
To gather a comprehensive understanding of our users, we employed several research methods:
Online Surveys
To complement the qualitative data collected from interviews, we distributed an online survey to a broader audience. The survey was designed to quantify user feedback, allowing us to gather statistical insights into common pain points and preferences. It included questions related to user satisfaction, feature usage frequency, and desired functionalities. We targeted users across various departments to ensure that the data reflected a comprehensive view of the user experience.
Personas
Based on the insights gathered from interviews and surveys, we developed proto-personas to encapsulate the diverse user groups interacting with the SIAXMA Webterminal. These personas served as archetypes representing the key characteristics, needs, and pain points of our user base, guiding the design process to ensure that it remained user-centered.
Qualitative Interviews
We conducted in-depth interviews with a diverse group of users, including both administrative staff and managers who interact with the SIAXMA Webterminal daily. These interviews were structured to elicit detailed feedback about their experiences with the current system, focusing on specific tasks they perform, frustrations they encounter, and features they wish to see improved or added. Each session lasted approximately 60 minutes, allowing ample time for participants to express their thoughts and concerns openly.
Pain Points
Through user research, we identified several pain points that users experienced with the existing SIAXMA Webterminal. These included:
Complex Navigation:
Through user research, we identified several pain points that users experienced with the existing SIAXMA Webterminal. These included:
Outdated Design:
The old interface was considered visually unappealing and inconsistent, which detracted from the overall user experience.
Lack of Customization:
Users expressed a desire for customizable dashboards that could cater to their individual workflow preferences.
Inadequate Reporting Features:
Many users struggled with generating meaningful reports quickly, highlighting a need for improved analytics tools.
Atomic Design Systemfrom scratch
In redesigning the SIAXMA Webterminal, I developed a comprehensive Atomic Design System from scratch, which is built upon the principles of modularity and reusability. By breaking the interface into fundamental components—atoms, molecules, organisms, templates, and pages—we created a dynamic and flexible user interface that enhances consistency and adaptability. Each component is designed to be easily customizable, allowing for real-time updates that reflect changes across the application, ensuring a cohesive user experience. The system also incorporates responsive design principles, ensuring that all elements function seamlessly across various devices and screen sizes. The implementation of this atomic design system has significantly improved project efficiency and collaboration between design and development teams. By promoting consistency and reducing development time, the system enables designers to focus on creating high-quality user experiences. Furthermore, the clear documentation and usage guidelines foster a shared understanding of the design framework, facilitating future scalability as the SIAXMA Webterminal evolves. This modern approach not only meets current user needs but also positions the application for growth and adaptability in the long term.
