Manuel Killert← ZurückWeiter scrollen ↓

Referenzen

Alle Projekte auf einer Pinnwand.

28 Projekte, nach Bereichen sortiert. Zieh die Fläche und fahr über eine Karte: Dann siehst du Technik, Ablauf und was dort besonders gut gelaufen ist.

Weiter scrollen ↓

Hallen-Konfigurator · 3D-Konfigurator · Industriebau

Hallen-Konfigurator

Eine Stahlhalle planen, mit Prüfung, die wie ein Planer denkt.

  • Three.js
  • Blender
  • PHP
für Tore & Fenster
Achsraster
für Tore & Fenster
Konfiguration teilen
Link
Konfiguration teilen
  • Mehrstufiger Einstieg mit Skizze
  • Grundriss mit Innenausbau
  • Scroll-Rundgang
  • Anfrage mit teilbarem Link

Konflikte werden angezeigt

Das Prüfprotokoll meldet Sturz, Zarge, Rettungswege und Tageslicht sofort.

Eigene Demo, kein Kundenprojekt

Zum Projekt ↗

Selbst einstellen

  • Länge
  • Breite
  • Höhe

Tech-Stack

  • Three.js
  • Blender
  • PHP

Prüft wie ein Planer

  • Sturz
  • Zarge
  • Rettungswege
  • Tageslicht

So läuft es ab

Planung, die Fachleute ernst nehmen.

  1. 1EinstiegSkizze zeichnet mit
  2. BBlenderModell fürs Web
  3. 3DThree.jsläuft im Browser
  4. LinkTeilbarer LinkKonfiguration weitergeben

Tore, Türen und Fensterbänder sitzen achsgenau im Raster.

Verpackungsmaschine FX-40 · 3D-Tour · Maschinenbau

Verpackungsmaschine FX-40

Eine Schlauchbeutelmaschine, die sich selbst erklärt.

  • Three.js
  • Blender
  • Explosionsansicht
Stationen in der Tour
8
Stationen in der Tour
mit Detailkarten
Explosion
mit Detailkarten
  • Scroll-Tour
  • Prozess in Zeitlupe
  • Wartungsmodus mit offenen Hauben
  • Konfigurator mit Datenblatt

Datenblatt live erzeugt

Der Konfigurator erzeugt aus der Auswahl direkt ein Live-Datenblatt.

Eigene Demo, kein Kundenprojekt

Zum Projekt ↗

Tech-Stack

  • Three.js
  • Blender

Alles auf einen Blick

  • Tour
  • Zeitlupe
  • Explosion
  • Wartung
  • Datenblatt

Durch die Maschine

8

Stationen in der Tour

So läuft es ab

Die Maschine als Tour im Browser.

  1. BBlenderModell fürs Web
  2. 3DThree.jsläuft im Browser
  3. VKonfiguratormit Live-Datenblatt
  4. @Anfrageper Mail mit allen Einstellungen

Ein Datenblatt kann das nicht zeigen, eine Tour durch die Maschine schon.

Balkon-Konfigurator · 3D-Konfigurator · Metallbau

Balkon-Konfigurator

Vom Formular zur fertigen 3D-Anlage am eigenen Haus.

  • Three.js
  • Prüfprotokoll
  • Rundgang
Bauarten
3
Bauarten
im Prüfprotokoll
Statik
im Prüfprotokoll
  • Formular mit Skizze
  • Geländer zum Durchklicken
  • Prüfprotokoll
  • Rundgang mit Abendlicht

Mit echten Zahlen

Das Prüfprotokoll rechnet Geländerhöhe, 12-cm-Regel, Holmlast und Gefälle nach.

Eigene Demo, kein Kundenprojekt

Zum Projekt ↗

Prüfprotokoll läuft mit

  1. Geländerhöhe
  2. 12-cm-Regel
  3. Holmlast
  4. Gefälle

Tech-Stack

  • Three.js
  • Blender

3 Bauarten

  • Vorstellbalkon
  • Anbaubalkon
  • Kragbalkon

So läuft es ab

Vom Formular zur Anlage am Haus.

  1. 1FormularSkizze zeichnet mit
  2. BBlenderModell fürs Web
  3. 3DThree.jsläuft im Browser
  4. @Anfrageper Mail mit allen Einstellungen

Vorstell-, Anbau- oder Kragbalkon, Geländer mit Stäben, Glas oder HPL.

Solaranlage mit Speicher · 3D-Konfigurator · Energie

Solaranlage mit Speicher

Photovoltaik zum Begehen, vom Dach bis zur fertigen Anfrage.

  • Three.js
  • Ertragsrechnung
  • Rundgang
Ertrag & Speicher
Echtzeit
Ertrag & Speicher
Modulbelegung
Auto
Modulbelegung
  • Automatische Dachbelegung
  • Verschattung
  • Ertrag, Autarkie, Speicher
  • Rundgang durchs Haus

Beratung im Browser

