Inhalt wird geladen …
Zum Inhalt springen
aLx-designaLx-design
Sport
Fotografie
Design
MagazinÜber michBilder lizenzieren
Kontakt

Sport

  • Volleyball
  • Fußball
  • Handball
  • Veröffentlichungen
Zur Sportfotografie ›
Volleyballfotografie von aLx-design
Volleyball

Action am Netz, im richtigen Moment eingefroren.

Fußballspieler vor dem Gästeblock mit Pyrotechnik, Fußballfotografie von aLx-design
Fußball

Emotion und Tempo, Spieltag für Spieltag.

Fotografie

  • Portrait, Editorial & Beauty
  • Hochzeit
  • Produkt
  • Familie
  • Business
  • Spezial
  • Lillies Tierfotografie
Alle Bereiche ›
Hochzeitsfotografie von aLx-design
Hochzeit

Zwei Menschen, ein Tag, echte Emotionen.

Portrait- und Editorialfotografie von aLx-design
Portrait & Editorial

Charakterstarke Porträts mit klarer Lichtführung.

Design

  • Visual Branding
  • SEO
  • Grafikdesign
  • Webdesign
  • UI/UX Design
Alle Leistungen ›
Visitenkarten aus dem Corporate Design für Clebot, Visual Branding von aLx-design
Visual Branding

Markenidentität, die im Kopf bleibt.

Laptop mit der Website von Zusana, Webdesign von aLx-design
Webdesign

Auftritte, die führen und überzeugen.

UI/UX Design · Prototyping · Usability

UI/UX Design aus Waldshut-Tiengen und am Hochrhein

Interfaces, die Nutzer führen statt nur gut auszusehen. Methodisch fundiert nach DIN EN ISO 9241-110, mit einer Konzept-Schicht aus dem Kommunikationsdesign und Conversion-Psychologie aus dem Neuro-Webdesign. Damit Entscheidungen am Bildschirm nicht dem Zufall überlassen bleiben.

B.A. Kommunikationsdesign · Certified Neuro Web Expert · DIN EN ISO 9241-110

Projekt anfragen›UI/UX-Arbeiten ansehen›

Was UI/UX wirklich heißt

UI/UX ist nicht das Hübschmachen einer Oberfläche. Es ist die Entscheidungs-Architektur dahinter. Welche Information wann sichtbar wird, wohin der Blick zuerst wandert, wo Vertrauen entsteht, wo der nächste Klick wahrscheinlich passiert. Eine Website kann gestalterisch durchdacht sein und trotzdem an genau diesen Punkten leise scheitern.

Wenn UX-Konzept und Webdesign getrennt geplant werden, baust du oft zweimal. Erst die schöne Seite, dann das Redesign in 18 Monaten, weil die Conversion-Zahlen es erzwingen. Schöne Oberfläche, niedrige Klickrate, Bounce auf der zweiten Scroll-Tiefe. Das ist kein Geschmacks-Problem, das ist ein Konzept-Problem.

Mein Ansatz dreht das um. UI/UX kommt vor dem Code, mit denselben Methoden, die in jeder ernsthaften UX-Disziplin Standard sind. Personas und Zielgruppen-Split, Informationsarchitektur, Wireframes, Hi-Fi-Prototyp in Figma, Usability-Test mit echten Nutzern, alles gegen die sieben Interaktionsprinzipien der DIN EN ISO 9241-110 geprüft. Plus eine Schicht Conversion-Psychologie aus dem Neuro-Webdesign, mit der Designentscheidungen begründbar werden statt Bauchgefühl zu bleiben.

So entsteht UI/UX

Fünf Phasen vor dem ersten Pixel im Code

01

Discovery und Ist-Analyse

Wir verstehen Geschäftsziele, Nutzerziele und den aktuellen Stand.

Im Auftakt klären wir, was die Seite oder das Produkt leisten soll, wer es nutzt und wo es heute hakt. Falls eine Bestandssite existiert, lege ich sie an den sieben Interaktionsprinzipien der DIN EN ISO 9241-110 an: Aufgabenangemessenheit, Selbstbeschreibungsfähigkeit, Steuerbarkeit, Erwartungskonformität, Lernförderlichkeit, Individualisierbarkeit, Fehlertoleranz. So wird aus Bauchgefühl eine messbare Befund-Liste, an der wir konkret arbeiten können.

02

Personas und Zielgruppen-Split

Eine Seite muss nicht alle ansprechen. Manchmal sind zwei Einstiege besser.

Aus Interviews oder vorhandenen Daten entstehen Personas mit echten Zielen, Hürden und Entscheidungspfaden. Wo zwei sehr verschiedene Zielgruppen aufeinandertreffen (klassisch B2B Inhaber vs. B2C Endkunde), bauen wir bewusst zwei Einstiegsstrecken statt eine Kompromiss-Seite. Das Muster hat sich in mehreren Projekten bewährt und ist oft der Hebel, der eine Site von "okay für alle" zu "stark für jeden" hebt.

