Mustafa Al Awad

Profil

Product Designer, der komplexe Software-Abläufe vereinfacht und die Design Systems dahinter baut, von der User Research bis zu Figma und React. Seit 2016 selbständig in der Schweiz, direkt in Kundenprojekten, mit zwei Inhouse-Stellen dazwischen. Ein Teil dieser Kundenarbeit steht unter NDA, darum zeigt das öffentliche Portfolio nur einen Teil. Baute Tessera, ein kommerzielles Design System mit über 70 React-Komponenten, Atome inklusive. Deutsch B2 (telc), Englisch fliessend. Suche eine Festanstellung in einem Produktteam, in der Schweiz oder remote.

Berufserfahrung

Selbständiger Product Designer, Design Systems (Freelance)

Unter dem Namen codography (Einzelfirma) | Schweiz | 2016 – heute

Kundenprojekte und eigene Produkte, von Discovery und Research über Interface Design bis zur Umsetzung.

Nestwärme | Schweizer Kinderbetreuungsverein | 2023 – 2024, Ende 2025 – 2026 | nest-waerme.ch

Product und System Design geleitet, im Team mit UX-Researcherin, UX/UI-Designerin, Full-Stack-Entwickler und der Projektleiterin auf Kundenseite.
Dreistufigen Anmeldeprozess für Familien gestaltet und mit 10 Personen getestet, dazu Tools für Kapazitätsplanung und Administration.
Annotiertes Design System in Figma und Entwicklungsdokumentation erstellt.
Manuelle Abläufe mit Tabellen und E-Mails abgelöst: Das Team betreibt Jobportal, Mitarbeiterverwaltung und Anmelde-Dashboard heute ohne Entwicklersupport.

Tessera | Design System für Figma und React | Eigenes Produkt, live seit 2026 | tessera-ds.ch

Kommerzielles Design System für Business-Oberflächen gebaut: über 70 React-Komponenten, Atome inklusive, und Design Tokens aus einer Quelle für CSS und Figma.
Namen, Properties und States der Komponenten zwischen Figma und Code abgeglichen, mit Light und Dark Theme; neun vollständige Produkt-Screens nur aus dem System gebaut.
Umsetzungsregeln dokumentiert und mit Kontrastprüfungen und Linting im Build abgesichert, auch für die Entwicklung mit KI.
Erste zahlende Kunden nach dem Launch, ohne Marketingkampagne.

Von Papier zur Plattform | Schweizer medizinisches Labor | 2026

Research, Design und Umsetzung einer durchsuchbaren Wissensplattform mit annotierten Abläufen, rollenbasiertem Zugriff und strukturierter Schichtübergabe.
Nachtschicht vor Ort beobachtet; daraus entstand eine Sprachtranskription für schnellere Übergabedokumentation.
Tägliche Support-Tickets sanken um 75%, von rund 12 auf 2-3, und kritische Probleme wurden schichtübergreifend 6x schneller gelöst; 16 Mitarbeitende verfassten 128 Artikel.

Fundara (Name geändert) | Vertraulicher Kunde, Finanzsoftware

Informationsarchitektur des Reportings mit Card Sorting und Usability-Sessions überarbeitet; im Test fanden Nutzende wichtige Reports rund 40% schneller.
Dreistufige Token-Architektur (Primitive, Semantic, Alias) aufgebaut, für Light und Dark Theme, wiederverwendbare Oberflächen, Tastaturbedienung und Screenreader-Unterstützung.

Design-System-Beratung | FinTech-Kunde | 2023 – 2024

Design System auf Web, iOS und Android erweitert, Farbkontraste verbessert und die einheitliche Nutzung dokumentiert.

Volta | Live-App für Fitness-Coaching | Eigenes Produkt, 2025 – heute | alawad.ch/work/volta

Getrennte Oberflächen für Coaches und Trainees auf gemeinsamer Datenbasis gestaltet und entwickelt, mit passwortlosem Login und Workout-Tracking; 61 Nutzende, durch Empfehlungen gewachsen, mit 97% Nutzerbindung.
Erstellung eines Trainingsplans mit Drag-and-Drop-Editor von 20 auf 2 Minuten verkürzt; Gemini-API-Kosten durch Caching um 95% gesenkt.

Actifisio | Fribourg | 2022 – heute

Administrativen Ablauf zu einer Online-Buchung umgestaltet, mit Figma-Prototypen und Usability-Tests. Das Unternehmen meldete 38% mehr Umsatz; das Redesign hat dazu beigetragen.
Website und deren Sicherheit im laufenden Wartungsvertrag betreut.

Alanis Siffert | Triathlon-Championne | 2021

Persönlichen Markenauftritt und Website gestaltet.

Design-Mentoring | 2022 – heute

15+ Designerinnen und Designer in einem strukturierten 1:1-Programm zu UI-Grundlagen, Figma und Design Systems begleitet.

UX & UI Designer, Markenentwicklung

Be Creative | Fribourg, Schweiz | 2019 – 2020

Website-UX/UI und Markenauftritt gestaltet, inklusive animierter Logos; CMS-basierte Prototypen mit Fokus auf Barrierefreiheit und Usability entwickelt und getestet.

Front-End Developer & UX Designer

Waimanoo GmbH | Zofingen, Schweiz | 2018 – 2019

Firmenwebsite vom Konzept bis zum Launch umgesetzt, mit HTML, CSS, JavaScript und jQuery, gestützt auf Research und Prototyping.

Umzug in die Schweiz

Schweiz | 2015 – 2016

In die Schweiz gezogen und Deutsch gelernt. Erste Freelance-Kunden: International Federation of Social Workers (IFSW), Web- und Printdesign, bis heute gelegentlich betreut, und ein Startup in Biel, für das ich eine WordPress-Website baute.

Interne Kommunikation, Teamleitung

Zain Iraq, Telekommunikation | Irak | 2008 – 2015

Team für interne Kommunikation geleitet. Achiever of the Year 2012.

Kenntnisse

Design: Figma (Variables, Components, Prototyping), Design Systems, Design Tokens, Komponentenbibliotheken, Atomic Design, UX Design, UI Design, Interaction Design, Informationsarchitektur, Responsive Design, Datenvisualisierung

Barrierefreiheit: WCAG-Kontrastwerte, Tastaturbedienung, Screenreader-Unterstützung

Research: User Research, User Interviews, Usability-Tests, Card Sorting, Stakeholder-Workshops, Feldbeobachtung

Umsetzung: HTML, CSS, JavaScript, TypeScript, React, Firebase, Supabase, Storybook, Zeroheight, GitHub, Developer Handoff und Dokumentation

Arbeitsweise: Agile, Jira

KI-Tools: Claude, Cursor, KI-gestütztes Prototyping und Entwicklung

Ausbildung

Design System Bootcamp | Maven | 2023

Professional Diploma in UX Design | UX Design Institute | 2022 – 2023

CAS Web & Information Design | Fernfachhochschule Schweiz | 2019 – 2020

Bachelor of Fine Arts, Kunstpädagogik | Universität Bagdad | 2003 – 2007 | Swiss ENIC Vergleichbarkeitsbeurteilung 2024

Sprachen

Englisch: fliessend | Deutsch: B2 (telc) | Arabisch: Muttersprache