Die Anfrage enthält alle Einstellungen, die Interessenten gewählt haben.

Eigene Demo, kein Kundenprojekt

Zum Projekt ↗

Rechnet live mit

  • Ertrag

  • Autarkie

  • Speicher

Tech-Stack

  • Three.js
  • Blender

Automatisch belegt

  • Dachform
  • Module
  • Verschattung
  • Anfrage

So läuft es ab

Die Beratung in den Browser geholt.

  1. 1Dachformwählen
  2. AutoModulelegen sich automatisch
  3. kWhLive-RechnungErtrag und Speicher
  4. @Anfrageper Mail mit allen Einstellungen

Verschattung, Ertrag, Speicher und Wirtschaftlichkeit rechnen in Echtzeit mit.

Treppen-Konfigurator · 3D-Konfigurator · Treppenbau

Treppen-Konfigurator

Eine Treppe, die gerechnet statt geschätzt wird.

  • Three.js
  • DIN 18065
  • Grundriss
18065 gerechnet
DIN
18065 gerechnet
geprüft
Kopfhöhe
geprüft
  • Treppenrechner nach Norm
  • Grundriss und Schnitt
  • Materialwahl
  • Abendlicht

Gerechnet nach Norm

Die Treppe wird nach DIN 18065 gerechnet und im Hausschnitt gezeigt.

Eigene Demo, kein Kundenprojekt

Zum Projekt ↗

Tech-Stack

  • Three.js
  • Blender

Vom Maß zur Treppe

  1. Maße eingeben
  2. Nach Norm rechnen
  3. Stufen fertigen
  4. Kopfhöhe prüfen

3 Treppenformen

  • Gerade
  • Gewendelt
  • Spindel

So läuft es ab

Stufe für Stufe gerechnet.

  1. 1Treppenformgerade, gewendelt, Spindel
  2. DINRechnernach DIN 18065
  3. 3DThree.jsläuft im Browser
  4. ✓Prüfungreicht die Kopfhöhe?

Das Haus im Schnitt zeigt, wie die Treppe wirklich sitzt.

Sauna-Konfigurator · 3D-Konfigurator · Wellness

Sauna-Konfigurator

Eine Sauna planen, die technisch und baurechtlich passt.

  • Three.js
  • Rechenkern
  • Rundgang
Sauna-Typen
3
Sauna-Typen
Bundesländer geprüft
16
Bundesländer geprüft
  • Maße, Holz, Glas, Bank
  • Ofenauslegung
  • Prüfprotokoll mit Baurecht
  • Scroll-Rundgang

Ofen automatisch ausgelegt

Der Rechenkern legt den Ofen nach Volumen, Glas und Blockbohle aus.

Eigene Demo, kein Kundenprojekt

Zum Projekt ↗

Baurecht im Blick

16

Bundesländer geprüft

Tech-Stack

  • Three.js
  • Blender

3 Sauna-Typen

  • Innensauna
  • Gartensauna
  • Fass

So läuft es ab

Erst gerechnet, dann gezeigt.

  1. 1AuswahlMaße, Holz, Glas
  2. kWRechenkernlegt den Ofen aus
  3. ✓PrüfungAbstände und Baurecht
  4. 3DThree.jsläuft im Browser

Kopfraum, Sicherheitsabstände und Baurecht werden mitgeprüft.

Gaming-PC-Konfigurator · 3D-Konfigurator · Technik

Gaming-PC-Konfigurator

Einen Custom-PC zusammenstellen und sehen, wie er entsteht.

  • Three.js
  • Kompatibilität
  • Animation
Kompatibilität
Prüfung
Kompatibilität
Zusammenbau
Animation
Zusammenbau
  • Prüfung in Klartext
  • Zusammenbau-Animation
  • Luftstrom
  • Beleuchtung

In Händlersprache

Die Kompatibilitätsprüfung erklärt, warum etwas nicht passt.

Eigene Demo, kein Kundenprojekt

Zum Projekt ↗

Aus Teilen wird ein PC

  1. Teile wählen
  2. Kompatibilität prüfen
  3. Zusammenbau
  4. Luftstrom zeigen

Tech-Stack

  • Three.js
  • Blender

Sichtbar gemacht

  • Zusammenbau
  • Luftstrom
  • Beleuchtung

So läuft es ab

Teile, die einfliegen.

  1. 1Teile wählenCustom-PC zusammenstellen
  2. ✓Prüfungerklärt in Klartext
  3. 3DZusammenbauTeile fliegen ein
  4. ≈RundgangLuftstrom und Licht

Der Rundgang zeigt Luftstrom und Beleuchtung.

Herzschrittmacher Sinua · 3D-Tour · Medizintechnik

Herzschrittmacher Sinua

Ein Implantat, das sich selbst erklärt.

  • Three.js
  • Blender
  • EKG-Animation
