Swiss Paraplegic Foundation - Rebranding & Design Refresh 2025
A modern face for a strong brand. With the facelift of the main website paraplegie.ch, we are digitally introducing the new brand image of the Swiss Paraplegic Foundation - user-centred, accessible and future-proof.
The Situation
The website of the Swiss Paraplegic Group was launched in April 2018 and underwent a variety of visual updates throughout the years.
In 2024, the organisation initiated an extensive rebranding process as the 50 year anniversary is happening in 2025 and should be celebrated with a fresh look. At the same time, the frontend code hadn’t been updated holistically since the launch of the website and was therefore no longer state of the art and in some cases hard to maintain and/or extend.
The Brief
The rebranding was performed by an external agency and the new guidelines had to be applied to the website design. We were tasked with creating the designs, ensuring that the existing elements are following the new guidelines as well as making sure that only minimal editorial changes would be necessary but also improving the UX and Accessibility where possible.
Following the design phase, the new branding was to be implemented.
The Solution
Using the brand guidelines defined by the external agency, we’ve worked our way through base elements first, then layout elements and last but not least the extensive amount of content elements. The client was heavily involved in the process by demoing the progress every 2 weeks and having transparent discussions. Thanks to this, a cohesive look and feel was created and expectations were clear before the implementation started.
To start off the development, the frontend was migrated to Storybook to allow for automatic testing and create the basis to bring the code to state of the art standards.
The development followed the same approach as design, implementing base styles first, then layout and lastly the content elements. During the design refresh, old code was refactored using state of the art standards and removing legacy code to improve maintainability and future-proof the website code overall.
The biggest change was done to the Main Navigation to improve the UX and implement a mobile-first approach.
The result is a fresh website look, improved UX, state of the art technology and code as well as improved performance and accessibility.