Zürcher Freilager
.png)
My Role
- User-Centered Design (UCD) – Research-driven approach ensuring an intuitive experience.
- Page Architecture – Defining a clear structure for easy navigation.
- Wireframing - After the workshop with the clients, I did the wireframes for all the important pages.
- Aesthetic & Interaction Design – Implementing refined transitions, animations, and a clean, modern look.
- Best Practices & Accessibility – Optimizing usability across desktop and mobile.
Challenge
The existing website was outdated in both design and technology, making it difficult to maintain and limiting its ability to effectively communicate Zürcher Freilager AG's values. Key challenges: Improve usability and ensure seamless navigation; visually represent sustainability and the company's 100-year history in a compelling way; implement smooth transitions and subtle animations that enhance the user experience without overwhelming them; adopt a modern CMS (Storyblok) for flexible, cost-effective maintenance while maintaining a cohesive design.
.png)
.png)
THE SOLUTION
To address these challenges, we:
- Developed a well-structured information architecture for effortless navigation and clear content presentation.
- Designed interactive storytelling elements, including a scrollytelling experience to bring the company’s 100-year history to life.
- Implemented refined animations and transitions to create a smooth and engaging user experience.
- Focused on clarity and readability, using large typography, generous whitespace, and high-quality imagery.
- Integrated sustainability as a key design theme, reinforcing Zürcher Freilager AG’s commitment to responsible real estate development.
- Ensured responsive design, making the website fully optimized for mobile and desktop devices.
IMPACT
The redesigned website is visually compelling, easy to navigate, and future-proof, aligning with Zürcher Freilager AG’s brand and sustainability goals. It offers fluid transitions, a refined aesthetic, and an engaging user experience. The new CMS also allows the client to easily manage content and scale as needed.
.png)