Stationen in der Tour
8
Stationen in der Tour
animiert
EKG
animiert
  • Scroll-Tour
  • Explosionsansicht
  • Konfigurator mit Datenblatt
  • Klinik-Zeitstrahl

Für Vertrieb bis Aufklärung

Läuft ohne App und ohne Plugin, für Vertrieb, Messe, Schulung und Patientenaufklärung.

Eigene Demo, kein Kundenprojekt

Zum Projekt ↗

Tech-Stack

  • Three.js
  • Blender

Produkt-Tour

8

Stationen in der Tour

Funktion mit EKG

Die Animation zeigt EKG und Reizleitung.

So läuft es ab

Das Implantat als Tour.

  1. BBlenderModell fürs Web
  2. 3DThree.jsläuft im Browser
  3. EKGAnimationFunktion und Reizleitung
  4. DDatenblattim Konfigurator

Klinik-Zeitstrahl von der Aufklärung bis zum Austausch.

Knie-Totalendoprothese · 3D-Tour · Medizintechnik

Knie-Totalendoprothese

Gleitflächen und Verankerung, verständlich für Fachleute und Patienten.

  • Three.js
  • Blender
  • Kinematik
Beugung animiert
140°
Beugung animiert
Modi: Fach & Patient
2
Modi: Fach & Patient
  • Roll-Gleit-Kinematik
  • Größenmatrix mit Datenblatt
  • OP in vier Schritten
  • Patientenmodus

Sichtbarer Kontaktdruck

Die Beugung zeigt die Roll-Gleit-Bewegung mit Kontaktdruck auf dem Inlay.

Eigene Demo, kein Kundenprojekt

Zum Projekt ↗

Beugung animiert

140°

mit Kontaktdruck auf dem Inlay

Tech-Stack

  • Three.js
  • Blender

Zwei Sichtweisen

  • Fachmodus
  • Patientenmodus

So läuft es ab

Fachwissen, in einfacher Sprache.

  1. BBlenderModell fürs Web
  2. 3DThree.jsläuft im Browser
  3. 140°KinematikRoll-Gleit-Bewegung
  4. 2Zwei Modifür Fachleute und Patienten

Dazu die OP in vier Schritten.

spanisch-lernen.com · Lernplattform · SEO

spanisch-lernen.com

Eine Plattform für Lernen, Traffic und Wachstum.

  • Webdesign
  • KI-Integration
  • WooCommerce
Impressionen bei Google, letzte gegen erste 30 Tage
×100
Impressionen bei Google, letzte gegen erste 30 Tage
PageSpeed auf dem Handy
100
PageSpeed auf dem Handy
  • Konzept & Informationsarchitektur
  • Webdesign & Umsetzung
  • Eigenes WordPress-Plugin
  • WooCommerce-Anpassungen

1.944 Klicks

Ein Jahr Google-Suche.

Google Search Console

Zum Projekt ↗

Von Google gefunden

1.944

Klicks in einem Jahr

Google Search Console

Lernweg

161

Lektionen, frei zugänglich

Tech-Stack

  • WordPress
  • WooCommerce
  • PHP
  • Claude API
  • Elementor
  • Google Search Console

Starker PageSpeed

100

PageSpeed auf dem Handy

So läuft es ab

Design, Technik und Inhalte zusammen.

  1. WWordPressLektionen nach Niveau
  2. PHPEigenes Pluginfür den Lernfortschritt
  3. KIClaude APIVokabelgenerator
  4. ShopWooCommerceE-Books und Lernhefte

Lernende sehen, was sie schon bearbeitet haben.

russisch-lernen.com · Relaunch · WordPress-Theme

russisch-lernen.com

Ohne Pagebuilder: siebenmal leichter, keine Seite verloren.

  • Relaunch
  • WordPress-Theme
  • Performance
Startseite nach dem Umbau
577 → 79 KB
Startseite nach dem Umbau
aktive Plugins
24 → 15
aktive Plugins
  • Relaunch
  • Eigenes WordPress-Theme
  • Must-Use-Plugins
  • URL-Abgleich vorher/nachher

0 von 436 Adressen verloren

russisch-lernen.com lädt deutlich schneller und braucht weniger Plugins.

Aus dem Projekt

Zum Projekt ↗

Tech-Stack

  • WordPress
  • PHP
  • WooCommerce
  • Listmonk

Von Google gefunden

919

Klicks in einem Jahr

Google Search Console

Startseite abgespeckt

577 KB79 KB

Eigenes Theme statt Baukasten.

Sauber umgezogen

0

von 436 Adressen verloren

So läuft es ab

Erst messen, dann umbauen, dann vergleichen.

  1. 1Messen436 Adressen vorher
  2. PHPEigenes Themestatt Elementor
  3. muEigene PluginsInhaltstypen, Shop, Weiterleitungen
  4. =Vergleichenalle Adressen nachher

0 Adressen verloren · 0 Titel geändert · 0 Canonicals geändert

Klassenspace · Lernplattform · Eigenentwicklung

