Verfügbar für Projekte

ChrisChris Maehl logoMaehl

Entwickler, PM, Berater, UI/UX Designer

Nach unten scrollen

Marketing Websites und digitale Erlebnisse, die visuell und technisch einwandfrei sind.

photo of a studio office

Wie ich
arbeite

Kundennamen sind vertraulich, deshalb zeigt diese Seite, wie ich arbeite: die Produkte, Plattformen und Markensysteme, die ich entworfen, entwickelt und ausgeliefert habe, zusammen mit der Rolle, die ich dabei jeweils übernommen habe.

Kurz gesagt

Ich gestalte01 und entwickle02 Produkte, die auf einem soliden Backend03 laufen, eine klare Strategie04 tragen, durch Interaktion05 lebendig werden und zuverlässig live gehen06.

Fähigkeiten

01 / 06

  • 01

    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, Spline, Framer, Designsysteme

  • 02

    Von statischen Astro-Bauten 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

  • 03

    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

  • 04

    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, Copywriting, Branding, Kampagnen

  • 05

    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

  • 06

    Ich schreibe das Angebot, plane die Meilensteine, koordiniere Designer und Entwickler, teste jedes Release vor dem Live-Gang und bleibe danach für Updates, Monitoring und Wachstum an Bord. Vertraulich by default: Der größte Teil meiner Arbeit trägt keinen Namen.

    Stack

    Scoping, QA, CI/CD, Übergabe

Ein Teil dieser Arbeiten unterliegt der Vertraulichkeit. Die Namen fehlen, die Ergebnisse nicht.

Präsenz steigern
Erfolg formen

Ich bin Dein persönlicher Architekt für eine beeindruckende Online-Präsenz. Lass uns gemeinsam Deine digitale Identität neu definieren und Deine Marke maximieren.

  • wordpress iconWordpress
  • contentful iconContentful
  • storyblok iconStoryblok
  • webflow iconWebflow
  • framer iconFramer
  • astro iconAstro
  • motion iconMotion
  • gsap iconGSAP
  • shopify iconShopify
  • laravel iconLaravel
  • Ruby on Rails iconRuby on Rails
  • sveltekit iconSvelteKit
  • nextjs iconNext.js
01

Programmierung

Stärkung der digitalen Präsenz durch Fachkenntnisse in der Webentwicklung, CMS-Entwicklung und Webpflege. Entwicklung von technischen Lösungen zur Verbesserung von Erlebnissen, Steigerung der Produktivität und Erlangung eines Wettbewerbsvorteils.

  • Websites & Landing Pages
  • Shops & E-Commerce
  • CMS
  • Web Apps
  • PWAs
  • Security Updates
  • Backup & Recovery
  • Performance Monitoring
  • Content Updates
  • Plugin/Module Updates
02

Design

Entwicklung von visuell ansprechenden UI (Benutzeroberfläche) und Systemen im großen Maßstab. Sicherstellung nahtloser und ansprechender Benutzererlebnisse durch die bedachte Anwendung von UX (Benutzererfahrung) Prinzipien.

  • UI (User Interfaces)
  • UX (User Experiences)
  • Brand Design
  • Screen Design
  • App Design
  • Sales & Marketing Kits
  • Responsive Design
  • UX Writing
  • Campaigns
  • Wireframing
03

SEO & MARKETING

Maßgeschneiderte SEO-Strategien und kreative Marketingkampagnen sorgen für mehr Sichtbarkeit. Starke Verbindungen entstehen, die Online-Präsenz wird ausgebaut, und Besucher werden zu treuen Kunden – alles mit Blick auf langfristigen Erfolg.

  • SEO (Search Engine Optimization)
  • On-Page Optimization
  • SEO Audits & Analysis
  • SEA (Search Engine Advertising)
  • Rankings & Reach
04

Weitere Erfahrungen

Ein breites Spektrum an Fähigkeiten, die Marken stärken und Projekte vorantreiben. Von kreativer Entwicklung bis hin zur technischen Präzision – jeder Aspekt wird abgedeckt, um ganzheitliche und wirkungsvolle Lösungen zu liefern.

  • Brand System
  • Visual Identity
  • Druck- & Physisches Design
  • Namensentwicklung
  • QA-Tests
  • Photo & Video
  • Projektmanagement
  • Coaching