03

Informationsarchitektur und Wireframes

Erst die Struktur, dann das Schöne.

Sitemap, Navigationslogik, Sektions-Reihenfolge. Wireframes mobile-first als Low-Fidelity, weil sich Strukturentscheidungen in einer schwarz-weißen Skizze schneller revidieren lassen als im farbigen Mockup. In dieser Phase fliegt die Hälfte aller späteren Diskussionen schon auf, bevor sie teuer werden.

04

Hi-Fi-Prototyp in Figma

Klickbarer Prototyp mit echten Inhalten, nicht mit Lorem ipsum.

Aus den Wireframes wird ein hochauflösender Prototyp in Figma, mit echten Texten und Bildern statt Platzhaltern. Klickbar, sodass Auftraggeber und Test-Personen den Flow erleben können, bevor eine Zeile Code geschrieben ist. Hier kommt auch die Neuro-Webdesign-Schicht ins Spiel: bewusste Platzierung von Trust-Signalen, Sympathie-Triggern, Ankerungs-Effekten, Reziprozität. Designentscheidungen werden begründbar.

05

Usability-Test und Designsystem-Handover

Echte Nutzer durchklicken lassen, dann sauber an die Umsetzung übergeben.

Der Prototyp geht in einen Usability-Test mit echten Nutzern. Was hakt, wird vor dem Build geheilt, nicht danach. Am Ende steht ein dokumentiertes Designsystem mit Komponenten, Tokens und Verwendungsregeln, sodass die Umsetzung sauber andocken kann (bei mir oder bei einem fremden Entwicklungs-Team). UI/UX endet hier, der Code beginnt im Webdesign-Cluster.

Phase 1 von 5: Discovery und Ist-Analyse

Drei Wege zu nutzerzentriertem Design

Wo UI/UX am stärksten wirkt

UX-Audit und Optimierung

Bestehende Site oder App systematisch durchleuchten, an der DIN-9241-110-Heuristik messen und Conversion-Hypothesen aus dem Neuro-Webdesign ableiten. Für Unternehmen, deren Auftritt steht, aber zu wenig liefert. Wenig Aufwand, hoher Hebel.

Komplettes UI/UX-Konzept

Greenfield-Konzeption von Discovery bis Hi-Fi-Prototyp, inklusive Personas, IA, Wireframes und Usability-Test. Für neue Websites oder Produkte, die richtig anfangen wollen. Anschlussfähig an die eigene Webdesign-Umsetzung oder Übergabe an fremde Teams.

App-Design und Designsystem

Mobile-App-Konzept (Android, iOS, Tablet) oder dokumentiertes Designsystem mit Komponenten und Tokens. Für Software-Teams, die ein konsistentes Interface über Bildschirme und Plattformen hinweg brauchen, ohne dass jedes Feature zur Neuerfindung wird.

Warum ich

Konzept aus dem Kommunikationsdesign, gebaut mit Build-Realität

Mein UX-Fundament kommt aus dem B.A. Kommunikationsdesign, mit zwei eigenen Studienprojekten: dem UI-Relaunch für die Hausverwaltung Kuhlendahl (B2B-Inhaber sachlich, B2C-Mieter emotional, bewertet an DIN EN ISO 9241-110) und einer Mobile-App namens eHub für Android, iPhone und iPad mit vollständigem Designsystem. Das Kuhlendahl-Konzept lief nicht nur als Note, es wurde nach dem Studium beauftragt, umgesetzt und ist heute live im Echtbetrieb.

Was UX bei mir von reiner Theorie unterscheidet: ich baue selbst. Seit über 10 Jahren in Gestaltung und Kommunikation, seit 7 Jahren auch im Code. Konzepte werden nicht in der luftleeren Figma-Bubble entworfen, sondern gegen das geprüft, was später technisch und budgetär wirklich tragfähig ist. Plus Methoden aus dem Neuro-Webdesign, mit denen sich Designentscheidungen begründen lassen statt sie zu verteidigen.

Erfahrung
0+

Jahre Gestaltung im Handwerk

„Ein gutes Interface fühlt sich nicht gut an, weil es schön ist. Es fühlt sich gut an, weil es den Nutzer in jedem Moment versteht."

Geschult

Certified Neuro Web Expert

Denkweise

B.A. Kommunikationsdesign mit eigenem UI- und App-Studienprojekt

Certified Neuro Web ExpertCertified Neuro Web Expert

Ausgewählte UI/UX-Arbeiten

Eine Auswahl quer durch Web und App