Klassenspace

Lernen mit einem Trainer, der weiß, wann du wiederholen solltest.

  • Lernplattform
  • Next.js
  • Algorithmus
Klassenstufen
1–13
Klassenstufen
Fächer
8
Fächer
  • Konzept & Informationsarchitektur
  • Webdesign & Entwicklung
  • Lernkarten-Algorithmus (FSRS)
  • Lektionen mit Grafiken

FSRS Lernkarten-Algorithmus

Klassenspace verbindet verständliche Lektionen mit einem Trainer, der Wiederholungen planbar macht: Derselbe Algorithmus-Code läuft auf Website und später in der App, ein Tageslimit verhindert Wiederholungs-Lawinen.

Aus dem Projekt

Zum Projekt ↗

Eigener Lern-Algorithmus

Jede Wiederholung macht die Kurve flacher.

Tech-Stack

  • Next.js
  • Tailwind CSS
  • Supabase
  • TypeScript
  • Docker

Klasse 1 bis 13

  • Mathematik
  • Deutsch
  • Englisch
  • Biologie
  • Chemie
  • Physik
  • Geschichte
  • Geografie

So läuft es ab

Lektionen im Code, ein eigener Lern-Algorithmus.

  1. TSLektionen im Codenach fester Vorgabe geprüft
  2. FSRSLern-Algorithmusals eigenes Paket
  3. NNext.jsSeiten und Trainer
  4. DBSupabaseselbst gehostet

Derselbe Algorithmus-Code läuft später auch in der App.

ikuzo · Lernplattform · Eigenentwicklung

ikuzo

Japanisch lernen – vom ersten Laut an.

  • Lernplattform
  • International
  • Audio
Hiragana mit Ton
46
Hiragana mit Ton
Wörter im Wörterbuch
272
Wörter im Wörterbuch
  • Konzept & Branding
  • Webdesign & Entwicklung
  • Hiragana-Kurs
  • Wiederholungstrainer

66 Ratgeber für Einsteiger

ikuzo nimmt Einsteiger vom ersten Laut an mit: Lektion, Ton und Wiederholung greifen ineinander, und Ratgeber, Wörterbuch und Phrasen beantworten die Fragen, mit denen Lernende bei Google und in KI-Suchen landen.

Aus dem Projekt

Zum Projekt ↗

46 Hiragana mit Ton

  • あ
  • い
  • う
  • え
  • お
  • か
  • き
  • く
  • け
  • こ

Tech-Stack

  • Next.js
  • React
  • TypeScript
  • ElevenLabs
  • Docker

Für Einsteiger weltweit

66

Ratgeber auf Englisch

So läuft es ab

Inhalte im Code, Ton vorab erzeugt.

  1. TSInhalte im CodeRatgeber, Wörter, Phrasen
  2. MP3Vertonungvorab erzeugt mit ElevenLabs
  3. NNext.jsSeiten mit Strukturdaten
  4. ◎LernendeFortschritt im Browser

Fehlt eine Tondatei, spricht die Stimme des Browsers.

Andiamoo · Lernplattform · Eigenentwicklung

Andiamoo

Italienisch lernen – in der richtigen Reihenfolge.

  • Lernplattform
  • Next.js
  • Headless WordPress
ein Lernpfad in sechs Etappen
A1–C2
ein Lernpfad in sechs Etappen
Vokabeln mit Beispielsätzen
8.237
Vokabeln mit Beispielsätzen
  • Konzept & Branding
  • Webdesign & Entwicklung
  • Lernpfad A1–C2
  • Vokabeltrainer

176 Seiten zur Konjugation

Andiamoo führt durch die Grammatik, liefert den Wortschatz dazu und wiederholt ihn im richtigen Moment.

Aus dem Projekt

Zum Projekt ↗

Tech-Stack

  • Next.js
  • WordPress
  • Supabase
  • TypeScript
  • Docker

Wortschatz

8.237

Vokabeln mit Beispielsätzen

Ein Lernpfad

  • A1
  • A2
  • B1
  • B2
  • C1
  • C2

In sechs Etappen zum Feinschliff

So läuft es ab

Drei Teile, drei passende Systeme.

  1. WWordPressRedaktion auf All-Inkl
  2. NNext.jsholt Inhalte per HTTPS
  3. DBSupabaseKonten, Shop, Fortschritt
  4. ◎LernendeBrowser oder Konto

Inhalte kommen über Seed-Skripte – nicht per Hand ins Backend.

Englischclub · Lernplattform · Eigenentwicklung

Englischclub

Englisch lernen, ohne nach drei Wochen aufzuhören.

  • Lernplattform
  • Next.js
  • Headless WordPress
Grammatiklektionen
150
Grammatiklektionen
Phrasal Verbs
300
Phrasal Verbs
  • Konzept & Branding
  • Webdesign & Entwicklung
  • Headless WordPress
  • Fortschritt mit Clubkarte