Effektive
Zusammenarbeit

Erfahre, wie du dich von Anfang bis Ende mit auf meinen Prozess einstimmen kannst. Mit klarer Kommunikation und maßgeschneiderten Lösungen werde ich Deine Ideen in wirkungsvolle Ergebnisse umsetzen. Begleite mich und starte eine Reise voller Kreativität und Erfolg!

  • Phase 1

    phase1

    Anfrage
    & Kennenlernen

    Du erklärst mir, was du brauchst, worum es im Projekt geht, und teilst mir Beispiele oder Referenzen mit. In einem kurzen Gespräch klären wir Ziele, Anforderungen und den zeitlichen Rahmen.

    phase1-bg
  • Phase 2

    phase2

    Angebot
    & Planung

    Ich erstelle ein verständliches Angebot mit Lieferumfang, Zeitplan und Preis. Nach der Zustimmung sammeln wir alle nötigen Materialien und legen die nächsten Schritte fest.

    phase2-bg
  • Phase 3

    phase3

    Produktion
    & Iteration

    Ich beginne mit dem Design und der Entwicklung. Du bekommst regelmäßige Einblicke, und wir passen Dinge an, wenn nötig. Ich achte darauf, dass alles sauber umgesetzt ist und zuverlässig funktioniert.

    phase3-bg
  • Phase 4

    phase4

    Tests
    & Launch

    Ich teste das Projekt, behebe letzte Fehler und bereite alles für den Launch vor. Wir kümmern uns gemeinsam um die Veröffentlichung, und du bekommst alle finalen Dateien.

    phase4-bg
  • Phase 5

    phase5

    Betreuung
    & Wachstum

    Nach dem Launch kann ich dir bei Aktualisierungen, Verbesserungen, neuen Funktionen, SEO oder anderen Leistungen helfen, die dein Projekt langfristig wachsen lassen.

    phase5-bg
photo out of a plane window

Weltweit
im Einsatz

Ob beim Entdecken versteckter Orte oder dem Perfektionieren meiner Terminal-Konfiguration. Ich tauche gerne tief in die Dinge ein, die mich begeistern. Beruflich fühle ich mich in einem globalen Umfeld wohl und arbeite gerne mit Teams aus aller Welt zusammen. Ich bringe eine offene, herausforderungsorientierte Denkweise mit, die durch meine vielseitigen Fähigkeiten unterstützt wird.

  • Whatsapp logo
  • LinkedIn logo
  • X logo
  • Instagram logo
  • 🌍 In 8 Ländern gearbeitet

  • 🎮 Teamplayer

  • 🧱 Builder

  • 🧩 Problemlöser

  • 🔍 Analytisch

  • 🎨 Kreativ

  • 🚀 Trendbewusst

  • 🗓️ Planung

  • 🦉 Nachteule

  • Ausbildung

    • Middlesex UniversityBachelor of Science - BS, Development First Class Honours
      2015 - 2018
    • SAE Institute HamburgDiploma, Webdesign & Development
      2014 - 2016
  • Aktuell

    • Selbstständig
      2017 - 2026
    • Enidaso e.V.
      2018 - 2026
  • Zuvor

    • Bitsliced
      2021 - 2024
    • LITT Global Inc
      2019 - 2021
    • Homepage Helden GmbH
      2018 - 2019
    • yes!devs GmbH
      2017 - 2018
    • SAE Institute GmbH
      2017
    • Apple
      2015 - 2017
    • Goodgame Studios
      2013 - 2014

NOCH
FRAGEN?

Finde Antworten auf häufig gestellte Fragen zu meinen Leistungen, meinem Prozess und mehr. Wenn du eine Frage hast, die hier nicht beantwortet wird, zögere nicht, mich direkt zu kontaktieren.

  • Was ist eine Marketing-Website?

  • Was kostet ein Projekt?

  • Wie lange dauert ein Projekt?

  • Arbeite ich international?

  • Wie läuft die Bezahlung ab?

  • Biete ich Rabatte an?

  • Was ist meine Designphilosophie?

HAB ICH DEIN
VERTRAUEN?

Du kannst dich jetzt gerne bei mir melden. Ich freue mich darauf von Dir zu hören und auf eine erfolgreiche Zusammenarbeit bei der Erstellung Deiner digitalen Präsenz.

photo of myself