An einer Berufsmesse muss ein Stand schnell Interesse wecken.

Mit der Kampagne «Alles im Grünen» suchen die Spitäler Schaffhausen neue Mitarbeitende. Sechs Tiere stehen für sechs Werte. Auf dem Display werden daraus Spiele, die Besucher an den Stand holen und Gespräche anregen sollen. Mitspielen ist ohne Anmeldung möglich.

Direkt am Gerät ausprobieren und verbessern.

Das Glücksrad war zunächst eine 3D-Walze. Beim Test am Display waren nur wenige Felder lesbar. Deshalb habe ich daraus eine flache Scheibe gemacht. Auch die Laufbahn entwickelte sich über mehrere Prototypen: von einer gemalten Kulisse zur begehbaren 3D-Welt.

Ein Touch-Display mit vier Spielen, das ohne Internet funktioniert. Die gemeinsame technische Grundlage lässt sich für weitere Messen nutzen.

Zuerst klären, ob Fernwärme infrage kommt.

Der alte Wärmecheck führte durch sieben Schritte und fragte zuerst nach der bestehenden Heizung. Eine Karte mit dem Standort des Hauses fehlte. Viele Fragen mussten Mitarbeitende anschliessend von Hand klären.

«Kann mein Haus an die Fernwärme angeschlossen werden?»

Wer über Fernwärme nachdenkt, braucht zuerst eine Antwort auf diese Frage. Erst danach sind Kosten und technische Details relevant. Deshalb beginnt der neue Wärmecheck mit der Adresse.

Schritt für Schritt von der Adresse zur Beratung.

Im Netzgebiet, ausserhalb oder ohne Daten: Die Seite hilft weiter.

Liegt das Haus im Netzgebiet, folgt eine erste Kostenberechnung. Liegt es ausserhalb, zeigt der Wärmecheck andere Heizlösungen. Fehlen die nötigen Energiedaten, verweist er an den Kundendienst.

Die Adresse verbindet die einzelnen Schritte.

Der Wärmecheck prüft die Adresse anhand der Netz- und Gebäudedaten. Daraus entstehen das Ergebnis auf der Karte und die erste Kostenberechnung. Die Anfrage wird in der Kundenverwaltung erfasst und an das Beratungsteam weitergegeben.

1. Adresse
2. Netz- und Gebäudedaten
3. Karte und Ergebnis
4. Kostenberechnung
5. Kundenverwaltung
6. Beratung

Mehrere Teams arbeiten am selben Ablauf.

Ich war für die Gestaltung und die Benutzerführung verantwortlich.

Früh ausprobieren und Schritt für Schritt verbessern.

Für das Gesamtprojekt gab es feste Aufgaben und Termine. Innerhalb dieses Rahmens habe ich die Entwürfe mehrfach überarbeitet und früh testen lassen. Rückmeldungen flossen direkt in die nächste Version ein. Ziele, Beteiligte und Ablauf habe ich auch in meiner Arbeit im CAS Projektmanagement dokumentiert.

Der Wärmecheck ist seit 2026 online. Nach der Adresseingabe zeigt er, ob das Haus im Netzgebiet liegt und welcher nächste Schritt möglich ist.

Ein einfacher Ablauf beginnt mit der Frage, die den Menschen am wichtigsten ist.

Die Website sah modern aus. Wichtige Informationen waren trotzdem schwer zu finden.

Grosse Bilder und Videos prägten die Startseite. Im Menü gab es Bereiche für Privatkunden, Geschäftskunden und Investoren. Eine feste Leiste führte direkt zu Umzug, Rechnung, Kontakt und Unterbrüchen. Andere Angebote waren weniger leicht zugänglich.

Was funktioniert – und was die Nutzung erschwert.

Die Farben Orange, Dunkelgrau und Weiss machten die EBL wiedererkennbar. Die Serviceleiste bot direkte Wege zu wichtigen Anliegen, der Chatbot «Volti» zusätzliche Hilfe. Bei der Prüfung habe ich vor allem Probleme im Seitenaufbau und in der Bedienung gefunden.

Drei beispielhafte Nutzerprofile machen die Bedürfnisse greifbar.

Was machen andere Websites gut?

Ich habe fünf Schweizer Energieversorger verglichen: Wie einfach lassen sich die Seiten bedienen? Wie sind sie gestaltet? Wie funktionieren sie auf dem Handy, wie schnell laden sie und welche interaktiven Angebote gibt es? Besonders die BKW und die CKW lieferten Anregungen für die neue Website.

Einfach zu bedienen, übersichtlich und als EBL erkennbar.

Aus der Prüfung entstanden sechs Aufgaben für die neue Website.

Gemeinsam skizzieren, dann die Seiten gestalten.

Im Workshop im August 2025 haben wir den neuen Seitenaufbau auf Papier skizziert. Daraus habe ich in Figma die Entwürfe für Computer und Handy entwickelt und bis zur Freigabe ausgearbeitet.