Alle Arbeiten›
Website-Relaunch der Hausverwaltung Kuhlendahl: die neue Startseite responsiv auf Desktop und Smartphone.
Website-Relaunch Hausverwaltung Kuhlendahl›
eHub App-Design als Mockup-Collage: mehrere Screens der eSports-Bootcamp-App auf dunklem Grund mit Lime-Akzent.
eHub Mobile App›

Stimmen

Was Kundinnen und Kunden sagen

„Alex ist ein sehr professioneller Fotograf und Designer! Für bereits zahlreiche Projekte haben wir auf Alex seine Dienstleistungen zurückgegriffen. Stets zuverlässig und mit innovativen Lösungen für Herausforderungen. Das Preis-Leistungsverhältnis ist hervorragend! Wir empfehlen ihn sehr gerne weiter und bleiben weiterhin ein treuer Kunde von Alex! Alles gute weiterhin! :-)“
Christian
Christian · Portrait, Webdesign, Kommunikationsdesign
„Alex ist ein super professioneller und sympathischer Fotograf der von Anfang an eine entspannte Atmosphäre schafft, auf die Wünsche eingeht und sie super umsetzt! Das Ergebnis spricht jedes Mal für sich und übertrifft die Erwartungen. Sehr zu empfehlen!“
Janine
Janine · Portrait-Shooting
„Klare Empfehlung für seine herausragende Arbeit! Ich bedanke mich bei Alex für die kreative und sehr zügige Erstellung meiner Webseite. Er war engagiert und ist auf meine Wünsche und Vorstellungen kompetent eingegangen. Die Zusammenarbeit war zuverlässig und ich fühlte mich jederzeit mit einer fachlichen Perfektion beraten.“
Janine Metz
Janine Metz · Rakelbar
„Alex, einfach nur DANKE!! 🙏 Wenn jemand auf der Suche nach einem sehr kompetenten, kreativen, flexiblen und vor allem extrem spontanen Grafikdesigner ist, dann kann ich den lieben Alex wirklich sehr empfehlen! Ich hatte ihn für eine Entwicklung einer Website in kurzfristiger Zeit gebucht und war mehr als zufrieden! Ich hatte schon öfter mit ihm zusammengearbeitet und wusste bereits, dass ich mich zu 100% auf ihn verlassen kann. Er konnte meine Erwartungen mehr als übertreffen und erstellte mir eine super schöne Page und hatte meinen Stil genau getroffen. Zudem ist er direkt erreichbar, wenn man ihn braucht und setzt die Wünsche und Bedürfnisse super um. Ganz großes Kompliment, immer wieder 😊🙏“
Janine Schilling
Janine Schilling · JX Invest GmbH
Veröffentlicht in
  • Béziers Volley Angels
  • FC Seefeld Zürich
  • FuPa
  • I Believe Sports
  • Münstersche Zeitung
  • Schwarz-Weiß Erfurt
  • Swiss Volley
  • VC Kanti Schaffhausen
  • VfR Horheim-Schwerzen
  • Volleyball Academy
  • Volleyball Bundesliga
  • Westfälische Nachrichten
  • die Mobiliar

Pakete

Individuelles Angebot

UI/UX-Audits laufen als kompakte Beratung, komplette Konzepte als Festpreis-Projekt, App- und Designsystem-Aufträge als Monatsbudget. Welcher Weg zu deinem Projekt passt, klären wir im Briefing. Bei einem Full-Build kommt die UX-Konzeption als erste Phase aus dem Webdesign-Paket, hier buchst du sie als eigenständige Leistung.

  • +Audit als kompakte Beratung
  • +Konzept zum Festpreis
  • +App und Designsystem als Monatsbudget
Projekt anfragen›

Lass uns über dein Interface sprechen.

Erzähl mir kurz, ob du eine bestehende Site optimieren willst, ein neues Produkt konzipierst oder ein Designsystem brauchst. Ich melde mich innerhalb von 48 Stunden bei dir.

Projekt anfragen›
aLx-designaLx-design

Fotografie und Kommunikationsdesign am Hochrhein. Bilder und Markenauftritte mit Haltung.

@alx_fotodesignPortrait & Hochzeit@alexfranzen.photoSport@alx_carshotsCar & Motorrad

Fotografie

  • Portrait, Editorial & Beauty
  • Hochzeit
  • Produkt
  • Familie
  • Business
  • Spezial

Design

  • Visual Branding
  • SEO
  • Grafikdesign
  • Webdesign
  • UI/UX Design

Mehr

  • Sport
  • Magazin
  • Veröffentlichungen
  • Equipment
  • Über mich
  • Kontakt

Rechtliches

  • Bildlizenzen
  • Impressum
  • Datenschutz
  • AGB

© 2026 Alexander Franzen · aLx-design

·

Waldshut-Tiengen · Hochrhein · Schweiz