Mark Herpich

Vor dem Projekt fehlte der DACH-Cosplay-Szene eine auf ihre Bedürfnisse zugeschnittene Marktplatz-Plattform — Angebote wurden verstreut über Foren, Instagram und Kleinanzeigen verhandelt, mit entsprechenden Reibungsverlusten für Anbieter und Käufer.

Verantwortete das gesamte Markenbild von CosHive von Grund auf – von der Logoentwicklung über Farbsystem und Typografie bis hin zum vollständigen Design-System in Figma und Adobe Illustrator. Die visuelle Identität der Plattform spiegelt den Community-Charakter der DACH-Cosplay-Szene wider: einladend, kreativ und wiedererkennbar. Zur Validierung der Plattform-Konzeption wurden qualitative User Interviews mit aktiven Cosplayern der DACH-Community durchgeführt und daraus Personas, Journey Maps und priorisierte Feature-Requirements abgeleitet. Die Informationsarchitektur des Marktplatzes wurde durch Card Sorting und Tree Testing iterativ optimiert. In der Frontend-Entwicklung wurde das Design mit Next.js, React und TailwindCSS in eine performante Web-Applikation umgesetzt – komponentenbasiert mit shadcn/ui und Radix UI für ein konsistentes, zugängliches Interface. Die Infrastruktur wurde mit Terraform provisioniert, Supabase übernimmt Backend und Datenhaltung, statische Assets werden über Bunny CDN ausgeliefert. Für den transaktionalen E-Mail-Versand kam Resend in Kombination mit React Email zum Einsatz.

Nach dem Go-Live registrierten sich in der ersten Woche über 150 Mitglieder; innerhalb der ersten anderthalb Monate wurden mehr als 700 Inserate geschaltet — Tendenz steigend.

Zum Startzeitpunkt existierte weder eine etablierte Marke noch eine technische Basis — IDENTIC wurde als Greenfield-Projekt aufgebaut, ohne bestehende Corporate Identity, Komponenten oder Frontend-Infrastruktur.

Entwicklung der IDENTIC Brand-Plattform mit mehrsprachiger Web-Architektur und CMS-Anbindung. Verantwortlich für das Corporate Identity-System, eine wiederverwendbare UI-Komponentenbibliothek und die Frontend-Infrastruktur auf Basis von Next.js, TailwindCSS und Headless Sanity.io mit automatisierten Deployment-Pipelines und Server-Side Rendering. Der Entwicklung der UI-Komponentenbibliothek ging eine systematische UX-Analyse voraus: Heuristische Evaluation bestehender Touchpoints, Definition von Usage Patterns und Validierung der Komponenten durch interne Usability Reviews. Absicherung der i18n-Flows über Playwright Cross-Browser-E2E-Tests.

Entstanden ist eine tragfähige Brand-Plattform als technische und visuelle Basis für alle folgenden IDENTIC-Kundenprojekte — mehrsprachige Architektur, wiederverwendbare Komponentenbibliothek und abgesicherte i18n-Flows inklusive.

Drei Submarken (AB SportEvent, AB Kultur & Genuss, AB Pferde Erlebnis) sollten unter der Dachmarke AB Events fusioniert werden, und die bestehende Website reichte als reine Präsenz nicht mehr aus — für Direktbuchungen, SEO-gesteuerte Sichtbarkeit und modernen Shop-Workflow war eine neue Plattform nötig.

Verantwortung vom Markenauftritt bis zur E-Commerce-Plattform: neues Logo und Brand Assets für die fusionierte Marke, Print- und Webdesign, Umsetzung des Storefronts mit Shopify Hydrogen und Deployment über Shopify Oxygen. Anbindung des bestehenden Eventmanagers via API für dynamische Reisedaten, Shopify-Backend-Administration sowie eine neue SEO-Strategie für organische Sichtbarkeit.

Entstanden ist die erste direktbuchbare AB-Events-Plattform unter einheitlicher Marke — mit automatisiertem Buchungs- und Fulfillment-Prozess statt bisher manueller Anfragen per Telefon und E-Mail.

Nach 14 Jahren entsprach die ursprüngliche Website weder optisch noch technisch den aktuellen Ansprüchen: keine belastbare Mobile-Version, ein veraltetes Design, und das Angebots-Portfolio hatte sich mittlerweile um Kulturveranstaltungen (u.a. André-Rieu-Konzerte) erweitert.

