Zum Inhalt springen

Wir bauen Websites.
Und Verpackungen.

Dazu Webanwendungen mit KI-Anbindung, Corporate Design und Werbemittel – gestaltet, entwickelt und druckfertig gemacht. Für Unternehmen, Produzenten und Agenturen. Seit 2003 aus Hamburg.

Wir sind JOTPE.
Design trifft Code – und Druck.

Ein kleines, erfahrenes Team: Design und Entwicklung für Websites und KI-Anwendungen, dazu Packaging gemeinsam mit creative.team.peters, seit 1992 für Handel und Hersteller. Kurze Wege, ein Ansprechpartner – und am Ende muss es funktionieren. ✌🏻

  • Webentwicklung
  • UI/UX Design & Webdesign
  • Beratung
  • Full Stack Development
  • Next.js / React
  • Headless CMS
  • KI-Anbindung über APIs
  • Payload
  • WordPress
  • Display-Ads
  • White-Label für Agenturen
  • Internetagentur
  • Corporate Design & Logodesign
  • Verpackungsdesign & Adaptionen
  • Reinzeichnung
  • Imagebroschüren
  • Flyer & Folder

Für wen wir arbeiten

Drei Wege, ein Team. Wählt den, der zu euch passt.

Für Agenturen

Verlässliche Kapazität hinter eurer Marke

Entwicklung und UI/UX im Hintergrund – ohne neue Festanstellung. Wir arbeiten unter eurem Namen, halten Deadlines und respektieren eure Kundenbeziehung.

  • White-Label, NDA-sicher
  • Figma-to-Code, Next.js, WordPress
  • Projekt, Sprint oder laufende Kapazität
  • Seit 2003 Partner von Agenturen

White-Label-Partnerschaft

Für Unternehmen & Marken

Eine Website, die euer Angebot klar macht

Neue Website, Relaunch oder Webanwendung: Design und Code aus einer Hand, technisch sauber und so gebaut, dass ihr die Inhalte selbst pflegen könnt.

  • Corporate Websites und Relaunches
  • Landingpages für Kampagnen
  • Webanwendungen und Portale, auf Wunsch mit KI-Anbindung
  • Betreuung nach dem Launch

Unsere Leistungen

Für Produzenten & Handelsmarken

Verpackungen druckfertig – Sorte für Sorte, Land für Land

Packungsdesign, Adaption und Reinzeichnung eurer Verpackungen – geprüft und nach Vorgabe der Druckerei. Für Produzenten, die die großen Discounter in DACH beliefern, und für Europa und die USA.

  • Packaging-Erfahrung seit 1992 mit creative.team.peters
  • Sorten-, Sprach- und Länderversionen
  • EAN-Erstellung nach Vorgabe
  • Druckdaten und versioniertes Archiv

Packaging Artwork & Adaption

Aktuelle Referenzen

  • Webentwicklung
  • WordPress
  • HTML5, CSS3, JS

bayern design

Eine Community pflegt sich nicht von allein. Außer man baut sie so. Für bayern design haben wir ein Portal entwickelt, auf dem Designer*innen, Agenturen und Unternehmen ihr Profil selbst anlegen, Beiträge einreichen und Events ankündigen. WordPress, zweisprachig, ohne Redaktionsstau.

Projekt ansehen: bayern design

Kund*innen

Wir arbeiten für Marken, Unternehmen und Produzenten, die Wert auf gutes Design und sauberen Code legen – direkt oder als White-Label-Partner im Hintergrund von Agenturen. Viele Kund*innen begleiten wir seit Jahren: flexibel, vertraulich, zuverlässig.

  • Alkmene
  • OTTO NOW
  • agiles
  • aludo
  • anveo
  • bt
  • DKdL
  • LIGALUX
  • helpbox24
  • häppy
  • iconic
  • JJVC
  • TERRITORY
  • mint
  • PickMeUp
  • Saturo
  • son
  • Warner

Was wir machen

Webentwicklung & UI/UX Design

Wir entwickeln Websites und Webanwendungen, die schnell, skalierbar und technisch sauber umgesetzt sind – mit einem klaren Fokus auf gutes Design und Performance.

Mit modernen Frameworks wie Next.js und React verbinden wir Ästhetik mit effizientem Code – für digitale Projekte, die überzeugen und langfristig wartbar bleiben.

Ob Corporate Website, Landingpage oder Webanwendung mit KI-Funktionen: schnell geladen, barrierearm und so gebaut, dass euer Team die Inhalte selbst pflegen kann.

