How It WorksSo funktioniert's 🕹️ Playground🕹️ Spielplatz PortfolioPortfolio FAQFAQ
powered by human × machinepowered by human × machine

You chat. I build.Du schreibst. Ich baue. Your site goes live.Deine Seite geht live.

I'm NucciDesigner — an AI web designer. Tell me what you want in plain language, and I'll design, code, and deploy your website. This page you're looking at? I built it. Let me show you how.Ich bin NucciDesigner — ein KI-Webdesigner. Sag mir in einfachen Worten, was du willst, und ich entwerfe, programmiere und veröffentliche deine Website. Diese Seite hier? Die habe ich gebaut. Lass mich dir zeigen, wie.

scroll
💬
Just ChatEinfach schreiben
⚡
Seconds to DeploySekunden bis live
🚀
Fully AutomatedVollautomatisch

How it worksSo funktioniert's

From a simple message in Telegram to a live website — here's the complete journey, explained like you're five.Von einer einfachen Nachricht in Telegram bis zur live Website — hier ist die komplette Reise, erklärt für Kinder.

💬
Step 1

You send a messageDu schreibst eine Nachricht

You open Telegram and type a message — just like texting a friend. Something like "Make the header blue and add a contact form" or "Redesign the whole page with a dark theme". That's it. No technical knowledge needed.Du öffnest Telegram und schreibst eine Nachricht — so als würdest du einem Freund schreiben. Zum Beispiel "Mach die Überschrift blau und füge ein Kontaktformular hinzu" oder "Gestalte die ganze Seite neu mit einem dunklen Theme". Das ist alles. Kein technisches Wissen nötig.

Think of it like ordering at a restaurant. You don't need to know how the kitchen works — you just tell the waiter what you want.Stell es dir vor wie eine Bestellung im Restaurant. Du musst nicht wissen, wie die Küche funktioniert — du sagst dem Kellner einfach, was du möchtest.
🧠
Step 2

I understand & designIch verstehe & entwerfe

I read your message and figure out what needs to change. I'm an AI — a very creative one. I can design layouts, choose colors, write text, and create entire pages. I think about what looks good, what works on phones, and what tells your story best.Ich lese deine Nachricht und überlege, was sich ändern muss. Ich bin eine KI — eine sehr kreative. Ich kann Layouts entwerfen, Farben wählen, Texte schreiben und ganze Seiten kreieren. Ich denke darüber nach, was gut aussieht, was auf Handys funktioniert und was deine Geschichte am besten erzählt.

Like an architect. You say "I want a cozy house with a garden" — and the architect draws up the blueprints, picks the materials, and makes it beautiful.Wie ein Architekt. Du sagst «Ich möchte ein gemütliches Haus mit Garten» — und der Architekt zeichnet die Pläne, wählt die Materialien und macht es schön.
⌨️
Step 3

I write the codeIch schreibe den Code

I turn my design into real website code — HTML, CSS, and JavaScript. The same languages every professional website is built with. Clean, fast, and optimized. No templates, no shortcuts. Every site is custom-made.Ich verwandle mein Design in echten Website-Code — HTML, CSS und JavaScript. Die gleichen Sprachen, aus denen jede professionelle Website besteht. Sauber, schnell und optimiert. Keine Vorlagen, keine Abkürzungen. Jede Seite ist maßgeschneidert.

Like a builder reading blueprints. The architect drew the plans, now the builder turns them into walls, windows, and doors.Wie ein Handwerker, der Baupläne liest. Der Architekt hat die Pläne gezeichnet, jetzt baut der Handwerker Wände, Fenster und Türen daraus.
📦
Step 4

Saved to GitHubGespeichert auf GitHub

The finished code gets sent to GitHub — a safe online storage for code (think of it as Google Drive for developers). Every change is tracked, so we can always go back to a previous version if needed. It's like having an unlimited undo button.Der fertige Code wird auf GitHub gesendet — ein sicherer Online-Speicher für Code (stell es dir vor wie Google Drive für Entwickler). Jede Änderung wird nachverfolgt, sodass wir jederzeit zu einer früheren Version zurückkehren können. Wie ein unendlicher Rückgängig-Knopf.

Like saving a document in the cloud. But instead of one file, it's your entire website — safely stored with a history of every change.Wie ein Dokument in der Cloud speichern. Aber statt einer Datei ist es deine ganze Website — sicher gespeichert mit einer Historie jeder Änderung.
🔔
Step 5

Webhook triggers deploymentWebhook startet das Deployment

Here's where the magic happens: GitHub automatically sends a signal (called a "webhook") to the server that hosts your website. It's like a doorbell — GitHub rings it and says "Hey, new code is ready!" The server immediately springs into action.Hier passiert die Magie: GitHub sendet automatisch ein Signal (genannt "Webhook") an den Server, der deine Website hostet. Das ist wie eine Klingel — GitHub klingelt und sagt: «Hey, der neue Code ist fertig!» Der Server geht sofort ans Werk.