A1–C2 alle Niveaustufen

Englischclub bündelt Grammatik, Phrasal Verbs und Wortschatz an einem Ort, erklärt alles aus deutscher Sicht und macht Fortschritt sichtbar.

Aus dem Projekt

Zum Projekt ↗

Clubkarte statt Punktestand

Stempel für jede geschaffte Einheit.

Tech-Stack

  • Next.js
  • WordPress
  • TypeScript
  • Docker

Phrasal Verbs

300

jede Bedeutung einzeln erklärt

So läuft es ab

Inhalte im Code, WordPress als Speicher.

  1. { }Seeds im CodeInhalte versioniert
  2. WWordPress9 eigene Inhaltstypen
  3. NNext.jsSeiten auf dem Server
  4. ◎LernendeStempel im Browser

Sitemaps in Teilen zu höchstens 200 Adressen.

Habloo · Sprach-App · Eigenentwicklung

Habloo

Spanisch lernen mit dem, was man sowieso schaut.

  • Web-App
  • KI-Integration
  • Lernplattform
Lektionen in 7 Modulen
150
Lektionen in 7 Modulen
Übungsarten im Trainer
4
Übungsarten im Trainer
  • Konzept & Produktdesign
  • Branding
  • Web-App-Entwicklung
  • Kurs mit 150 Lektionen

4 Mini-Spiele

Habloo verbindet echte Inhalte mit einem strukturierten Kurs, einem Wiederholungsplan und einem KI-Gesprächspartner.

Aus dem Projekt

Zum Projekt ↗

Veröffentlicht als App

  • App StoreVon Apple freigegeben✓
  • Google PlayVeröffentlichung läuft

Ganzer Sprachkurs

150

Lektionen in 7 Modulen

Tech-Stack

  • React
  • Vite
  • Node.js
  • Supabase
  • Claude API
  • OpenAI API
  • Docker

Sprechen mit Habla

  • ¿Qué hiciste el fin de semana?
  • Fui a la playa con amigos.
  • ¡Qué bien! ¿Hacía sol?

So läuft es ab

Eine App im Browser, KI und Daten dahinter.

  1. RReact-Appläuft im Browser
  2. APINode-ServerVideos, KI und Abo
  3. DBSupabaseKonten und Fortschritt
  4. KIClaude & OpenAIHabla und Wissenstexte

Alle Lernfunktionen sind kostenlos – Premium schaltet die KI unbegrenzt frei.

Davaigo · Sprach-App · Eigenentwicklung

Davaigo

Russisch lernen mit echten Videos.

  • Web-App
  • KI-Integration
  • Lernplattform
Lektionen in 10 Modulen
180
Lektionen in 10 Modulen
Vokabeln im Kurs
1.797
Vokabeln im Kurs
  • Konzept & Produktdesign
  • Branding
  • Web-App-Entwicklung
  • Kurs mit 180 Lektionen

4.178 vertonte Hörbeispiele

Davaigo verbindet echte russische Inhalte mit einem strukturierten Kurs und einem Wiederholungsplan.

Aus dem Projekt

Zum Projekt ↗

Tech-Stack

  • React
  • Vite
  • Node.js
  • Supabase
  • ElevenLabs
  • Docker

Komplett vertont

4.178

Hörbeispiele

Bald als App

  • App StoreVeröffentlichung läuft
  • Google PlayVeröffentlichung läuft

Karteikasten mit Gedächtnis

1.797

Vokabeln im Kurs

So läuft es ab

Eine App im Browser, ein eigener Server dahinter.

  1. RReact-Appläuft im Browser
  2. APIEigener ServerKI, Videos, Konten
  3. DBSupabaseFortschritt mit Zugriffsregeln
  4. MP3Vertonung4.178 Hörbeispiele

Neuer Code auf GitHub – der Server baut und startet automatisch.

St. Antoni Stiftung · Website · 3D-Rundgänge

St. Antoni Stiftung

Ein Zuhause im Alter – jetzt mit 3D-Rundgang.

  • Redesign
  • Next.js
  • 3D-Rundgang
„Wohnen für Ältere in Quakenbrück“
Platz 1
„Wohnen für Ältere in Quakenbrück“
Wohnungen als 3D-Rundgang
3
Wohnungen als 3D-Rundgang
  • Redesign
  • Next.js-Entwicklung
  • 3D-Rundgänge
  • Lesehilfe
„Besonders freut uns, dass wir bei Google sehr gut gefunden werden und sogar in der KI-Suche auftauchen.“
Ute Gehring · St. Antoni Stiftung
Zum Projekt ↗

Platz 1 bei Google

Wohnen für Ältere in Quakenbrück

  1. 1antoni-stiftung.de
  2. 2Anbieter A
  3. 3Anbieter B

Durch die Wohnung gehen

3

Wohnungen als 3D-Rundgang

Tech-Stack

  • Next.js
  • React
  • Tailwind CSS
  • Three.js
  • WordPress
  • All-Inkl

