01 / 04
Websites
Responsive Interfaces, Layouts, Interaktion und Frontend-Entwicklung — erkundet in vollständigen Konzeptprojekten und kleineren Experimenten.
- Von Hand geschrieben
- Jede Breite
- Schnell von Haus aus
Direkt zu den vier Disziplinen
Alaa Abbod · Herne, DE
Vier Disziplinen
Design und Entwicklung sind keine getrennten Hälften meiner Arbeit. In diesen vier Bereichen erprobe ich immer wieder, wie sich visuelles und technisches Denken gegenseitig stärken können.
02 / 04
Mobile Apps
Interface-Systeme für Mobile — Screens, Navigation, Zustände, Flows und Interaktionsmuster für iOS und Android.
- iOS & Android
- Flows, nicht Screens
- Funktioniert offline
03 / 04
E‑Commerce
Digitale Storefront-Konzepte mit Fokus auf Produktpräsentation, Hierarchie, Stöbern und Checkout-Interaktion.
- Die Journey gehört Ihnen
- Zahlungen bleiben beim Anbieter
- Ihre Daten, Ihre Konten
04 / 04
Grafikdesign
Logos, Identitätssysteme, Plakate, Werbemittel und visuelle Studien rund um Typografie, Farbe und Komposition.
- Zeichen & Konstruktion
- Vollständige Identitätssysteme
- Kampagne & Werbung
gilt für jeden Build
Dieselbe Arbeitsweise, egal in welcher Disziplin
Geplant, bevor es losgeht
Jedes Projekt bekommt einen echten Plan, bevor Code- oder Designarbeit beginnt.
Iteriert statt erster Wurf
Überarbeitungen sind Teil des Prozesses, kein Nachtrag am Ende.
Sauber aufgesetzt
Domain, Hosting und Repository so eingerichtet, wie ich sie selbst wieder vorfinden möchte.
Lesbarer Quellcode
Jeder Entwickler, auch ein zukünftiges Ich, kann die Dateien öffnen und lesen, was dort steht.
Barrierefrei von Anfang an
Schon beim Entstehen nach WCAG 2.1 AA gebaut, nicht im Nachhinein auditiert.
Nichts bleibt halb fertig
Ein Projekt erscheint als vollständige, stimmige Erfahrung — oder gar nicht.
Eine Person, beide Hälften
Dieselben Hände übernehmen Design und Umsetzung, sodass dazwischen nichts verloren geht.
Gemacht, um erkundet zu werden
Jeder Build hier soll geöffnet, durchgeklickt und gelesen werden, nicht nur betrachtet.
keine Disziplin, sondern Disziplin
Barrierefreiheit & Performance messen
Ein Scanner liest Markup. Er kann nicht Tab drücken, und er kann Ihnen nicht sagen, dass das, was er gerade durchgewinkt hat, unbenutzbar ist. Einen Build von Hand zu prüfen — die Tastatur, den Kontrast, was sich bei reduzierter Bewegung noch bewegt — gehört deshalb dazu, wenn ich etwas fertigstelle, diese Website eingeschlossen.
Die Zahlen unten stammen von dieser Website selbst — veröffentlicht statt nur behauptet, sodass jeder die Methode nachprüfen kann.
Gemessen auf dieser Website, 10. August 2026
axe‑core: 0 Verstöße über 23 Routen × 2 Viewports
Tastatur: 0 von 1,526 Tabstopps ohne sichtbaren Fokusindikator
Methode: wie gemessen wird. Ein manueller Screenreader-Durchlauf wurde nicht durchgeführt und wird nicht behauptet.
- Tastatur-Durchgang durch jedes interaktive Element, von Hand
- Fokusreihenfolge, Fokussichtbarkeit und Fokusfallen
- Kontrast, gemessen, mit Auflistung der Paare, die durchfallen
- Überschriften, Landmarken, Namen und Rollen
- Verhalten bei reduzierter Bewegung, und was sich noch bewegt
- Lade- und Interaktionskosten, bei gedrosselter Verbindung
drei der zehn, gewählt für die Bandbreite
Sie können jeden einzelnen davon selbst ausprobieren
Arke Estates
Redaktionelle Zurückhaltung · eigeninitiiert · 2025
Signalform
Dichte Produkt-UI · eigeninitiiert · 2024
Root & Ritual
Eine Storefront, von Anfang bis Ende · eigeninitiiert · 2025
Jedes begann mit einer anderen Frage.
welcher der vier es auch ist
Sehen Sie, wie alles zusammenkommt
Die zehn Projekte auf dieser Website gehen die Entscheidungen hinter jedem dieser vier Bereiche durch — was funktioniert hat, was nicht, und was ich beim nächsten Mal anders machen würde.
Immer der nächsten Idee auf der Spur.