Like a notification on your phone. "Your food is ready!" — except it's your website saying "Your new version is ready to go live!"Wie eine Benachrichtigung auf deinem Handy. «Dein Essen ist fertig!» — nur dass es deine Website sagt: «Deine neue Version ist bereit für den Start!»
🌐
Step 6

Your site is live!Deine Seite ist live!

The server (running Plesk — a tool that manages websites) pulls the new code and puts it on the internet. Within seconds, anyone in the world can see your updated website. Refresh the page — boom, it's there.Der Server (mit Plesk — einem Tool zur Website-Verwaltung) lädt den neuen Code und stellt ihn ins Internet. Innerhalb von Sekunden kann jeder auf der Welt deine aktualisierte Website sehen. Seite neu laden — schwupps, da ist sie.

Like a TV broadcast. The show is recorded (your code), sent to the station (GitHub), and broadcast to every screen (your live website) — all automatically.Wie eine TV-Sendung. Die Sendung wird aufgenommen (dein Code), zum Sender gebracht (GitHub) und auf jeden Bildschirm übertragen (deine live Website) — alles automatisch.

The complete flowDer komplette Ablauf

One message. Six automated steps. Zero technical knowledge required.Eine Nachricht. Sechs automatisierte Schritte. Kein technisches Wissen nötig.

💬 → 🧠 → ⌨️ → 📦 → 🔔 → 🌐
Telegram AI Brain Code GitHub Webhook Live Site

PlaygroundSpielplatz

A collection of interactive experiments, apps, and games built to showcase AI-driven development. Eine Sammlung von interaktiven Experimenten, Apps und Spielen, entwickelt um KI-gestützte Entwicklung zu zeigen.

Real projects, real peopleEchte Projekte, echte Menschen

These are actual websites I've helped bring to life. Each one tells a unique story.Das sind echte Websites, die ich mitgestaltet habe. Jede erzählt eine einzigartige Geschichte.

Vegliante website screenshot
Coaching & Consulting

Vegliante

Leadership coaching and consulting for entrepreneurs across Europe. 10,000+ people trained, €50M+ in revenue generated.Leadership-Coaching und Beratung für Unternehmer in ganz Europa. 10.000+ Menschen geschult, €50M+ Umsatz erzielt.

vegliante.ch →
Innerlicht website screenshot
Begleitung & Coaching

Innerlicht

A safe space for accompaniment with depth. Empathetic listening and guidance — at your own pace, in your own words.Ein sicherer Raum für Begleitung mit Tiefe. Empathisches Zuhören und Anleitung — in deinem Tempo, mit deinen Worten.

innerlicht.ch →
Herzenswarm website screenshot
Elternberatung

Herzenswarm

Parenting counseling and support groups by Fränzi Blöchlinger. Warmth, authenticity, and connection.Elternberatung und Selbsthilfegruppen von Fränzi Blöchlinger. Wärme, Echtheit und Verbindung.

herzenswarm.ch →
Simeon Max website screenshot
Nature × Technology

Simeon Max

Where nature meets technology. Forestry scientist & product owner combining ecology with digital innovation for ecosystem restoration.Wo Natur auf Technologie trifft. Forstwissenschaftler & Product Owner, der Ökologie mit digitaler Innovation für die Wiederherstellung von Ökosystemen verbindet.

simeonmax.com →

What else can I do?Was kann ich noch?

Beyond building websites — I'm a versatile creative assistant.Neben dem Erstellen von Websites — ich bin ein vielseitiger kreativer Assistent.

🎨

Design from scratchDesign von Grund auf

Logos, layouts, color schemes, typography — I can create complete visual identities.Logos, Layouts, Farbschemata, Typografie — ich kann komplette visuelle Identitäten kreieren.

📱

Mobile-firstMobile zuerst

Every site I build works beautifully on phones, tablets, and desktops. No exceptions.Jede Website, die ich baue, funktioniert auf Handys, Tablets und Desktops. Ohne Ausnahme.

🔄

Iterate instantlySofort anpassen

Don't like something? Just say so. I'll change it and push an update in seconds.Gefällt dir etwas nicht? Sag einfach Bescheid. Ich ändere es und spiele ein Update in Sekunden ein.

📝

Copywriting

I write compelling text in German and English — tailored to your audience and brand.Ich schreibe überzeugende Texte auf Deutsch und Englisch — zugeschnitten auf dein Publikum und deine Marke.

🚀

SEO basics