Bilder als WebP

20 MB4 MB

Gleiche Bilder, ein Fünftel des Gewichts.

So läuft es ab

Neue Seite neben WordPress, umgeschaltet mit einer Zeile.

  1. NNext.jsstatische Seiten
  2. </>Neben WordPressim selben Ordner
  3. 1×Eine Zeileschaltet die Startseite um
  4. WWordPressBeiträge und Verwaltung

Zeile löschen – und die alte Seite ist zurück.

Baba’s Pizza & Grill · Branding · Website

Baba’s Pizza & Grill

Erst die Marke, dann die Speisekarte zum Bestellen.

  • Branding
  • Relaunch
  • Next.js
Kategorien in der Speisekarte
8
Kategorien in der Speisekarte
Orte im Liefergebiet
4
Orte im Liefergebiet
  • Logo & Branding
  • Flyer & Speisekarte
  • Relaunch mit Next.js
  • Speisekarte als Daten

Live Öffnungsstatus auf der Seite

Baba’s tritt online wie offline einheitlich auf.

Aus dem Projekt

Zum Projekt ↗

Erst Zettel, dann Anruf

  • Kebapteller1×
  • Falafeltasche1×
  • Pizza1×

Bestellzettel zum Laden

Speisekarte als Daten

8

Kategorien, durchsuchbar

Tech-Stack

  • Next.js
  • React
  • TypeScript
  • All-Inkl

Live auf der Seite

Jetzt geöffnet

Der Öffnungsstatus läuft mit.

So läuft es ab

Aus der PDF wird eine Speisekarte zum Bestellen.

  1. PDFSpeisekarteaus der aktuellen PDF
  2. { }DatenGerichte, Preise, Kategorien
  3. NNext.jsbaut die Seite statisch
  4. TelAnrufBestellzettel zum Laden

Neue Karte vom Laden: Daten anpassen, neu bauen, fertig.

Fusion Foodie · Relaunch · Next.js

Fusion Foodie

Aus einem stillen Rezeptblog wird eine Rezeptplattform.

  • Relaunch
  • Next.js
  • SEO & Content
Rezepte mit Nährwerten
240
Rezepte mit Nährwerten
alte Beiträge übernommen
25
alte Beiträge übernommen
  • Relaunch
  • Webdesign
  • Content-Struktur & SEO
  • Hosting

301 Weiterleitungen für alte Adressen

Fusion Foodie kann wieder wachsen: Neue Rezepte entstehen im selben Format, die Übersichten nach Küche und Kategorie ergeben sich daraus, und Google bekommt zu jedem Rezept strukturierte Daten.

Aus dem Projekt

Zum Projekt ↗

Tech-Stack

  • Next.js
  • WordPress REST-API
  • schema.org
  • Docker

Nichts geht verloren

/alter-beitrag/

↓ 301

/rezept/neuer-aufbau

Vom Blog zur Rezeptplattform

240 vorher 25

Rezepte, alle mit Nährwerten

So läuft es ab

WordPress-Texte werden Rezeptdaten.

  1. WWordPress25 alte Beiträge
  2. { }RezeptformatZutaten, Schritte, Nährwerte
  3. NNext.jseine Seite je Rezept
  4. GGoogleschema.org/Recipe

Fällt WordPress aus, greift eine lokale Kopie der alten Beiträge.

BookBite · Relaunch · Headless WordPress

BookBite

Ein WordPress-Blog wird zur schnellen Lese-Website.

  • Headless WordPress
  • Next.js
  • Webdesign
Beiträge übernommen
7
Beiträge übernommen
Themenwelten
5
Themenwelten
  • Konzept & Design
  • Headless-Umbau
  • Next.js-Entwicklung
  • 301-Weiterleitungen

301 Weiterleitungen für alte Adressen

BookBite lädt als statische Website, die Redaktion arbeitet weiter in WordPress.

Aus dem Projekt

Zum Projekt ↗

5 Themenwelten

  • Persönlichkeit
  • Gesundheit
  • Marketing
  • Finanzen
  • Lesen

Tech-Stack

  • Next.js
  • React
  • TypeScript
  • WordPress REST-API
  • All-Inkl

Alte Links führen weiter

/alter-link/

↓ 301

/bites/7-wege

So läuft es ab

WordPress bleibt die Redaktion, Next.js baut die Seite.

  1. WWordPressbleibt die Redaktion
  2. APIREST-APIliefert die Beiträge
  3. NNext.jserzeugt statische Seiten
  4. 301Weiterleitungenalte Links führen weiter

Neue Beiträge erscheinen nach einem Build.

KT Bodenteam · Website · Local SEO

KT Bodenteam

Handwerk, das online genauso hochwertig wirkt.

  • Webdesign
  • Local SEO
  • Handwerk