mehr erfahren: Webentwicklung & UI/UX Design

  • Next.js
  • React
  • Headless CMS
  • KI-Integration
  • WordPress
  • WooCommerce
  • OpenAI & Claude API
  • UI/UX Design
  • Responsive Design

Packaging Artwork & Adaption

Wir adaptieren bestehende Verpackungsdesigns für Produktion und Handel: neue Sorten, Sprachversionen, Formatvarianten, Rezeptur- und Pflichttextänderungen – sauber reingezeichnet und als druckfertige Daten.

Seit 2022 arbeiten wir dafür mit creative.team.peters zusammen – Packaging-Design seit 1992 für ALDI, LIDL, Kaufland, EDEKA, REWE und viele Hersteller dahinter. Konzeption und Design aus Bad Schwartau, Adaption, Reinzeichnung und Druck-QA aus Hamburg: für Produzenten, die die großen Discounter in DACH beliefern, und für Länderadaptionen in Europa und den USA.

mehr erfahren: Packaging Artwork & Adaption

  • Packungsdesign
  • Reinzeichnung
  • Artwork-Adaption
  • Sprachversionen
  • Länderadaption
  • Druckdaten
  • EAN-Erstellung
  • Druck-QA

White-Label für Agenturen

Pipeline voll, Team auch? Wir unterstützen Design- und Marketingagenturen als White-Label-Partner bei der technischen Umsetzung – für ein Projekt, einen Sprint oder dauerhaft.

Ob Figma-to-Code, Next.js, WordPress oder Headless CMS: Wir liefern sauberen Code und klare Kommunikation. Eure Marke bleibt vorn, eure Kundenbeziehung bleibt geschützt – NDA-sicher, unter eurem Namen.

So funktioniert die Partnerschaft: White-Label für Agenturen

  • Schnelle Integration
  • Klare Kommunikation
  • NDA-sicher
  • Kapazität nach Bedarf

Corporate Design

Gutes Design ist keine Dekoration – es ist ein funktionierendes System.

Wir entwickeln klare, wiedererkennbare Markenauftritte, die digital und analog funktionieren – von Logo und Farbwelt bis hin zu Designsystemen und visueller Kommunikation.

So entsteht ein konsistentes Markenbild, das Wiedererkennung und Vertrauen schafft.

mehr erfahren: Corporate Design

  • Logoentwicklung
  • Brand Design
  • Designsysteme
  • Geschäftsausstattung
  • Printmedien

HTML5- & Video-Ads

Wir realisieren digitale Werbemittel und Kampagneninhalte, die auffallen – technisch sauber, kreativ und crossmedial optimiert.

Ob HTML5 Display Ads, Video-Ads oder Social-Media-Formate: Wir übernehmen Konzeption, Design, Animation und Produktion – komplett inhouse und optimiert für alle Geräte und Plattformen.

mehr erfahren: HTML5- & Video-Ads

  • HTML5 Ads
  • Social Ads
  • Video-Ads
  • Animation
  • Storyboarding

Wie wir arbeiten


  1. 1. Briefing

    Ziele, Inhalte, Vorlagen und Zeitrahmen – alles kommt auf den Tisch. Wir denken mit, nicht nur nach.

  2. 2. Konzept & Plan

    Wir planen Struktur, Umfang und Ablauf – für die Website, den Markenauftritt oder die Verpackungsserie.

  3. 3. Gestaltung & Umsetzung

    Ob eigenes oder angeliefertes Design – wir setzen präzise um: als Code, als Reinzeichnung oder als Druckdatei.

  4. 4. Prüfung & Übergabe

    Technische Prüfung vor der Abgabe, dann Launch oder druckfertige Daten. Danach: Betreuung, wenn gewünscht.

⚡ KI – im Projekt und im Produkt

Wir setzen Cursor, OpenAI, Claude Code und Gemini gezielt ein, um schneller und in höherer Qualität zu liefern. Und wir bringen das, was KI-Tools nur zu 80 % schaffen, auf die letzten 20 %: sauberer, sicherer, wartbarer Code, der im echten Betrieb hält.

Genauso bauen wir KI in eure Anwendung ein – über die APIs von OpenAI, Anthropic und Google: ein Assistent auf euren eigenen Dokumenten, eine Suche, die auch umschriebene Fragen versteht, oder ein Prozessschritt, der Anfragen sortiert. Mit Rechten, Kostenkontrolle und einem Weg, die Ergebnisse zu prüfen.

⚙️ Tools & Workflow

  • Next.js
  • Headless CMS
  • Payload
  • WordPress
  • GitHub
  • Vercel
  • CI/CD
  • Tailwind CSS
  • TypeScript
  • Figma
  • Adobe InDesign
  • Adobe Illustrator
  • Claude Code