01 / 04
Websites
Responsive Interfaces, Layout, Interaktion und Frontend-Entwicklung — erprobt an vollständigen Konzept-Builds und kleineren Experimenten.
- Von Hand geschrieben
- Jede Breite
- Schnell von Haus aus
Alaa Abbod, Herne, Deutschland
Vier Disziplinen
Design und Entwicklung sind bei mir keine getrennten Hälften. In diesen vier Bereichen probiere ich immer wieder aus, wie visuelles und technisches Denken einander stärken können.
02 / 04
Mobile Apps
Interface-Systeme für Mobilgeräte — Screens, Navigation, Zustände, Abläufe und Interaktionsmuster für iOS und Android.
- iOS und Android
- Abläufe statt Screens
- Jeder Zustand gezeichnet
03 / 04
E-Commerce
Konzepte für digitale Shops, mit Fokus auf Produktpräsentation, Hierarchie, Stöbern und Kaufabschluss.
- Der Kaufweg gehört dir
- Zahlungen bleiben beim Anbieter
- Deine Daten, deine Konten
04 / 04
Grafikdesign
Logos, Identitätssysteme, Plakate, Werbemittel und visuelle Studien, gebaut aus Schrift, Farbe und Komposition.
- Marken und ihre Konstruktion
- Komplette Identitätssysteme
- Kampagne und Werbung
gilt für jeden Build
Dieselbe Arbeitsweise, egal in welcher Disziplin
-
Vorher abgesteckt
Jedes Projekt bekommt einen echten Plan, bevor die erste Zeile Code oder der erste Entwurf entsteht.
-
Überarbeitet, nicht hingeworfen
Überarbeitungen gehören zum Prozess und sind nicht etwas, das man hinten ansetzt.
-
Sauber aufgesetzt
Domain, Hosting und Repository so eingerichtet, wie ich sie später selbst wieder vorfinden möchte.
-
Lesbarer Quelltext
Jede Entwicklerin — auch ein späteres Ich — kann die Dateien öffnen und lesen, was dort steht.
-
Barrierefrei von Anfang an
Schon beim Bauen nach WCAG 2.1 AA umgesetzt, nicht hinterher geprüft.
-
Nichts bleibt halbfertig
Ein Projekt geht als vollständiges, stimmiges Erlebnis online — oder gar nicht.
-
Eine Person, beide Hälften
Dieselben Hände machen Gestaltung und Umsetzung, damit dazwischen nichts verloren geht.
-
Zum Erkunden gemacht
Jeder Build hier will geöffnet, durchgeklickt und gelesen werden, nicht nur angeschaut.
keine Disziplin, eine Praxis
Barrierefreiheit und Performance messen
Ein Scanner liest Markup. Er kann keine Tabulatortaste drücken, und er kann dir nicht sagen, dass das, was er gerade durchgewinkt hat, unbenutzbar ist. Deshalb gehört das Prüfen von Hand — Tastatur, Kontrast, was sich unter reduzierter Bewegung noch bewegt — dazu, wenn ich etwas fertigstelle. Diese Website eingeschlossen.
Wo eine Zahl veröffentlicht wird, steht das Messdatum und die Methode daneben, damit sie überprüfbar ist und nicht geglaubt werden muss. Hier ist die dieser Website: Am 26. August 2026 fand axe-core 4.11 über 204 Durchläufe 5 Verstöße — alle 102 Dokumente in zwei Breiten, unter prefers-reduced-motion, sodass jedes Reveal gesetzt war. Alle fünf betreffen ein einziges Element: eine Überschrift, deren Akzenthälfte das Grün der Website auf hellem Grund trägt — bewusst so gewählt, nachdem sie mit 1,33:1 gemessen wurde. Das ist die automatische Hälfte und nicht mehr. Der Tastaturdurchgang oben steckt nicht in dieser Zahl, und ein manueller Screenreader-Durchgang wurde für diese Website nicht gemacht.
Woraus ein Durchgang besteht
- Ein Tastaturdurchgang durch jedes bedienbare Element, von Hand
- Fokusreihenfolge, Fokussichtbarkeit und Fokusfallen
- Kontrast, gemessen, mit einer Liste der Paare, die durchfallen
- Überschriften, Landmarken, Namen und Rollen
- Verhalten bei reduzierter Bewegung — und was sich dann noch bewegt
- Lade- und Interaktionskosten, an einer gedrosselten Verbindung
drei von zehn, nach Bandbreite ausgewählt
Du kannst jede einzelne davon starten
Alle zehn Projekte auf dieser Website sind selbst initiiert, alle zehn laufen in dem Browser, den du bereits offen hast, und zu jedem gibt es einen Bericht, was es erreichen wollte und was sich gewehrt hat.
Arke Estates
Editoriale Zurückhaltung, selbst initiiert, 2025
Signalform
Dichtes Produkt-Interface, selbst initiiert, 2026
Root & Ritual
Ein Shop, von vorn bis hinten, selbst initiiert, 2020
Jedes ist von einer anderen Frage ausgegangen.
egal, welche der vier
Sieh, wie es zusammenkommt
Die zehn Projekte auf dieser Website führen durch die Entscheidungen hinter jedem dieser vier Bereiche — was funktioniert hat, was nicht, und was ich beim nächsten Mal anders machen würde.