Showcase Referenzen und Case Studys

Referenzen, Auftragsarbeiten und Fingerübungen

Hier finden Sie arbeiten, welche ich in den letzten Jahren angefertigt habe. Diese enstanden für Wettbewerbe, freie Mitarbeit bei verschiedenen Agenturen, sowie in meiner Festanstellung als Frontend-Entwickler.

Die Sammlung besteht sowohl aus Auftragsarbeiten wie auch aus arbeiten welche einfach nur zu eigenen Trainingszwecke erstellt wurden.

ShopwareNextJs / ReactJavascriptGrafik und Webdesign

Shopware 5 Rezept Plugin

Rezeptliste

Rezeptliste mit Zusatzrechner

Entwicklung eines individuellen Shopware-5-Plugins zur Bereitstellung einer interaktiven Rezeptdatenbank für Tierhalter, die ihre Hunde oder Katzen nach dem BARF-Prinzip ernähren möchten.

Ziel war es, Shop-Besucher:innen nicht nur Produkte anzubieten, sondern ihnen auch fundiertes Wissen und konkrete Rezepte rund ums BARFen bereitzustellen – direkt im Shop, mit direkter Verlinkung zu den passenden Produkten.

Mit dem Plugin wird der Shop zum echten Kompetenzzentrum rund ums Thema BARF. Kund:innen erhalten nicht nur Produkte, sondern fundierte Informationen und maßgeschneiderte Rezepte – inklusive praktischer Einkaufshilfe. Das Plugin wurde von Grund auf selbst entwickelt und erweitert Shopware 5 um eine eigenständige Rezeptverwaltung.

  • Rezeptdatenbank für Hunde und Katzen
  • Detaillierte Zutatenlisten je Rezept
  • Direkte Verlinkung zu Shop-Produkten, damit alle Zutaten bequem im Warenkorb landen
  • Zutatenrechner: basierend auf dem Gewicht des Tieres werden die exakten Mengen der Zutaten berechnet – individuell für jedes Rezept
  • Shopware 5
  • PHP
  • Smarty
  • MySQL
  • JavaScript

Shopware 6 Erlebniswelt Elemente

Shopware Grid Element

Erlebniswelt-Elemente für flexible Content-Inszenierung

Für ein Shopware-Projekt entwickelte ich maßgeschneiderte Erlebniswelten-Elemente, die den Redakteuren ermöglichen, Inhalte flexibel und visuell ansprechend zu gestalten – ohne zusätzliche Plugins oder manuelles Styling. Die Elemente basieren auf einem angepassten Grid-System, sind responsive aufgebaut und lassen sich vielseitig kombinieren.

Oft stoßen Redakteure schnell an gestalterische Grenzen – insbesondere, wenn Inhalte visuell unterschiedlich präsentiert werden sollen, aber auf ein konsistentes Design Rücksicht genommen werden muss. Die Herausforderung bestand darin, mehrere Layout-Varianten zu entwickeln, die eigenständig funktionieren, sich aber dennoch nahtlos in das Gesamtbild einfügen.

Jedes Element basiert auf einem flexiblen Grid-Fundament und wurde gezielt für die Redaktionsarbeit optimiert. Die Bedienung in Shopware bleibt intuitiv – Inhalte können einfach per Drag & Drop gepflegt werden.

  • Shopware 6
  • Twig
  • Vue.js
  • SCSS

Slider Element Text & Bild

Text & Bild Slider Element

Mehr als nur Bilder – Erweiterung des Shopware-Carousels

Modifikation des Standard-Image-Carousels in Shopware 6 zur Darstellung erweiterter Inhalte direkt in den Erlebniswelten.

Verbesserung der gestalterischen und inhaltlichen Flexibilität für redaktionelle oder werbliche Inhalte, ohne auf externe Plugins zurückgreifen zu müssen.

