Jannis Wäder | Interactiondesigner

CONTENT

SOCIAL

Instagram

INFO

Phone

Mail

IMPRINT

JANNIS WÄDER – 2025

Building Clear, Engaging Web Experiences with Impact

Project Lead

Research

Concept

Accessibility

UX Design

UI Design

Prototyping

Branding

A successful web relaunch is about more than just a redesign. It's about creating seamless, user-centered experiences that reflect a strong brand identity. My approach combines clear structure, intuitive usability and brand consistency to deliver websites that are not only visually appealing but also functional and accessible.

Building Clear, Engaging Web Experiences with Impact

Project Lead

Research

Concept

Accessibility

UX Design

UI Design

Prototyping

Branding

Building Clear, Engaging Web Experiences with Impact

Project Lead

Research

Concept

Accessibility

UX Design

UI Design

Prototyping

Branding

Process and ways of working

My design process for web projects follows a structured yet flexible approach. Each project starts with a kickoff workshop to align on the brand, target audience, and market positioning. In the concept phase, I translate insights into user journeys, information architecture and wireframes defining the foundation of the user experience. During the design phase, I craft the visual direction, create UI layouts, and build scalable design systems with reusable styles and components.

Final designs are delivered with developer-ready specifications, and I stay involved during handoff and QA to ensure accurate implementation. This iterative, user-centered workflow ensures that every design decision aligns with user needs, business goals, and technical constraints.

Process and ways of working

As part of a brand refresh following a campus expansion, SGP needed a new website to act as a central platform for all services, talent outreach, and firm-wide communication. The task was to translate the new brand into a digital experience that unifies services, supports recruiting, and showcases cases, news, and events. I developed the digital design language and was responsible for concept and UX/UI design of the Services, Career, Team, and News pages including stakeholder presentations and collaboration with development. The site now serves as a unified and scalable platform, improving brand visibility, user orientation, and applicant engagement.

Process and ways of working

Schneider Geiwitz & Partner

VIEW Live Page

Schneider Geiwitz & Partner

VIEW Live Page

Schneider Geiwitz & Partner

VIEW Live Page

Schneider Geiwitz & Partner

VIEW Live Page

Schulsuite

A German EdTech company needed a unified brand and website to position their three digital tools as one cohesive suite for schools. My task was to create a clear, approachable brand and a website that highlights core features, supports conversions, and explains complex functionality to non-technical users. I led the project, developed the brand identity, and was responsible for the concept and UX/UI design of the website. I coordinated directly with the client and development team throughout. The result is an intuitive platform with a distinct visual identity, interactive pricing, and clear feature communication – helping educators quickly find and understand the right tools.

VIEW Live Page

Schulsuite

VIEW Live Page

Schulsuite

VIEW Live Page

Schulsuite

VIEW Live Page

FSG Marbach

The school’s previous website was overloaded with information and difficult to navigate, making it hard for parents, students, and teachers to find what they needed. We needed to restructure the site to improve clarity, reduce content complexity, and enable faster access to key information across all user groups. I developed the information architecture and designed the navigation, search, and content modules for a CMS-based platform. My focus was on clarity, modularity, and improved self-navigation. The new site offers a significantly improved structure and user flow, helping all target groups quickly find relevant information with fewer clicks and less friction.

FSG Marbach

Learnings

Across several relaunch projects, I’ve learned how crucial it is to start with the right questions: What does the client want to achieve? Who is the site really for? These strategic discussions helped define not just visual direction, but also structure, tone, and functionality. A key learning has been the value of close collaboration with development. Together, we explored how to design systems that convert well, feel distinctive and are built with reusable, scalable components.

This technical awareness influenced how I approached layout, interaction and content hierarchy from the beginning. Each relaunch deepened my understanding of how to combine brand, usability and business goals into one coherent digital experience. One that works, speaks clearly, and leaves an impression.