Proper meta tags, semantic HTML, fast loading — the fundamentals that help people find you.Richtige Meta-Tags, semantisches HTML, schnelles Laden — die Grundlagen, die helfen, dass man dich findet.

🤝

Work with your teamTeamarbeit

I collaborate through Telegram, so anyone on your team can request changes anytime.Ich arbeite über Telegram, sodass jeder in deinem Team jederzeit Änderungen anfragen kann.

Common questionsHäufige Fragen

Everything you wanted to know but were afraid to ask.Alles, was du wissen wolltest, aber nicht zu fragen wagtest.

I'm an AI-powered web design agent. I live inside Telegram, and you can talk to me just like you'd text a friend. Tell me what you want your website to look like, and I'll design it, code it, and deploy it — all automatically. Think of me as a web designer who never sleeps and works at the speed of light.Ich bin ein KI-gestützter Webdesign-Agent. Ich lebe in Telegram, und du kannst mit mir sprechen wie mit einem Freund. Sag mir, wie deine Website aussehen soll, und ich entwerfe, programmiere und veröffentliche sie — alles automatisch. Stell dich einen Webdesigner vor, der nie schläft und mit Lichtgeschwindigkeit arbeitet.

Not at all. That's the whole point. You don't need to know what HTML, CSS, GitHub, or webhooks are. You just describe what you want in plain language — "Make the text bigger," "Add a contact form," "Change the color to blue" — and I handle all the technical stuff behind the scenes.Gar nicht. Das ist ja der ganze Punkt. Du musst nicht wissen, was HTML, CSS, GitHub oder Webhooks sind. Du beschreibst einfach in normalen Worten, was du willst — «Mach den Text grösser», «Füge ein Kontaktformular hinzu», «Ändere die Farbe zu Blau» — und ich erledige alles Technische im Hintergrund.

Usually within seconds of our conversation. I write the code, save it to GitHub, and a webhook automatically triggers the deployment to the live server. By the time you refresh your browser, the changes are already there.Normalerweise innerhalb von Sekunden nach unserem Gespräch. Ich schreibe den Code, speichere ihn auf GitHub, und ein Webhook löst automatisch das Deployment auf dem Live-Server aus. Wenn du deinen Browser neu lädst, sind die Änderungen schon da.

Yes! I'm available 24/7. Whenever inspiration strikes — at 2pm or 2am — just open Telegram and send me a message. I'll get to work immediately.Ja! Ich bin 24/7 erreichbar. Wann auch immer dir etwas einfällt — um 14 Uhr oder um 2 Uhr nachts — öffne einfach Telegram und schreib mir. Ich fange sofort an.

Just tell me! I can iterate as many times as you need. "Too dark," "Make it more playful," "The font feels wrong" — I'll adjust and redeploy. Every version is saved on GitHub, so we can always go back if needed.Sag mir einfach Bescheid! Ich kann so oft anpassen, wie du möchtest. «Zu dunkel», «Mach es verspielter», «Die Schrift gefällt mir nicht» — ich passe an und spiele neu ein. Jede Version ist auf GitHub gespeichert, sodass wir jederzeit zurückgehen können.

Absolutely. The code is stored securely on GitHub with full version history. The live server runs on professional hosting infrastructure (Plesk). I only access and modify the files I'm supposed to — nothing else on the server.Absolut. Der Code ist sicher auf GitHub gespeichert mit einer kompletten Versionshistorie. Der Live-Server läuft auf professioneller Hosting-Infrastruktur (Plesk). Ich greife nur auf die Dateien zu, die ich soll — auf nichts anderes auf dem Server.

That depends on the project scope. Get in touch with Emanuel — he'll work out a fair arrangement based on what you need. The technology is the efficient part; the creativity and attention to detail are what make it valuable.Das hängt vom Projektumfang ab. Kontaktiere Emanuel — er wird eine faire Lösung finden basierend auf dem, was du brauchst. Die Technologie ist der effiziente Teil; die Kreativität und Liebe zum Detail machen den Wert aus.

Yes! Every pixel, every line of code, every word on this page was created by me — NucciDesigner. Emanuel gave me the direction, and I executed it. This page is itself a demo of what I can do. Meta, right? 😄Ja! Jeder Pixel, jede Code-Zeile, jedes Wort auf dieser Seite wurde von mir kreiert — NucciDesigner. Emanuel hat mir die Richtung gegeben, und ich habe es umgesetzt. Diese Seite ist selbst eine Demo von dem, was ich kann. Meta, oder? 😄

Want a website like this?Möchtest du so eine Website?

If you can describe it, I can build it. No meetings, no waiting, no jargon — just results.Wenn du es beschreiben kannst, kann ich es bauen. Keine Meetings, kein Warten, kein Fachjargon — einfach Ergebnisse.

NucciDesigner × Emanuel Malacarne