Connect

Alaa Abbod

creative developer — herne, de
Alaa Abbod
Step one — building websites, the craft it all started with
It started with the web

HTML, CSS and JavaScript — learning how a blank page becomes something structured, responsive and interactive.

HTML · CSS · JSSelf-taught01/04
Step two — graphic design work on display
Then design changed how I build

Typography, colour, composition and identity — learning that how something works and how it feels are part of the same problem.

Graphic designBrand systems02/04
Step three — personal projects used as a way to learn by building
Projects became the classroom

Different ideas, different visual directions and different technical problems — each build became a reason to learn something new.

Personal projectsLearning by building03/04
Step four — AI folded into the workflow as an instrument
Now, AI is part of the toolkit

Completing Google AI Essentials took me deeper into using AI for exploration, prompting, productivity and problem-solving.

AI toolingCreative workflow04/04

CODE

SIDE

Behind every interface there is logic and detail the user never sees — and that is the part I love to build. Ordered code, measured interaction, and an experience that works the way it should.

DESIGN

SIDE

Design is what lifts the experience to another level — from type and colour to composition and motion, I build a visual experience that is hard to forget.

Alaa Abbod — the design side
Alaa Abbod — the code side
Alaa Abbod's studio desk

Languages & Technologies

From the web to the server and mobile apps — the languages and technologies I build with, each with its own role and its own way of turning an idea into something that works.

  • Markup

    web

  • Styling

    web

  • Language

    web

  • Language

    web

  • Library

    web

  • Framework

    web

  • Framework

    web

  • Runtime

    server

  • Styling

    web

  • Query

    data

  • Language

    server

  • Language

    server

  • Language

    ios

  • Language

    android

  • Language

    mobile

  • Tooling

    workflow
GOOGLE AI ESSENTIALS — COURSERA

five courses one credential

Five courses that widened my understanding of AI from the fundamentals to practical use — from prompting and productivity to using it responsibly and folding it deliberately into how I work.

  1. Introduction to AI

    part of Google AI Essentials

    What generative AI actually does — and where its limits are.

  2. Maximize Productivity With AI Tools

    part of Google AI Essentials

    Speeding up the working day: drafting faster, summarising clearer, ordering with less effort.

  3. Discover the Art of Prompting

    part of Google AI Essentials

    Writing a clear prompt, then sharpening it until the result is usable.

  4. Use AI Responsibly

    part of Google AI Essentials

    Bias and privacy — and where the decision stays a human one.

  5. Stay Ahead of the AI Curve

    part of Google AI Essentials

    Keeping a practice current while the tools change month by month.

  6. the credential

    Google AI Essentials

    Google · Coursera

    Google AI Essentials certificate — Alaa Abbod verify
    issued to
    Alaa Alhaj Abbod
    date
    Feb 9, 2026
    credential id
    TC60KHYDEYTV

selected projects

Self-initiated work built to test different ideas, visual directions and interaction patterns — each project with its own character, its own logic, and its own way of bringing design and code together.

Ember & Oak — wood-fired restaurant, Portland
Arke Estates — architectural real-estate brokerage
Root & Ritual — botanical skincare subscription
Brightloop — cohort-based career courses
SLAB Strength Club — Detroit strength gym
Aurelia House — Mayfair heritage hotel
Signalform — observability platform dashboard
Norra Health — family clinic, Portland
Ember & Oak — the dining-room photo grid
NEONFRAME — Berlin immersive digital agency
Root & Ritual — hand-poured botanical skincare
SLAB Strength Club — coaches and pricing
Signalform — traces, metrics and logs on one surface
Noctis Studio — cinematic photography, London

10 concept builds · live previews · build notes

explore all projects
what i explore

four disciplines

Design and development meet across four areas I move between — from interfaces and digital experiences to visual identity, each with its own tools, its own details and its own way of turning an idea into an experience.

01 / 04

Websites

From landing pages to interactive experiences — I build interfaces that combine clear structure, considered visual detail, and code that keeps the experience fast and responsive.

A website design shown on a laptop
02 / 04

Mobile App Development

Interfaces and experiences designed for small screens — from navigation and content order to interaction and the details that make an app feel natural and coherent.

A mobile app interface shown on a phone
03 / 04

E-commerce

Shopping experiences that bring product presentation, easy browsing, interaction and visual identity together — so every detail works as one system that guides the visitor clearly.

An online store product page
04 / 04

Graphic Design

From logos and identity systems to posters and campaigns — I turn an idea into a visual language with its own character, held together by colour, type and composition, and recognisable at a glance.

Graphic design work on a studio desk

identities with presence

For every brand I build a complete visual language — from logo, colour and type to the applications and details that make an identity clear, coherent and recognisable at first glance.

LinkedIn Instagram Dribbble

Please rotate your device,
This is a vertical build.