Die Privatkundenseite: vom bisherigen Aufbau über die Skizze zum neuen Design.

Einmal gestalten, auf mehreren Seiten verwenden.

Für Bilder, Angebotskarten, News, Kennzahlen, Zitate und Formulare habe ich wiederverwendbare Bausteine gestaltet. Zu jedem hielt ich fest, wie er funktioniert, wie er auf dem Handy aussieht und welche Inhalte im Redaktionssystem bearbeitet werden können. Checklisten halfen bei der Prüfung der Umsetzung.

Ich habe Design und Benutzerführung von der ersten Prüfung bis zur Abnahme begleitet.

Die neue Website ist seit 2026 online. Sie bietet eigene Einstiege für Privatkunden, Geschäftskunden und Investoren. Einheitliche Bausteine verbinden die Seiten und erleichtern die Pflege der Inhalte.

Wie ich es heute weiterdenken würde.

Heute würde ich den Conversational-Ansatz nicht nur als Klickprototyp darstellen, sondern möglichst früh als funktionierenden KI-Prototyp testen. So liessen sich Dialoglogik, Kontext und Übergaben bereits in einer frühen Phase real erleben und validieren.

«Die Zusammenarbeit mit Thomas an mehreren anspruchsvollen Projekten war eine grosse Freude, insbesondere bei der Weiterentwicklung von Landing- und Content-Seiten für eine namhafte Bank.»

Eine Zigarre ist Handwerk. Eine Produktliste zeigt davon nichts.

Villiger stellt seit 1888 Zigarren her. Die neue Website sollte diese Qualität spürbar machen: warm, ruhig, hochwertig. Und trotzdem schnell zum Produkt führen, für Kenner wie für Einsteiger.

Entdecken statt Listen lesen.

Jede Produktwelt hat eine eigene Stimmung und Akzentfarbe. Durch die Seiten führen kleine Entdeckungen: Die Zigarre setzt sich beim Scrollen zusammen, ein Röntgenblick zeigt das Innere, die Kiste öffnet sich. Die Bewegung ist ruhig, wie das Produkt.

Der Prototyp ist kein Klickdummy. Er zeigt, wie sich die Marke bewegt.

Vom ersten Konzept bis zum Prototyp, der sich wie die fertige Website anfühlt.

Ein Prototyp, der als Referenz für die Umsetzung dient: nicht nur wie es aussieht, sondern wie es sich bewegt. Die Website ist zurzeit in Entwicklung.

Für jede Bewerbung die passende Erfahrung zeigen.

Mein Profil umfasst Kommunikationsdesign, UX, digitale Anwendungen und KI. Für jede Stelle sind andere Erfahrungen wichtig. Sie jedes Mal neu auszuwählen und zu formulieren, kostet Zeit. KI kann dabei helfen, ergänzt aber manchmal Aussagen, die nicht belegt sind.

Ich habe die Angaben der KI mit meinem Lebenslauf verglichen.

Bei meiner Prüfung waren 67 von 368 genannten Kompetenzen nicht durch den hinterlegten Lebenslauf gedeckt. Zwei Ursachen lagen in meinen eigenen Anweisungen. Ich habe diese überarbeitet und eine automatische Prüfung ergänzt, die jede Kompetenz vor der Übernahme kontrolliert.

Das Werkzeug spart mir Zeit bei meinen Bewerbungen. Es hilft mir, passende Erfahrungen auszuwählen und die Texte zu prüfen.

Auch der Chat auf dieser Website nutzt freigegebene Angaben als Grundlage für seine Antworten.

Viele Möglichkeiten machen die Auswahl schwierig.

Bei der Neuausstattung eines Business Jets müssen Kunden über Grundriss, Sitze, Farben und Materialien entscheiden. Oft können sie sich das Zusammenspiel noch nicht vorstellen. In der Ausgangslage meiner Diplomarbeit dauerte es bis zu zwei Wochen, bis eine erste digitale Visualisierung vorlag.

Die Beratung verstehen und die Auswahl ordnen.

Ich habe bestehende Konfiguratoren verglichen und eine Umfrage sowie Telefoninterviews durchgeführt. Daraus entstanden zwei beispielhafte Nutzerprofile und eine Übersicht des Beratungsablaufs. Von drei Ideen überzeugte eine Tablet-App zur schrittweisen Gestaltung am meisten. Durch das gemeinsame Sortieren von Inhalten legte ich die Navigation fest und testete sie anschliessend mit einem klickbaren Prototyp.

Hersteller, Modell, Grundriss und Umfang auswählen. Danach die Kabine gestalten.

Ein Prototyp, mit dem sich die Auswahl einer Flugzeugkabine Schritt für Schritt durchspielen lässt. Die Gestaltung wird bereits im Gespräch sichtbar.