über mich · alaa abbod · herne, de
Creative Developer in Herne, Deutschland. Ich bewege mich zwischen Design und Entwicklung, weil ich die Trennlinie dazwischen nie besonders nützlich fand. Ein Interface kann perfekt funktionieren und sich trotzdem falsch anfühlen; eine starke visuelle Idee kann großartig aussehen und in dem Moment zusammenbrechen, in dem sie sich verhalten muss. Genau diese Spannung hält mein Interesse wach.
design-seite code-seite
design
Angefangen habe ich mit HTML, CSS und JavaScript — Zeile für Zeile gelernt, indem ich Dinge gebaut und kaputt gemacht habe. Das erste Ziel war einfach: etwas im Browser erscheinen lassen und verstehen, warum es dort erscheint.
code
Je mehr ich baute, desto deutlicher wurde, dass Code nur die Hälfte des Problems war. Typografie, Abstände, Farbe und Komposition veränderten meinen Blick auf Interfaces, und so wurde Grafikdesign Teil desselben Lernwegs statt einer eigenen Disziplin.
design
Zehn fertige Websites, zehn verschiedene Bildsprachen, keine zwei davon gleich. Eigeninitiiert · 2020–2026.
editorial print · luxuriöses erbe · skandinavische ruhe · radikal minimal · neo-brutalistisch · dunkel filmisch · organisch botanisch · präzise dunkel · cyberpunk-HUD · optimistisch hell
code
index.html, styles.css, script.js für die meisten davon — kein Framework, kein Build-Schritt, kein Paketmanager. Nichts, das nach Zeitplan aktualisiert werden muss, nichts, das kaputtgeht, weil sich eine Abhängigkeit darunter bewegt hat, und ich kann jede dieser Dateien Jahre später öffnen und immer noch lesen, was sie sagen.
design
Die meisten Webprojekte auf dieser Seite sind eigeninitiierte Konzept-Builds. Ich schreibe das Briefing, wähle die Richtung, gestalte das Interface und arbeite die Umsetzung selbst durch. Keine Auftragsarbeiten — ein Beleg dafür, wie ich denke und was ich bauen kann.
code
Drei der zehn kommen ganz ohne Fotos aus — diese Interfaces sind Inline-SVG und CSS. Sie bleiben in jeder Größe scharf, kosten beim Laden fast nichts, und das gesamte Set umzufärben ist eine Änderung an einer Handvoll Werte.
design
KI wurde zu einer weiteren Ebene des Workflows: nützlich für Exploration, Recherche, Iteration und das Testen von Ideen. Ich behandle sie als Werkzeug, nicht als Ersatz für Urteilsvermögen.
code
Websites und Web-Apps sind der Ort, an dem der Großteil der Arbeit liegt und aus dem jede Fallstudie stammt. Mobile-App-Interfaces und E-Commerce-Konzepte sind die beiden anderen Bereiche, die ich erkunde, neben Grafikdesign und Identitätsarbeit.
die arbeitsweise
Die Methode ist kurz genug, um sie vollständig zu nennen. Die meisten Websites, die ich baue, sind drei Dateien, die ein Browser von allein liest: eine für die Struktur, eine für das Aussehen, eine für das Verhalten. Nichts wird kompiliert, nichts gebündelt, nichts installiert, damit es läuft.
Was mir das einbringt, ist unglamourös — und genau der Punkt. Es gibt keinen Build, der brechen könnte, also funktioniert eine Website, die dieses Jahr läuft, auch in zwei Jahren noch, ohne neu gebaut zu werden, nur um mit dem eigenen Werkzeug Schritt zu halten. Es steckt nichts Proprietäres darin, also muss ich meine eigenen Entscheidungen nicht neu lernen, um Jahre später einen Tippfehler zu korrigieren. Und der Code ist klein genug, um ihn von Anfang bis Ende zu lesen — nur deshalb kann ich ehrlich jeden einladen, ihn zu lesen.
Heute bewege ich mich weiter zwischen Interfaces, Code, Identitäten und Experimenten — ich lerne, indem ich vollständige Dinge mache, statt unfertige Übungen zu sammeln.
Barrierefreiheit ist Teil davon, wie das Ding gebaut wird, und kein Durchgang am Ende — umgesetzt nach WCAG 2.1 AA, was eine Arbeitsweise ist und kein Zertifikat.
das zertifikat
Niemand hat die zehn Builds auf dieser Seite in Auftrag gegeben. Das Argument, warum meine gesamte Arbeit eigeninitiiert ist — was das wert ist, und nützlicher noch: was nicht —, hat eine eigene Seite. Oder überspringen Sie es, öffnen Sie die zehn Builds und bilden Sie sich zuerst ein eigenes Urteil.
Google AI Essentials, Coursera. Eine strukturierte Einführung in praktische KI-Workflows, Prompting und verantwortungsvollen Einsatz — ein Teil eines fortlaufenden Lernprozesses. Es ist keine Qualifikation für Web, Design oder Barrierefreiheit, und ich werde es nicht als eine solche ausgeben.
Ich bewege mich weiter zwischen Interfaces, Code, Identitäten und Experimenten — ich lerne, indem ich vollständige Dinge mache, statt unfertige Übungen zu sammeln.