Mit dieser Erweiterung erhalten Redakteure und Shopbetreiber ein mächtiges Werkzeug zur Präsentation von Content-Highlights – z.B. für Kampagnen, News oder Produkteinführungen. Die Kombination aus Bild, Text und Button schafft eine hohe visuelle Präsenz und verbessert zugleich die Conversion-Möglichkeiten durch klare Call-to-Actions.

  • Layout-Anpassung: Bild links, Textbereich rechts – für eine klarere, modernere Inhaltsstruktur
  • Zusätzliche Inhaltsfelder: Möglichkeit zur Pflege von Überschrift, Beschreibungstext und Call-to-Action-Button pro Slide
  • Slide-Indikator: Implementierung einer fortlaufenden Slide-Navigation inklusive aktueller Position
  • Backend-Integration: Erweiterung der Erlebniswelt-Komponente, vollständig konfigurierbar
  • Frontend-Optimierung: Responsives Verhalten, sauberes Grid-basierendes Layout, optimiert für verschiedene Viewports
  • Shopware 6
  • Twig
  • SCSS
  • JavaScript

Shopware 6 Video-Text Banner

Video Text Banner

Interaktiver Video-Banner mit Text

Eigenentwicklung eines individuell konfigurierbaren Video-Banners als Erlebniswelten-Element in Shopware 6 – komplett ohne externe Video-Provider oder Cookie-Abfragen.

Bereitstellung eines aufmerksamkeitsstarken Banners mit nativer Video-Einbindung, das DSGVO-konform ohne Drittanbieter (z.B. YouTube) auskommt und gleichzeitig redaktionell flexibel bleibt.

Das Video-Banner bietet eine starke visuelle Ansprache und eignet sich ideal für Markenkommunikation, Kampagnen oder emotionale Themen. Dank der einfachen Konfiguration im Backend lässt sich das Element auch ohne technisches Wissen an die CI des Shops anpassen.

  • Direkte Video-Auswahl: Integration von Videos aus der Shopware-Medienverwaltung – kein externer Dienst notwendig
  • Text-Overlay mit Gestaltungsmöglichkeiten: Konfigurierbare Überschrift, Beschreibungstext und Call-to-Action-Button
  • Individuelles Styling: Freie Farbwahl für Text, Button und Hintergrundüberlagerung direkt im Erlebniswelten-Editor
  • Optimiert für UX & Performance: Autoplay ohne Ton, mobil optimiert, und fallbackfähig für verschiedene Browser
  • Shopware 6
  • Twig
  • Vue.js
  • SCSS

Shopware 5 & 6 Chatbot

Chatbot4You

Chatbot4You Integration für Shopware 5 & 6

Entwicklung eines Shopware-Plugins zur nahtlosen Einbindung des Chat4You-Chatbots inklusive API-Anbindung und Cookie-Verwaltung.

Dieses Plugin erweitert Shopware 5 und 6 um eine voll integrierte Live-Chat- und Chatbot-Lösung über den Anbieter Chat4You. Es ermöglicht Shopbetreibern eine direkte Kommunikation mit ihren Kunden – entweder über den Kundenservice oder automatisiert über vordefinierte Bot-Antworten.

Durch die Integration wird der Kundenservice deutlich entlastet und gleichzeitig verbessert – Kunden erhalten schnell Antworten auf ihre Fragen, während der Support gezielt dort eingreifen kann, wo es nötig ist. Die Lösung ist datenschutzkonform, effizient und einfach zu administrieren.

  • Nahtlose Einbindung: Integration des Chat4You-Dienstes über API
  • Cookie-Handling inklusive: DSGVO-konforme Einbindung mit entsprechender Cookie-Verwaltung
  • Automatisierte Antworten: Der Bot kann häufig gestellte Fragen direkt im Shop beantworten
  • Live-Support-Funktion: Direkte Kommunikation zwischen Kunden und Supportteam möglich
  • Für Shopware 5 & 6: Plugin wurde für beide Shopware-Versionen individuell entwickelt und angepasst
  • Shopware 5 & 6
  • PHP
  • REST-API
  • JavaScript

Weitere Elemente

Video Element

Video Element

Ein Videoplayer, der eigene Videos aus der Shopware-Mediathek abspielt. Dadurch werden keine externen Video-Dienste benötigt.

Video Element

Kategorie Socialmedia Element

Eine Kategorie in den verschiedenen Social Media Kanälen zu teilen, per E-Mail oder Whatsapp zu senden

Video Element

Produkt Futterrechner

Hier kann Produkten ein Rechner hinzugefügt werden um zu gewissen Kriterien Futtermittel zu bestimmen.

Futterrechner

Barfen Futterrechner SW 5 & 6

Ein komplexer Futterrechner für Einkaufs- und Erlebniswelten von Shopware.