Begleitung des kompletten Marken-Refreshs — Logo-Modernisierung, neue Farb- und Typografie-Systeme, überarbeitetes Printmaterial — sowie Neuentwicklung der Website als Angular-Applikation mit modularem Komponentensystem und responsivem Design. REST-API-Anbindung an den bestehenden Eventmanager für dynamische Reisedaten, Abfahrtsorte und Verfügbarkeiten. Deployment über Google Cloud Run mit Docker-Containerisierung.

Die neue Web-Präsenz bildete die technische Grundlage für das spätere E-Commerce-Buchungsportal und spiegelte das erweiterte Angebotsspektrum in einem einheitlich modernisierten Markenauftritt wider.

Vor dem Launch kommunizierte AB SportEvent ausschließlich telefonisch oder per E-Mail mit Interessenten — eine sichtbare Internetpräsenz für das wachsende Reiseangebot fehlte.

Gestaltung der ersten Unternehmenswebsite: Layout, Bildsprache und Design der Reiseübersicht, der Detailseiten je Reisepaket, der Bildergalerien vergangener Veranstaltungen und des Kontaktformulars. Die rein technische Umsetzung übernahm ein separates Entwicklungsteam — Schwerpunkt der Rolle lag auf dem visuellen Konzept.

Der Launch markierte den Beginn der bis heute andauernden, über 18-jährigen Partnerschaft mit AB Events, in deren Verlauf das gesamte Geschäft sukzessive digitalisiert wurde.

Ausgangspunkt war ein in die Jahre gekommener PHP-Shop mit veralteter Datenbank — ohne zukunftsfähige Skalierbarkeit, ohne belastbare Mobile-Version und mit rein manuellen Fulfillment-Prozessen.

Verantwortlich für Design und Frontend-Entwicklung bei der E-Commerce-Transformation von Geschenkzeitung.de — einer Plattform mit über 2 Millionen Produkten auf Basis einer Angular PWA mit integriertem Backend-Management-System. Leitete UI/UX-Redesign und Corporate Identity-Entwicklung, Umsetzung mit Angular, TypeScript und SCSS. Dem Redesign ging eine UX-Research-Phase voraus: Analyse bestehender Nutzerflows über Session Recordings und Heatmaps, moderierte Usability Tests mit Bestandskunden sowie Stakeholder-Interviews mit dem Produktmanagement. Die gewonnenen Insights flossen in Wireframes und iterative Prototypen ein, die vor der Implementierung validiert wurden. Testing-Setup mit Jest (jest-preset-angular) für Unit-Tests, Cypress für kritische User-Flows (Warenkorb, Checkout) und Lighthouse CI für Performance-Monitoring.

Ergebnis war eine ganzheitliche Modernisierung von Marke, Logo und Shop: eine installierbare PWA mit konsistentem Markenauftritt, ergänzt um ein vollständig digitales Inventar- und Fulfillment-Management, das die bislang manuellen Abläufe ablöste.

Die operativen Prozesse von Geschenkzeitung.de liefen bisher über eine heterogene Toolchain aus Tabellen, Standalone-Tools und manuellen Abgleichen — bei über 2 Millionen Artikeln und rund 20.000 Bestellungen pro Jahr skalierte das nicht mehr.

Konzeption und Umsetzung des Admin-Interfaces für das maßgeschneiderte ERP-System Babylon: UI/UX-Design der Kernmodule (Auftrags-, Lager- und Rechnungsverwaltung, Prozess-Engine, Statistikmodul) sowie Frontend-Entwicklung mit Angular, NgRx-State-Management und REST-API-Anbindung an die Node.js/MongoDB-Backend-Services. Deployment über Google Cloud Run.

Ergebnis ist die vollständige Digitalisierung aller Geschäftsprozesse — von Bestellerfassung und Kommissionierung über 7 integrierte Zahlungsarten und 3 DHL-Versandoptionen bis zu DATEV-Export und Retourenmanagement — alles konsistent über ein einheitliches Admin-Interface.

