ChrisMaehl
Websites und digitale Produkte
Entwickler, Project Manager, Berater, UI/UX Designer
Design, Code, Marketing
Weltweit im Einsatz
Nach unten scrollen
Marketing-Websites und digitale Produkte, die auf den ersten Blick begeistern und auf den zweiten technisch überzeugen.
Wie ich
arbeite
Über die meisten meiner Kunden darf ich nicht sprechen. Über die Arbeit schon. Deshalb siehst du hier keine Logos, sondern was ich gestaltet, gebaut und live gebracht habe und welche Rolle ich dabei hatte.
Kurz gesagt
Fähigkeiten
Gestaltung & Interface
Marke, UI und UX in einem Ablauf, vom ersten Wireframe bis zu den Tokens, mit denen der Code arbeitet.
Ich entwickle die visuelle Identität, gestalte die Oberfläche in Figma und übersetze sie in ein Designsystem, das die Übergabe in die Entwicklung übersteht. Typografie, Farbe, Abstände und Bewegung werden einmal dokumentiert und konsequent umgesetzt.
Stack
- Figma
- Paper
- Spline
- Framer
- Designsysteme
Webentwicklung
Marketingseiten, Web-Apps und PWAs: schnell, zugänglich und so gebaut, dass sie sich später leicht erweitern lassen.
Von statischen Astro-Builds bis zu interaktiven SvelteKit- oder Next.js-Frontends: Komponentenbibliotheken in Tailwind, Animationen mit Motion und GSAP, Deployment auf Vercel, Fly.io oder dem eigenen Server. Performance, Barrierefreiheit und SEO sind Teil des Builds, kein Nachgedanke.
Stack
- Astro
- SvelteKit
- Next.js
- TailwindCSS
- Motion
- GSAP
Backend & APIs
Die Logik dahinter: Rechnungen, Zahlungen, Marktplätze, Konten und Reporting.
Laravel, Rails, NestJS und Go-Services, PocketBase für schnelle selbst gehostete Daten. Stripe-Zahlungen, QR-basierte Transfers, Rollen- und Mitarbeiterverwaltung, Reporting und saubere API-Entwicklung, also die Teile, die auffallen, wenn sie fehlen.
Stack
- Laravel
- Rails
- NestJS
- Go
- PocketBase
- Stripe
Strategie & Marketing
Positionierung, Texte und Kampagnen, die ein Produkt sichtbar und verkäuflich machen.
Naming, Markenidentität, Landingpages, Pitchdecks und Marketingmaterial, dazu SEO-Strategie und Kampagnenmotive. Ich übersetze, was ein Produkt kann, in eine Geschichte, die Menschen verstehen, auf Deutsch und Englisch.
Stack
- SEO
- GEO
- Performance
- Sicherheit
- Copywriting
- Branding
- Kampagnen
Interaktive Erlebnisse
Browsergames und spielerische Interfaces, die schnell laden und sich auf Handy und Desktop gut anfühlen.
Game-Loop, Eingabeverarbeitung, Hindernislogik, Punktesystem und kleine Animationen habe ich selbst in JavaScript geschrieben, mit Go und PocketBase im Backend für persistente Daten, Leaderboards und Statistiken.
Stack
- Vanilla JS
- Canvas
- Go
- PocketBase
Projektmanagement & QA
Umfang, Planung, Team und Release: Projekte, die pünktlich kommen und stabil bleiben.
Ich schreibe das Angebot, plane die Meilensteine, koordiniere Designer und Entwickler, teste jedes Release vor dem Live-Gang, verschlanke wiederkehrende Abläufe mit KI und bleibe danach für Updates, Monitoring und Wachstum an Bord. Standardmäßig vertraulich: Der größte Teil meiner Arbeit trägt keinen Namen.
Stack
- Scoping
- QA
- CI/CD
- KI-Automatisierung
- Übergabe
Figma
Paper
Framer
Astro
SvelteKit
Next.js
TailwindCSS
Motion
GSAP
Laravel
Rails
NestJS
Go
PocketBase
StripeEin Teil dieser Arbeiten unterliegt der Vertraulichkeit. Die Namen fehlen, die Ergebnisse nicht.
Arbeiten
STUDIO FORME.Fitness 
Drift Oak CoffeeKaffeerösterei 
BirdlaunchKreativstudio 
Cozy LoftsImmobilien
Gestaltung mit Wirkung
Technik mit Bestand
Vom ersten Strich auf dem Papier bis zu dem Moment, in dem deine Seite online geht, begleite ich dein Projekt. Design, Entwicklung und Marketing laufen bei mir zusammen. So geht nichts zwischen Agenturen verloren und deine Marke spricht mit einer Stimme.
Stack
- Wordpress
- Contentful
- Storyblok
- Sanity
- EmDash
- Webflow
- Framer
- Astro
- Motion
- GSAP
- Shopify
- Shopware
- Laravel
- Ruby on Rails
- SvelteKit
- Next.js
Wordpress
Contentful
Storyblok
Sanity
EmDash
Webflow
Shopify
ShopwareEntwicklung
Websites, Onlineshops und Web-Apps auf einem Fundament aus sauberem Code, das mitwächst, ohne langsamer zu werden. Um CMS, Updates, Backups und Monitoring kümmere ich mich im Hintergrund. Du konzentrierst dich auf dein Geschäft und deine Seite läuft einfach.
- Websites & Landing Pages
- Shops & E-Commerce
- CMS
- Web Apps
- PWAs
- Security Updates
- Backup & Recovery
- Performance Monitoring
- Content Updates
- Plugin/Module Updates
Design
Oberflächen, die man gern benutzt, und Marken, an die man sich erinnert. Ich gestalte UI und UX in Figma, baue Designsysteme, die auch in großen Projekten nicht aus der Form geraten, und gebe jedem Screen eine klare Aufgabe.
- UI (User Interfaces)
- UX (User Experiences)
- Brand Design
- Screen Design
- App Design
- Sales & Marketing Kits
- Responsive Design
- UX Writing
- Campaigns
- Wireframing
SEO & Marketing
Die schönste Website bringt wenig, wenn sie niemand findet. Ich plane SEO, schreibe Landingpages und entwickle Kampagnen, die die richtigen Menschen auf deine Seite holen und ihnen einen guten Grund geben, sich bei dir zu melden.
- SEO (Search Engine Optimization)
- GEO (Generative Engine Optimization)
- On-Page Optimization
- SEO Audits & Analysis
- GEO Audits
- Performance Audits
- Security Audits
- SEA (Search Engine Advertising)
- Rankings & Reach
Alles, was dazugehört
Namensfindung, Markensysteme, Print, Foto und Video, Qualitätssicherung, Projektmanagement und KI-Prozessoptimierung. In Startups habe ich gelernt, jede Lücke zu füllen, die ein Projekt hat. Für dich heißt das: ein Ansprechpartner statt fünf verschiedener Dienstleister.
- Brand System
- Visual Identity
- Druck- & Physisches Design
- Namensentwicklung
- QA-Tests
- Photo & Video
- Projektmanagement
- KI-Prozessoptimierung
- Coaching
Schritt
für Schritt
Fünf Schritte, keine Überraschungen. Du weißt jederzeit, was als Nächstes passiert, was es kostet und wann dein Projekt online geht.
Phase 1
Anfrage
& KennenlernenAlles beginnt mit deiner Geschichte: Was hast du vor, wen willst du erreichen, welche Websites gefallen dir? In einem kurzen Gespräch finden wir heraus, was du wirklich brauchst und bis wann es fertig sein soll.
Phase 2
Angebot
& PlanungAus dem Gespräch wird ein klares Angebot mit Umfang, Zeitplan und Preis. Sobald du zusagst, sammeln wir alle Inhalte und stecken die Meilensteine ab.
Phase 3
Produktion
& IterationJetzt wird gestaltet und gebaut, in kurzen Runden statt im stillen Kämmerlein. Du siehst früh echte Fortschritte, gibst Feedback und wir justieren nach, bis alles passt.
Phase 4
Tests
& LaunchBevor es live geht, teste ich jede Seite auf echten Geräten und räume letzte Fehler aus dem Weg. Den Launch machen wir gemeinsam, danach bekommst du alle Dateien und Zugänge in die Hand.
Phase 5
Betreuung
& WachstumMit dem Launch fängt es oft erst richtig an. Ich bleibe an deiner Seite, für Updates, neue Funktionen, SEO und alles, was dein Projekt weiter wachsen lässt.
Weltweit
im Einsatz
Acht Länder, Teams von Deutschland bis Australien, Stationen bei Apple, Goodgame Studios und LITT: Ich arbeite am liebsten dort, wo unterschiedliche Perspektiven aufeinandertreffen. Heute helfe ich Teams außerdem, langsame und wiederkehrende Schritte in ihren Abläufen aufzuspüren und an KI abzugeben. Abseits der Arbeit suche ich versteckte Orte oder feile so lange an meiner Terminal-Konfiguration, bis alles sitzt. Was mich antreibt, sind knifflige Aufgaben, kurze Wege und Menschen, denen Details genauso wichtig sind wie mir.
- In 8 Ländern gearbeitet
- Teamplayer
- Builder
- Problemlöser
- Analytisch
- Kreativ
- Trendbewusst
- Planung
- Nachteule
- KI-Prozessoptimierung
Aktuell
- Selbstständig2017 – Heute
- yes!devs GmbH2026 – Heute
- Enidaso e.V.2018 – Heute
Zuvor
- Bitsliced2021 – 2024
- LITT Global Inc2019 – 2021
- Homepage Helden GmbH2018 – 2019
- yes!devs GmbH2017 – 2018
- SAE Institute GmbH2017
- Apple2015 – 2017
- Goodgame Studios2013 – 2014
Ausbildung
- Middlesex University2015 – 2018Bachelor of Science - BS, Development · First Class Honours
- SAE Institute Hamburg2014 – 2016Diploma, Webdesign & Development
NOCH
FRAGEN?
Hier findest du die Antworten auf die Fragen, die mir am häufigsten gestellt werden. Deine ist nicht dabei? Dann schreib mir einfach.
Was ist eine Marketing-Website?
Eine Marketing-Website ist dein bester Verkäufer, der nie Feierabend macht. Sie erklärt, was du anbietest, schafft Vertrauen und führt Besucher zu einem klaren nächsten Schritt: einen Termin buchen, etwas kaufen oder den Newsletter abonnieren. Gestaltung, Texte und Ladezeit arbeiten dabei alle auf dasselbe Ziel hin.
Was kostet ein Projekt?
Das hängt vom Umfang und von der Komplexität ab. Websites starten bei 5.000 €, die meisten Projekte liegen zwischen 6.000 € und 15.000 €. Für einzelne kreative Leistungen berechne ich 400 € pro halbem Tag oder 750 € pro Tag. Eine klare Zahl bekommst du mit dem Angebot, bevor die Arbeit beginnt.
Wie lange dauert ein Projekt?
Meistens zwischen zwei Wochen und zwei Monaten. Eine fokussierte Landingpage steht schnell, eine Web-App mit eigenem Backend braucht mehr Zeit. Einen ehrlichen Zeitplan bekommst du zusammen mit dem Angebot.
Arbeitest du international?
Ja, und zwar gern. Ich habe in acht Ländern gearbeitet, mit Kunden und Teams von Deutschland bis Australien. Zeitzonen sind für mich Alltag, und wenn es bei dir schon Abend ist, bin ich meistens noch wach.
Wie läuft die Bezahlung ab?
Die Hälfte vorab, die andere Hälfte bei der Übergabe. Für internationale Zahlungen empfehle ich Wise, andere Wege sind aber auch möglich. Bei Startups bin ich offen für erfolgsabhängige Boni oder eine Beteiligung.
Gibt es Rabatte?
Eingetragene gemeinnützige Organisationen und studentische Projekte bekommen 20 % Rabatt. Wer gerade als Webentwickler oder Designer startet, kann einen kostenlosen Website-Check bekommen.
Wie sieht deine Designphilosophie aus?
Weniger, aber besser. Jedes Element muss sich seinen Platz verdienen, und was deine Besucher überzeugt, bleibt drin. Das Ergebnis wirkt ruhig und verkauft trotzdem.
Gute Produkte entstehen nicht zufällig. Lass uns deins bauen.
Lass uns
loslegen
Du hast eine Idee, eine Deadline im Nacken oder eine Website, die dringend frischen Wind braucht? Buch einen Termin oder schreib mir und wir schauen gemeinsam, was daraus werden kann.