Slider für Ergebnisse
Vorher/Nachher
Slider für Ergebnisse
gefunden bei Google
Regional
gefunden bei Google
  • Webdesign & Umsetzung
  • Vorher-Nachher-Slider
  • Kontaktformular
  • Lokale SEO-Strategie
„Uns war wichtig, dass unsere Arbeit online genauso hochwertig wirkt wie beim Kunden vor Ort.“
Tim Schünemann · KT Bodenteam
Zum Projekt ↗

Vorher, nachher

NachherVorherVorherNachher

Tech-Stack

  • WordPress
  • Elementor
  • Google Search Console

Vertrauen vor Ort

5

Sterne bei Google

So läuft es ab

Vom ersten Eindruck zur Anfrage.

  1. 1HandwerksstilDesign passend zum Betrieb
  2. V/NVorher/NachherSlider für Ergebnisse
  3. GLocal SEOregionale Suchanfragen
  4. @Kontakteinfaches Formular

Leistungen, Referenzen und Bewertungen stehen dort, wo Besucher Vertrauen fassen.

Le Cut · Relaunch · Next.js

Le Cut

Ein Barbershop-Auftritt ohne Baukasten-Ballast.

  • Relaunch
  • Next.js
  • WordPress-Theme
Sterne bei Google, direkt auf der Seite
4,5
Sterne bei Google, direkt auf der Seite
Leistungen auf einen Blick
4
Leistungen auf einen Blick
  • Relaunch
  • Next.js-Entwicklung
  • WordPress-Theme
  • Datenschutz-Check

1 Klick bis die Karte lädt

Le Cut hat eine ruhige, schnelle Seite im eigenen Stil – mit echten Bewertungen, klaren Öffnungszeiten und einem direkten Weg zum Anruf.

Aus dem Projekt

Zum Projekt ↗

Tech-Stack

  • Next.js
  • React
  • WordPress
  • Contact Form 7
  • All-Inkl

Datenschutz im Blick

Die Karte lädt erst nach einem Klick.

Echte Google-Bewertungen

4,5

Sterne, direkt auf der Seite

So läuft es ab

Next.js baut die Seite, WordPress liefert sie aus.

  1. NNext.js + ReactSeite als Komponenten
  2. </>Statischer Exportfertiges HTML, CSS und JS
  3. WWordPress-ThemeStartseite lädt den Export
  4. @Formulare & Mailsbleiben in WordPress

Impressum und Datenschutz kommen weiter aus WordPress.

Glasreinigung Artland · Redesign · React

Glasreinigung Artland

Vom Elementor-Baukasten zur eigenen React-Seite.

  • Redesign
  • React & Next.js
  • WordPress-Theme
Google-Bewertung im Blick
5,0
Google-Bewertung im Blick
Leistungsbereiche
3
Leistungsbereiche
  • Redesign
  • React- & Next.js-Entwicklung
  • WordPress-Theme
  • Scroll-Animationen

4 Schritte bis zum Termin

Glasreinigung Artland bekommt eine schnelle, ruhige Seite mit klarer Führung zum Angebot – gebaut mit React, gepflegt über WordPress.

Aus dem Projekt

Zum Projekt ↗

Einmal wischen, wieder Durchblick

Beim Scrollen fährt ein Wischer über die Scheibe.

Tech-Stack

  • Next.js
  • React
  • GSAP
  • Lenis
  • WordPress
  • All-Inkl

Direkt im Kopf der Seite

5,0

Google-Bewertung

So läuft es ab

React entwickeln, WordPress ausliefern.

  1. NNext.js + ReactKomponenten statt Pagebuilder
  2. </>Statischer Exportfertiges HTML, CSS und JS
  3. WWordPress-Themeim bestehenden WordPress
  4. @Anfragenper Mail an den Betrieb

Impressum und Datenschutz kommen weiter aus WordPress.

Markenfest · Shop · KI-Automatisierung

Markenfest

Ein Shop, in dem KI die Routine übernimmt.

  • KI-Automatisierung
  • WooCommerce
  • Claude per REST-API
KI-Abläufe im Alltag
4
KI-Abläufe im Alltag
eigenes WooCommerce-Plugin
1
eigenes WooCommerce-Plugin
  • KI-Automatisierung für Fotos, Retouren und Kundenfragen
  • Claude-Anbindung per REST-API
  • Content mit Human in the Loop
  • Shop-Design
„Besonders hilfreich war, dass Design, Inhalte und technische Lösungen zusammen gedacht wurden.“
Silke Lindt · Markenfest
Zum Projekt ↗

Einkäufe gestiegen

Mehr Bestellungen im Shop, während die KI die Routine übernimmt.

Blogautomatisierung

Die neue Herbstkollektion ist da: warme Farben, weiche Stoffe …

✓ Vom Team freigegeben

Tech-Stack

  • WordPress
  • WooCommerce
  • PHP
  • WordPress REST API
  • Claude

