Alaa Abbod

Creative Developer — Design und Code, Herne, Deutschland

creative developer — herne, de
Alaa Abbod
Schritt eins — Websites bauen, das Handwerk, mit dem alles begann
Es begann mit dem Web

HTML, CSS und JavaScript — lernen, wie aus einer leeren Seite etwas Strukturiertes, Responsives und Interaktives wird.

HTML · CSS · JSAutodidaktisch01/04
Schritt zwei — ausgestellte Grafikdesign-Arbeiten
Dann hat Design verändert, wie ich baue

Typografie, Farbe, Komposition und Identität — die Einsicht, dass die Funktion und das Gefühl Teil desselben Problems sind.

GrafikdesignMarkensysteme02/04
Schritt drei — persönliche Projekte als Weg, durch Bauen zu lernen
Projekte wurden zum Klassenzimmer

Andere Ideen, andere visuelle Richtungen, andere technische Probleme — jeder Build wurde zum Anlass, etwas Neues zu lernen.

Persönliche ProjekteLernen durch Bauen03/04
Schritt vier — KI als Instrument in den Workflow integriert
Heute gehört KI zum Werkzeugkasten

Mit dem Abschluss von Google AI Essentials bin ich tiefer in die Arbeit mit KI eingestiegen — für Exploration, Prompting, Produktivität und Problemlösung.

KI-ToolingKreativ-Workflow04/04

CODE

SEITE

Hinter jedem Interface liegen Logik und Details, die niemand sieht — und genau das baue ich am liebsten. Aufgeräumter Code, abgestimmte Interaktion und ein Erlebnis, das funktioniert, wie es soll.

DESIGN

SEITE

Design hebt das Erlebnis auf eine andere Ebene — von Schrift und Farbe bis zu Komposition und Bewegung baue ich ein visuelles Erlebnis, das man nicht so schnell vergisst.

Alaa Abbod — die Design-Seite
Alaa Abbod — die Code-Seite
Alaa Abbods Studio-Schreibtisch

Sprachen & Technologien

Vom Web über den Server bis zu Mobile-Apps — die Sprachen und Technologien, mit denen ich baue, jede mit ihrer eigenen Rolle und ihrem eigenen Weg, aus einer Idee etwas Funktionierendes zu machen.

  • Markup

    web
  • Styling

    web
  • Sprache

    web
  • Sprache

    web
  • Bibliothek

    web
  • Framework

    web
  • Framework

    web
  • Runtime

    server
  • Styling

    web
  • Abfrage

    data
  • Sprache

    server
  • Sprache

    server
  • Sprache

    ios
  • Sprache

    android
  • Sprache

    mobile
  • Tooling

    workflow
GOOGLE AI ESSENTIALS — COURSERA

fünf kurse ein zertifikat

Fünf Kurse, die mein Verständnis von KI von den Grundlagen bis zur praktischen Anwendung erweitert haben — von Prompting und Produktivität bis zum verantwortungsvollen Einsatz und der bewussten Integration in meine Arbeitsweise.

  1. Einführung in KI Introduction to AI

    Teil von Google AI Essentials

    Was generative KI wirklich tut — und wo ihre Grenzen liegen.

  2. Produktiver arbeiten mit KI-Tools Maximize Productivity With AI Tools

    Teil von Google AI Essentials

    Den Arbeitsalltag beschleunigen: schneller entwerfen, klarer zusammenfassen, leichter ordnen.

  3. Die Kunst des Promptens Discover the Art of Prompting

    Teil von Google AI Essentials

    Einen klaren Prompt schreiben und ihn schärfen, bis das Ergebnis brauchbar ist.

  4. KI verantwortungsvoll einsetzen Use AI Responsibly

    Teil von Google AI Essentials

    Bias und Datenschutz — und wo die Entscheidung eine menschliche bleibt.

  5. Der KI-Entwicklung voraus bleiben Stay Ahead of the AI Curve

    Teil von Google AI Essentials

    Die eigene Praxis aktuell halten, während sich die Werkzeuge Monat für Monat ändern.

  6. das zertifikat

    Google AI Essentials

    Google · Coursera

    ausgestellt für
    Alaa Alhaj Abbod
    datum
    9. Feb. 2026
    zertifikat-id
    TC60KHYDEYTV

ausgewählte projekte

Eigeninitiierte Arbeiten, entstanden um unterschiedliche Ideen, visuelle Richtungen und Interaktionsmuster zu erproben — jedes Projekt mit eigenem Charakter, eigener Logik und einer eigenen Art, Design und Code zusammenzubringen.

Ember & Oak — Restaurant mit Holzfeuerküche, Portland
Arke Estates — Maklerhaus für Architektur-Immobilien
Root & Ritual — botanisches Hautpflege-Abo
Brightloop — kohortenbasierte Karrierekurse
SLAB Strength Club — Kraftsportstudio in Detroit
Aurelia House — traditionsreiches Hotel in Mayfair
Signalform — Dashboard einer Observability-Plattform
Norra Health — Familienpraxis, Portland
Ember & Oak — das Fotoraster des Speisesaals
NEONFRAME — immersive Digitalagentur aus Berlin
Root & Ritual — von Hand abgefüllte botanische Hautpflege
SLAB Strength Club — Coaches und Preise
Signalform — Traces, Metriken und Logs auf einer Oberfläche
Noctis Studio — filmische Fotografie, London

10 Konzept-Builds · Live-Vorschauen · Build-Notizen

alle projekte entdecken
was ich erkunde

vier disziplinen

Design und Entwicklung treffen sich in vier Bereichen, zwischen denen ich mich bewege — von Interfaces und digitalen Erlebnissen bis zur visuellen Identität, jeder mit eigenen Werkzeugen, eigenen Details und einem eigenen Weg, aus einer Idee ein Erlebnis zu machen.

01 / 04

Websites

Von Landingpages bis zu interaktiven Erlebnissen — ich baue Interfaces, die klare Struktur, durchdachte visuelle Details und Code verbinden, der das Erlebnis schnell und responsiv hält.

Ein Website-Design auf einem Laptop
02 / 04

Mobile-App-Entwicklung

Interfaces und Erlebnisse für kleine Screens — von Navigation und Inhaltsreihenfolge bis zu Interaktion und den Details, die eine App natürlich und stimmig wirken lassen.

Ein Mobile-App-Interface auf einem Smartphone
03 / 04

E-Commerce

Shopping-Erlebnisse, die Produktpräsentation, einfaches Stöbern, Interaktion und visuelle Identität zusammenbringen — damit alle Details als ein System funktionieren, das Besucher klar führt.

Die Produktseite eines Onlineshops
04 / 04

Grafikdesign

Von Logos und Identitätssystemen bis zu Postern und Kampagnen — ich übersetze eine Idee in eine visuelle Sprache mit eigenem Charakter, zusammengehalten von Farbe, Schrift und Komposition, auf den ersten Blick erkennbar.

Grafikdesign-Arbeiten auf einem Studiotisch

identitäten mit präsenz

Für jede Marke baue ich eine vollständige visuelle Sprache — vom Logo über Farbe und Schrift bis zu den Anwendungen und Details, die eine Identität klar, stimmig und auf den ersten Blick erkennbar machen.

Bitte dreh dein Gerät,
Diese Seite ist hochkant gebaut.