Entwicklung einer Firmenwebsite für ein 3D-Visualisierungs-Studio mit Schwerpunkt Automobilbranche. Umsetzung des Frontends mit Next.js und Sanity CMS in einer reduzierten Schwarz-Weiß-Ästhetik mit Mikroanimationen (Framer Motion) und optimiertem Media-Handling für hochauflösende Renderings und Video-Content. Mobile-First-Architektur mit Fokus auf Ladezeiten bei datenintensiven Medieninhalten. Qualitätssicherung über Playwright (Visual-Regression-Tests) und Lighthouse CI für Performance-Monitoring.

Entwicklung der digitalen Markenidentität und Website für Kevin Metz Training & Consulting im Bereich Arbeitssicherheit. Entwurf von Logo, Brand Guidelines und conversion-orientierter Website mit Next.js, Framer Motion, TypeScript und TailwindCSS auf Basis eines Headless Sanity.io CMS. Die Konzeption basierte auf Abstimmungsgesprächen mit dem Kunden und einer Wettbewerbsanalyse im Bereich Arbeitssicherheit. Wireframes wurden vor der Entwicklung in Feedback-Sessions validiert.

Konzeption und Entwicklung eines persönlichen Portfolios mit interaktiven Animationen und Progressive Enhancement. Umsetzung mit Next.js, Framer Motion, TypeScript und TailwindCSS, angebunden an ein flexibles Sanity.io CMS für eigenständige Inhaltspflege.

Verantwortlich für den vollständigen visuellen Markenaufbau des digitalen Lebensmittel-Startups — von der Logoentwicklung über Brand Assets (Visitenkarten, Geschäftsmaterialien) bis hin zur Produkt- und Markenfotografie. Konzipierte und realisierte die komplette Corporate Identity unter Einsatz von Adobe Illustrator, InDesign und Photoshop. Übernahm die Produktfotografie und Post-Processing mit Adobe Lightroom. Implementierte den Online-Shop auf Basis von Angular und betreute die Plattform über drei Jahre hinweg kontinuierlich weiter.

Gestaltung und Entwicklung einer Website für die Heavy-Metal-Band RIGORIOUS mit Anbindung an Musik-Streaming-Plattformen und Tour-Daten-APIs. Design in Figma und Photoshop, Umsetzung mit Astro, Framer Motion, TypeScript und TailwindCSS. Die Website spiegelt die Markenidentität der Band wider und bietet Fans eine zentrale Anlaufstelle für Musik, Tourdaten und Interaktion.

Marken-Repositionierung und bilinguale Website-Entwicklung für KB-Automation. Erarbeitung der visuellen Identität inklusive Logo-Redesign, Typografie und Farbkonzept. Umsetzung der zweisprachigen Website mit WordPress und Elementor, optimiert für B2B-Zielgruppen. Gestaltung von Print-Materialien (Visitenkarten, Werbemittel) mit durchgängigem Markenauftritt.

Verantwortlich für den visuellen Aufbau der Marke FUNC Sportswear von Grund auf — von der Logoentwicklung über Brand Assets (Visitenkarten, Geschäftsmaterialien) bis hin zur Markenfotografie. Konzipierte und realisierte die komplette Corporate Identity unter Einsatz von Adobe Illustrator, InDesign und Photoshop. Übernahm die Produktfotografie und das Post-Processing mit Adobe Lightroom. Implementierte den Online-Shop auf Basis eines angepassten Shopify-Templates mit konsistentem Markenauftritt.

Verantwortlich für Konzeption, Design und Implementierung innovativer Frontendlösungen für den Retail-Kunden real,- SB Warenhaus GmbH — von Webshops und Microsites bis zu responsiven E-Mail-Kampagnen auf Basis von TYPO3/TypoScript und SAP Hybris. Erarbeitete Anforderungs-, Machbarkeits- und Aufwandsanalysen sowie technische Spezifikationen in enger Abstimmung mit Backend-Teams und Fachbereichen. Entwickelte Fluid-Templates für die Frontend-Ausgabe via TypoScript und setzte Responsive-Design-Konzepte für Web und Mobile um. Für zwei Jahre an den Mutterkonzern METRO ausgeliehen, um das Frontend eines Pilotprojekts für einen Online-Supermarkt in internationaler Teamkollaboration zu betreuen. Technologiebewertung und -auswahl für neue Projekte sowie E-Mail-Rendering-Tests mit Litmus.