Bildautomatisierung

  1. Fotos hochladen
  2. Bilder bearbeiten
  3. Komprimieren
  4. Im Shop zuordnen

So läuft es ab

Die KI schreibt vor, der Mensch gibt frei.

  1. TeamThema festlegenoder aus Vorschlägen wählen
  2. KIEntwurf schreibenim Markenfest-Ton
  3. TeamPrüfen, freigebenohne Freigabe nichts live
  4. ShopVeröffentlichenBlog und Social Media

Human in the Loop: Veröffentlicht wird nur, was ein Mensch abgesegnet hat.

Nosefood · WooCommerce · SEO · Content

Nosefood

Ein Shop, der verkauft – und eine Marke, die spricht.

  • WooCommerce
  • SEO
  • E-Mail-Marketing
vom alten Pagebuilder
Relaunch
vom alten Pagebuilder
WooCommerce angepasst
Shop
WooCommerce angepasst
  • Relaunch & Pagebuilder-Wechsel
  • WooCommerce-Anpassungen
  • SEO-Optimierung
  • E-Mail-Marketing

Content Newsletter & Social

Die Website ist technisch auf dem Stand, einfacher zu pflegen und wird aktiv zur Kundenbindung und Umsatzsteigerung genutzt.

Aus dem Projekt

Zum Projekt ↗

Tech-Stack

  • WordPress
  • WooCommerce
  • Elementor

Alles aus einer Hand

  • Relaunch
  • WooCommerce
  • SEO
  • Newsletter
  • Social Media

Kunden erneut ansprechen

Newsletter, der Produkt und Werte erklärt.

So läuft es ab

Erst der Umzug, dann das Wachstum.

  1. EElementorstatt altem Pagebuilder
  2. WooWooCommerceFunktionen angepasst
  3. SEOSEOfür Suche optimiert
  4. @NewsletterKunden erneut ansprechen

Dazu Social-Media-Content, der Produkt und Werte erklärt.

Milkramee · Shop · Server & Go-live

Milkramee

Von Etsy in den eigenen Shop.

  • Onlineshop
  • Next.js
  • WooCommerce
Garnfarben zur Wahl
35
Garnfarben zur Wahl
Sterne aus 473 Etsy-Bewertungen
5,0
Sterne aus 473 Etsy-Bewertungen
  • Server & Hosting
  • WooCommerce-Anbindung
  • Automatisches Ausrollen
  • Bald-da-Seite & Go-live

Über 1.600 Bestellungen auf Etsy

Jetzt verkauft Milka ihren handgeknüpften Schmuck auch im eigenen Shop.

Stand laut milkramee.de

Zum Projekt ↗

Vertrauen mitgebracht

1.622

Bestellungen auf Etsy

Bewertungen

5,0

Sterne aus 473 Etsy-Bewertungen

Tech-Stack

  • Next.js
  • WooCommerce
  • WordPress
  • Docker

Bunt, bunter, deine Wahl

35 Garnfarben zur Wahl

So läuft es ab

Shop und Website sauber getrennt.

  1. WWooCommercedie Kasse im Hintergrund
  2. NNext.jsMilka entwickelt selbst
  3. GitNeuer Standwird automatisch gebaut
  4. DEEigener Serversteht in Deutschland

Bis zum Start stand eine Bald-da-Seite davor.

Jobcenter Cloppenburg · Web-App · Verwaltung

Jobcenter Cloppenburg

Komplexe Anträge verständlich gemacht.

  • Web-App
  • Verwaltung
  • UX
Online-Werkzeuge
2
Online-Werkzeuge
geführte Eingaben
Schritt für Schritt
geführte Eingaben
  • Konzept & UX
  • Rechner-Entwicklung
  • Mietprüfer
  • Barrierearme Oberfläche

24/7 erreichbar

Zwei digitale Werkzeuge machen komplexe Informationen verständlich, geben Nutzern Sicherheit und entlasten die Sachbearbeitung.

Aus dem Projekt

Nichts wird gespeichert

Die Berechnung läuft im Browser, keine Daten werden übertragen.

Tech-Stack

  • JavaScript
  • WordPress

Immer erreichbar

2

Online-Werkzeuge, rund um die Uhr

So läuft es ab

Zwei Werkzeuge, Schritt für Schritt.

  1. 1Angabenstrukturiert abgefragt
  2. JSBerechnungläuft im Browser
  3. €Ergebnisnachvollziehbar erklärt
  4. 0Datennichts gespeichert oder übertragen

Beide Werkzeuge stehen direkt auf der WordPress-Seite des Jobcenters.

Kontakt

Manuel Killert
Manuel KillertWebentwickler & Dozent für Webentwicklung

Lass uns über dein Projekt sprechen.

B.A. Marketing & Digitale Medien, selbstständig seit 2022, aus Quakenbrück. Ich baue Websites, WordPress-Lösungen, 3D-Anwendungen und KI-Integrationen und lese jede Anfrage selbst.

40%

Impressum · Datenschutz