Case Study
Faecherchor Karlsruhe
UX Design
UI Design
Interaction Design
Website Implementation (Webbuilder)
Brand Design
Faecherchor Karlsruhe is a multicultural, volunteer-driven German-Ukrainian choir. Its previous website had outdated navigation, unclear information hierarchy, and inconsistent UX writing. New potential members struggled to understand how to join, concert visitors couldn't find upcoming events, and donors lacked transparency about supporting the choir.
I led a UX redesign to restructure the information architecture, improve clarity, and support different stakeholder needs — from choir members and newcomers to sponsors and press.
Year
2025
Team
Solo designer
Scope
UX Research
Workshop Facilitation
Card Sorting & Usability Testing
Personas
UX Writing
Information Architecture
Wireframes
Software
Miro
FigJam
Figma
Challenges Identified
01
Missing pages and unclear structure
02
Missing platform for choir members Inconsistent CTA labels
03
No clear pathway for press, donors, or organizersMixed German–Ukrainian layout on a single page
04
Mixed German–Ukrainian layout on a single page
05
Mixed German–Ukrainian layout on a single page
06
Inconsistent CTA labels
Project Goal
The primary goal was to create a High-Fidelity Wireframe of the Faecherchor Karlsruhe website with a clear, inclusive, and well-structured UX design that serves both external visitors and internal members
Stakeholder Workshop
A structured stakeholder workshop was organized and facilitated for the choir board (leadership team) as part of the collaboration, brainstorming, and ideation phase
→
Ideation
→
UX problem collection
→
Card sorting
→
Persona brainstorming
→
CTA and slogan co-creation
→
First IA draft
Card Sorting & Navigation Restructure Brandstorming
User Groups
Based on stakeholder workshop
01
Sponsors & Cultural Supporters
Looking for mission clarity, project credibility, and meaningful ways to contribute.
Needs:
- A clear artistic and humanistic mission
- Evidence of impact (projects, concerts, testimonials)
- Easy donation/support options
- Visibility opportunities as supporters or partners
- Professional presentation (press kit, leadership info)
02
Potential Choir Members
Need practical information, reassurance, and a sense of community and atmosphere.
Needs:
- Repertoire + “what we sing”
- Clear joining instructions (no formal audition → low-threshold entry)
- Practical info: rehearsal location, access, schedule
- Language clarity (German/Ukrainian/bilingual)
- Atmosphere/vibe: welcoming, non-political, mixed experience levels
- Audio samples to get a feeling for the choir
- Info about travel projects or special activities
03
Public, Press & Partners
Prefer concise, well-structured, and trustworthy information about the choir’s work and events.
Needs:
- Concert calendar (where, when, ticket price)
- Past performances & media (audio/video)
- “About us” + choir history
- Press contact & materials
- Criteria for collaborations and invitations
- Internal members may additionally need repertoire, scores, and schedules
Card Sorting & Navigation Restructure Brandstorming
Information Architecture
The old IA did not work because it was too generic, not aligned with user needs, missing essential content, unclear in terminology, lacking clear actions
Old IA
→
Welcome (Willkommen)
→
Updates (Aktuell)
→
About Us (Über uns)
→
Choir Director (Chorleitung)
→
Chronicle (Chronik)
→
Contact (Kontakt)
→
Imprint & Privacy Policy (Impressum/Datenschutz)
Below is a persona-driven new Information Architecture based on user flows and personas needs
New IA & Sitemap
High-Fidelity Wireframes
Top-navigation & Hero Sections
Impact & Results
→
Fully designed and prototyped high-fidelity website wireframe
→
Improved information architecture and user experience writing
The next step would be to move directly to UI design and web implementation
Let’s discuss how my experience aligns with your team’s needs
Case Study
Faecherchor Karlsruhe
UX Design
UI Design
Interaction Design
Website Implementation (Webbuilder)
Brand Design
Faecherchor Karlsruhe is a multicultural, volunteer-driven German-Ukrainian choir. Its previous website had outdated navigation, unclear information hierarchy, and inconsistent UX writing. New potential members struggled to understand how to join, concert visitors couldn't find upcoming events, and donors lacked transparency about supporting the choir.
I led a UX redesign to restructure the information architecture, improve clarity, and support different stakeholder needs — from choir members and newcomers to sponsors and press.
Year
2025
Team
Solo designer
Scope
UX Research
Workshop Facilitation
Card Sorting & Usability Testing
Personas
UX Writing
Information Architecture
Wireframes
Software
Miro
FigJam
Figma
Challenges Identified
01
Missing pages and unclear structure
02
Missing platform for choir members
03
No clear pathway for press, donors, or organizers
04
Confusing onboarding for new singers
05
Mixed German–Ukrainian layout on a single page
06
Inconsistent CTA labels
Project Goal
The primary goal was to create a High-Fidelity Wireframe of the Faecherchor Karlsruhe website with a clear, inclusive, and well-structured UX design that serves both external visitors and internal members
Stakeholder Workshop
A structured stakeholder workshop was organized and facilitated for the choir board (leadership team) as part of the collaboration, brainstorming, and ideation phase
→
Ideation
→
UX problem collection
→
Card sorting
→
Persona brainstorming
→
CTA and slogan co-creation
→
First IA draft
Card Sorting & Navigation Restructure Brandstorming
User Groups
Based on stakeholder workshop
01
Sponsors & Cultural Supporters
Looking for mission clarity, project credibility, and meaningful ways to contribute.
Needs:
- A clear artistic and humanistic mission
- Evidence of impact (projects, concerts, testimonials)
- Easy donation/support options
- Visibility opportunities as supporters or partners
- Professional presentation (press kit, leadership info)
02
Potential Choir Members
Need practical information, reassurance, and a sense of community and atmosphere.
Needs:
- Repertoire + “what we sing”
- Clear joining instructions (no formal audition → low-threshold entry)
- Practical info: rehearsal location, access, schedule
- Language clarity (German/Ukrainian/bilingual)
- Atmosphere/vibe: welcoming, non-political, mixed experience levels
- Audio samples to get a feeling for the choir
- Info about travel projects or special activities
03
Public, Press & Partners
Prefer concise, well-structured, and trustworthy information about the choir’s work and events.
Needs:
- Concert calendar (where, when, ticket price)
- Past performances & media (audio/video)
- “About us” + choir history
- Press contact & materials
- Criteria for collaborations and invitations
- Internal members may additionally need repertoire, scores, and schedules
Card Sorting & Navigation Restructure Brandstorming
Information Architecture
The old IA did not work because it was too generic, not aligned with user needs, missing essential content, unclear in terminology, lacking clear actions
Old IA
→
Welcome (Willkommen)
→
Updates (Aktuell)
→
About Us (Über uns)
→
Choir Director (Chorleitung)
→
Chronicle (Chronik)
→
Contact (Kontakt)
→
Imprint & Privacy Policy (Impressum/Datenschutz)
Below is a persona-driven new Information Architecture based on user flows and personas needs
New IA & Sitemap
High-Fidelity Wireframes
Top-navigation & Hero Sections
Impact & Results
→
Fully designed and prototyped high-fidelity website wireframe
→
Improved information architecture and user experience writing
The next step would be to move directly to UI design and web implementation
Let’s discuss how my experience aligns with your team’s needs
Case Study
Faecherchor Karlsruhe
UX Design
UI Design
Interaction Design
Website Implementation (Webbuilder)
Brand Design
Faecherchor Karlsruhe is a multicultural, volunteer-driven German-Ukrainian choir. Its previous website had outdated navigation, unclear information hierarchy, and inconsistent UX writing. New potential members struggled to understand how to join, concert visitors couldn't find upcoming events, and donors lacked transparency about supporting the choir.
I led a UX redesign to restructure the information architecture, improve clarity, and support different stakeholder needs — from choir members and newcomers to sponsors and press.
Year
2025
Team
Solo designer
Scope
UX Research
Workshop Facilitation
Card Sorting & Usability Testing
Personas
UX Writing
Information Architecture
Wireframes
Software
Miro
FigJam
Figma
Challenges Identified
01
Missing pages and unclear structure
02
Missing platform for choir members
03
No clear pathway for press, donors, or organizers
04
Confusing onboarding for new singers
05
Mixed German–Ukrainian layout on a single page
06
Inconsistent CTA labels
Project Goal
The primary goal was to create a High-Fidelity Wireframe of the Faecherchor Karlsruhe website with a clear, inclusive, and well-structured UX design that serves both external visitors and internal members
Stakeholder Workshop
A structured stakeholder workshop was organized and facilitated for the choir board (leadership team) as part of the collaboration, brainstorming, and ideation phase
→
Ideation
→
UX problem collection
→
Card sorting
→
Persona brainstorming
→
CTA and slogan co-creation
→
First IA draft
Card Sorting & Navigation Restructure Brainstorming
User Groups
Based on stakeholder workshop
01
Sponsors & Cultural Supporters
Looking for mission clarity, project credibility, and meaningful ways to contribute.
Needs:
- A clear artistic and humanistic mission
- Evidence of impact (projects, concerts, testimonials)
- Easy donation/support options
- Visibility opportunities as supporters or partners
- Professional presentation (press kit, leadership info)
02
Potential Choir Members
Need practical information, reassurance, and a sense of community and atmosphere.
Needs:
- Repertoire + “what we sing”
- Clear joining instructions (no formal audition → low-threshold entry)
- Practical info: rehearsal location, access, schedule
- Language clarity (German/Ukrainian/bilingual)
- Atmosphere/vibe: welcoming, non-political, mixed experience levels
- Audio samples to get a feeling for the choir
- Info about travel projects or special activities
03
Public, Press & Partners
Prefer concise, well-structured, and trustworthy information about the choir’s work and events.
Needs:
- Concert calendar (where, when, ticket price)
- Past performances & media (audio/video)
- “About us” + choir history
- Press contact & materials
- Criteria for collaborations and invitations
- Internal members may additionally need repertoire, scores, and schedules
Personas
Information Architecture
The old IA did not work because it was too generic, not aligned with user needs, missing essential content, unclear in terminology, lacking clear actions
Old IA
→
Welcome (Willkommen)
→
Updates (Aktuell)
→
About Us (Über uns)
→
Choir Director (Chorleitung)
→
Chronicle (Chronik)
→
Contact (Kontakt)
→
Imprint & Privacy Policy (Impressum/Datenschutz)
Below is a persona-driven new Information Architecture based on user flows and personas needs
New IA & Sitemap
High-Fidelity Wireframes
Top-navigation & Hero Sections
Results & Impact
→
Fully designed and prototyped high-fidelity website wireframe
→
Improved information architecture and user experience writing
The next step would be to move directly to UI design and web implementation
Let’s discuss how my experience aligns with your team’s needs
