Complete UX/UI process for the redesign of the Sulzer Pension Fund website, from initial workshops and information architecture through wireframing, prototyping, visual design, and developer handoff. The project focused on structuring the site according to different target groups and their life stages, enabling users to efficiently find relevant information tailored to their specific needs.

Year
2025
Focus
User Experience & Visual Design
Disciplines
Branding, Graphics, Motion, UX, UI
Team
viu AG

Process Image 2 Process Image 2

Given the complexity and volume of pension fund topics, the target group overview pages were kept concise, while in-depth editorial content was organized into dedicated guide articles (Ratgeber) for users seeking more detailed information.

Carefully placed, minimalist animations lend the brand a subtly modern feel.

The Johann Jakob Sulzer Foundation (JJS), a sub-brand of SVE, was integrated into the shared design system, differentiated only by its brand colors to maintain a clear yet related identity.

Design Process & System Development

As the sole design lead, I worked in close collaboration with the client through workshops and management presentations. I also collaborated closely with the development team to establish the site template logic and Storyblok CMS structure from scratch, ensuring a seamless transition from design to implementation.

Leading the entire design process from conception to delivery, I created comprehensive deliverables at each stage, from information architecture and wireframes through high-fidelity visual designs and management presentations.

The design system in Figma was built with a variable-driven approach that enabled automatic generation of different screen sizes and made the translation of the design to code easier.