Mark Herpich

Creative Frontend Architect & Brand Strategist
Mark Herpich
14+

years of experience

Frontend work since 2012 across retail, e-commerce and brand projects.

4+

years with Geschenkzeitung

Long-standing partnership on the e-commerce frontend since 2021.

11

projects

From greenfield brand builds to a 2-million-SKU platform.

9

references

Case studies with 3 highlight stories and 4 client testimonials.

Design. Code. Performance. I develop digital experiences that make brands visible and win over users.

Summary

For over 15 years, I've been working at the intersection of frontend development and brand design. My focus is on building performant web applications with React and Next.js — combined with thoughtful UI/UX design and consistent visual identity.

I guide projects from brand strategy and prototyping through to technical implementation using headless CMS architectures (Sanity, Payload) and modern frontend tooling (TypeScript, TailwindCSS).

My industry experience spans e-commerce, retail, automotive, and agency environments — with a focus on headless commerce and brand platforms for mid-market brand builders.

Industry knowledge

  • Service Industry
  • Automotive Industry
  • Custom Software
  • Event Industry
  • E-Commerce
  • Electric Industry
  • Textile Industry
  • Food and Nutrition Industry

Expertise

Structured work approach with experience in independently managing design and development phases

Strong communicator in collaboration with stakeholders, domain experts, and cross-functional teams

Pragmatic problem-solving — aligning technical and design requirements toward clear goals

Long-term commitment in client relationships — multi-year support of brand and e-commerce projects

German (native speaker), English (fluent) — experience in international project teams

Project overview

IDENTIC Projects eGbR

Service Industry, Custom Software·2024–today·2 years of collaboration·2 projects

August 2025 - TodayBrand development

Brand Designer & Frontend Developer — Next.js/React Community Platform

CosHive: Community Platform & Marketplace for Cosplayers in the DACH Region

Before this project, the DACH cosplay scene lacked a dedicated marketplace tailored to its needs — offers were scattered across forums, Instagram, and classified-ads sites, creating friction for sellers and buyers alike.

Led the complete brand identity development for CosHive from the ground up – from logo creation and color system to typography and the complete design system in Figma and Adobe Illustrator. The platform’s visual identity reflects the community-oriented nature of the DACH cosplay scene: inviting, creative, and instantly recognizable. Conducted qualitative user interviews with active cosplayers in the DACH community to validate the platform concept, deriving personas, journey maps, and prioritized feature requirements from the findings. The marketplace’s information architecture was iteratively optimized through card sorting and tree testing. Implemented the design into a high-performance web application using Next.js, React, and TailwindCSS – component-based with shadcn/ui and Radix UI for a consistent, accessible interface. The infrastructure was provisioned with Terraform, Supabase handles backend and data storage, and static assets are delivered via Bunny CDN. Resend in combination with React Email was used for transactional email delivery.

Within the first week after launch, more than 150 members signed up; by the end of the first six weeks, over 700 listings had been posted — with adoption continuing to grow.

https://coshive.app
Payload
Bunny CDN
Resend
Next.JS
Radix UI
React
Shadcn/UI
TailwindCSS
Adobe Illustrator
Figma
Miro
Claude Code
Cursor
Git
GitHub
PNPM
February 2024 - TodayBrand development

Enterprise Architecture Lead & Brand Strategist

Enterprise Brand Platform with Sustainable Web Architecture

At kickoff, neither an established brand nor a technical foundation existed — IDENTIC was built as a greenfield project, with no prior corporate identity, no shared components, and no frontend infrastructure in place.

Built the IDENTIC brand platform with multilingual web architecture and CMS integration. Responsible for the corporate identity system, a reusable UI component library, and the frontend infrastructure based on Next.js, TailwindCSS, and headless Sanity.io with automated deployment pipelines and server-side rendering. The component library development was preceded by a systematic UX analysis: heuristic evaluation of existing touchpoints, definition of usage patterns, and validation through internal usability reviews. i18n flows secured via Playwright cross-browser E2E tests.

The outcome is a sustainable brand platform serving as the technical and visual foundation for all subsequent IDENTIC client projects — multilingual architecture, a reusable component library, and secured i18n flows included.

https://identic.pro
TypeScript
Sanity
CSS
Framer-Motion
Next.JS
React
TailwindCSS
Adobe Illustrator
Claude Code
Cursor
NPM
Playwright

AB SportEvent GmbH

Event Industry·2008–2026·18 years of collaboration·3 projects

November 2025 - April 2026Brand development

Brand Designer & Frontend Architect — Shopify Hydrogen E-Commerce Re-Platforming

AB Events: Brand Merger & Shopify Hydrogen Platform

Three sub-brands (AB SportEvent, AB Kultur & Genuss, AB Pferde Erlebnis) were to be merged under the AB Events umbrella, and the existing website no longer sufficed as a pure presence — direct bookings, SEO-driven visibility, and a modern shop workflow required a new platform.

Owned everything from brand to e-commerce platform: a new logo and brand assets for the merged brand, print and web design, storefront implementation with Shopify Hydrogen, and deployment via Shopify Oxygen. Integration of the existing Eventmanager via API for dynamic travel data, Shopify backend administration, and a fresh SEO strategy for organic visibility.

The result is the first directly bookable AB Events platform under one unified brand — with an automated booking and fulfillment process replacing the previously manual inquiries by phone and email.

TypeScript
GraphQL
Shopify
React
Shopify Hydrogen
Adobe Illustrator
Adobe InDesign
Figma
Shopify Oxygen
June 2021 - September 2021Brand development

Brand Designer & Frontend Developer — Angular Website Relaunch & Brand Refresh

AB Events: Website Relaunch with Responsive Design

After 14 years, the original website no longer met current requirements — no reliable mobile version, a dated design, and a portfolio that had grown to include cultural events (among them André Rieu concerts).

Led the full brand refresh — logo modernization, new color and typography systems, reworked print material — alongside the redevelopment of the website as an Angular application with a modular component system and responsive design. REST API integration with the existing Eventmanager delivered dynamic travel data, departure points, and availability. Deployment via Google Cloud Run with Docker containerization.

The new web presence became the technical foundation for the later e-commerce booking portal and reflected the expanded offering through a uniformly modernized brand identity.

https://ab-events.group
TypeScript
Angular
CSS
HTML
Sass
Adobe Illustrator
Adobe InDesign
Adobe Photoshop
Google Cloud Run
Visual Studio Code
March 2008 - September 2008Brand development

Web Designer — First Company Website for Tour Operator

AB SportEvent: First Company Website

Before launch, AB SportEvent communicated with prospective customers exclusively by phone or email — the growing travel portfolio had no visible online presence.

Visual design of the first company website: layout, imagery, and design for the trip overview, detail pages per travel package, photo galleries of past events, and the contact form. The purely technical implementation was handled by a separate development team — the role focused on the visual concept.

The launch marked the beginning of a partnership with AB Events that continues to this day and spans more than 18 years, over the course of which the entire business has been successively digitized.

https://ab-events.group
Adobe Illustrator
Adobe Photoshop

Geschenkzeitung.de

E-Commerce·2021–2026·4 years of collaboration·2 projects

September 2021 - January 2026Brand development

Project Lead, Brand Designer & Frontend Architect — Angular E-Commerce PWA

Geschenkzeitung.de: Modern E-Commerce with Angular PWA

The starting point was an aging PHP shop built on an outdated database — without future-proof scalability, without a reliable mobile version, and relying on entirely manual fulfillment processes.

Responsible for design and frontend development in the e-commerce transformation of Geschenkzeitung.de — a platform serving over 2 million products built on an Angular PWA with an integrated backend management system. Led the UI/UX redesign and corporate identity development using Angular, TypeScript, and SCSS. The redesign was preceded by a UX research phase: analysis of existing user flows via session recordings and heatmaps, moderated usability tests with existing customers, and stakeholder interviews with product management. Insights were incorporated into wireframes and iterative prototypes, validated before implementation. Testing setup with Jest (jest-preset-angular) for unit tests, Cypress for critical user flows (cart, checkout), and Lighthouse CI for performance monitoring.

The result was an end-to-end modernization of brand, logo, and shop: an installable PWA with a consistent brand presence, paired with a fully digital inventory and fulfillment management system that replaced the previously manual workflows.

https://geschenkzeitung.de
Angular
CSS
HTML
Sass
Adobe Photoshop
Adobe XD
Hotjar
Miro
Google Cloud Platform GCP
Atlassian JIRA
Cursor
Git
Visual Studio Code
Cypress
Jest
Lighthouse
June 2021 - December 2023Brand development

UI/UX Designer & Frontend Developer — Angular/NgRx ERP Interface

Babylon: Enterprise Inventory Management for Geschenkzeitung.de

Geschenkzeitung.de's operational processes had been running through a heterogeneous toolchain of spreadsheets, standalone tools, and manual reconciliation — at over 2 million items and around 20,000 orders per year, this no longer scaled.

Designed and implemented the admin interface for Babylon, the custom-built ERP system: UI/UX design for the core modules (order, inventory, and invoice management, process engine, analytics) and frontend development with Angular, NgRx state management, and REST API integration with the Node.js/MongoDB backend services. Deployment via Google Cloud Run.

The result is the complete digitization of all business processes — from order capture and picking through 7 integrated payment methods and 3 DHL shipping options to DATEV export and returns management — all consistent via a unified admin interface.

TypeScript
Angular
CSS
HTML
NgRx
RxJS
Sass
Adobe XD
Figma
Google Cloud Run
Visual Studio Code

von Broich

Automotive Industry·2025

August 2025 - September 2025Brand development

Frontend Engineer — Next.js/React Premium CGI Studio Website

Website for Premium CGI Studio with Interactive Video Integration

Developed a corporate website for a 3D visualization studio specializing in automotive content. Built the frontend using Next.js and Sanity CMS with a reduced black-and-white aesthetic, micro-animations (Framer Motion), and optimized media handling for high-resolution renderings and video content. Mobile-first architecture focused on loading performance for media-heavy pages. Quality assurance via Playwright (visual regression tests) and Lighthouse CI for performance monitoring.

https://vonbroich.com
Sanity
CSS
Framer-Motion
HTML
Next.JS
React
Claude Code
Cursor
Lighthouse
Playwright

Training & Consulting K. Metz

Service Industry·2024

September 2024 - September 2024Brand development

Brand Designer & Frontend Developer — Next.js Website for Safety Consulting

Brand Development and Website for Occupational Safety Consulting

Developed the digital brand identity and website for Kevin Metz Training & Consulting in the field of occupational safety. Designed logo, brand guidelines, and a conversion-oriented website using Next.js, Framer Motion, TypeScript, and TailwindCSS with a headless Sanity.io CMS. The concept was based on client discussions and a competitive analysis in the occupational safety sector. Wireframes were validated in feedback sessions before development.

https://kevin-metz.de
Sanity
CSS
Framer-Motion
HTML
Next.JS
React
Adobe Illustrator
Google Cloud Run
Cursor

Mark Herpich

Custom Software·2023–2024

December 2023 - January 2024Business Consulting

Frontend Architect & UX Strategist — Next.js/Framer Motion Portfolio

Interactive Portfolio with Micro-Interactions & Progressive Enhancement

Designed and built a personal portfolio with interactive animations and progressive enhancement. Implemented using Next.js, Framer Motion, TypeScript, and TailwindCSS, connected to a flexible Sanity.io CMS for independent content management.

https://markherpich.com
TypeScript
Sanity
Framer-Motion
HTML
Next.JS
React
TailwindCSS
Cursor

IDENTIC GROUP

E-Commerce, Food and Nutrition Industry·2020–2023·3 years of collaboration

October 2020 - December 2023Brand development

Brand Designer, Photographer & Frontend Developer — Angular Food Startup

E-Commerce Platform for a Digital Food Startup

Responsible for the complete visual brand development of the digital food startup — from logo design to brand assets (business cards, corporate materials) and product photography. Conceived and realized the entire corporate identity using Adobe Illustrator, InDesign and Photoshop. Conducted product photography and post-processing with Adobe Lightroom. Implemented the online shop using Angular and continuously maintained the platform over three years.

Angular
Adobe Illustrator
Adobe InDesign
Adobe Lightroom
Adobe Photoshop
Visual Studio Code

Rigorious

Event Industry·2023

September 2023 - September 2023Brand development

Visual Designer & Frontend Developer — Astro Music Industry Platform

Music Industry Platform with API-Integration & Fan-Engagement Tools

Designed and developed a website for heavy metal band RIGORIOUS with integrations for music streaming platforms and tour data APIs. Design in Figma and Photoshop, implementation with Astro, Framer Motion, TypeScript, and TailwindCSS. The website reflects the band's identity and serves as a central hub for music, tour dates, and fan interaction.

https://rigorious.de
Sanity
Astro
CSS
Framer-Motion
HTML
Visual Studio Code

KB-Automation

Electric Industry·2023

February 2023 - March 2023Brand development

Brand Designer & Frontend Developer — WordPress B2B Website

Brand Development & Website for KB-Automation

Brand repositioning and bilingual website development for KB-Automation. Developed the visual identity including logo redesign, typography, and color concept. Built the bilingual website using WordPress and Elementor, tailored for B2B audiences. Designed print materials (business cards, promotional items) with consistent brand presence.

https://kb-automation.eu
Elementor
Wordpress
CSS
HTML
Sass
Adobe Illustrator
Adobe InDesign
Visual Studio Code

FUNC Sportswear

Textile Industry, E-Commerce·2020

May 2020 - August 2020Brand development

Brand Designer & Photographer — Shopify E-Commerce Launch

Brand and product development of an innovative insect repellent jacket - FUNC

Responsible for the complete visual brand development of FUNC Sportswear from scratch — from logo design to brand assets (business cards, corporate materials) and brand photography. Conceived and realized the entire corporate identity using Adobe Illustrator, InDesign and Photoshop. Conducted product photography and post-processing with Adobe Lightroom. Implemented the online shop based on a customized Shopify template with a consistent brand appearance.

https://funcwear.de
Shopify
Adobe Illustrator
Adobe InDesign
Adobe Lightroom
Adobe Photoshop

Additional Projects

E-Commerce, Food and Nutrition Industry

January 2012 - December 2020Brand development

Web Designer & Frontend Developer — TYPO3/Angular Retail & E-Commerce

real,- Digital Agency: Frontend Development & Web Design for real,- SB Warenhaus

Responsible for the conception, design and implementation of innovative frontend solutions for retail client real,- SB Warenhaus GmbH — from webshops and microsites to responsive email campaigns based on TYPO3/TypoScript and SAP Hybris. Conducted requirements, feasibility and effort analyses as well as technical specifications in close coordination with backend teams and specialist departments. Developed fluid templates for frontend output via TypoScript and implemented responsive design concepts for web and mobile. Seconded to parent company METRO for two years to manage the frontend of an online supermarket pilot project in international team collaboration. Technology evaluation and selection for new projects as well as email rendering tests with Litmus.

Javascript
TYPO3
SAP Hybris
Angular
CSS
HTML
jQuery
Less
Sass
Adobe Photoshop
Atlassian Confluence
Atlassian JIRA
Bitbucket
Git
GitLab
Slack
Sublime Text
Visual Studio Code
Jasmine
Litmus

Technical skills

Technical SkillExperience (years)Last Used
Programming Languages
JavascriptJS, ES6, ECMAScript, Java Script
9 yr.2020
TypeScriptTS, Type Script
6 yr.2026
CMS Systems
TYPO3
9 yr.2020
Sanity
4 yr.2026
Payload
2 yr.2026
WordpressWord Press
1 yr.2023
Elementor
1 yr.2023
Integrations & Services
SAP Hybris
9 yr.2020
Shopify
3 yr.2026
Resend
2 yr.2026
Bunny CDN
2 yr.2026
GraphQLGraph QL
2 yr.2026
Frontend Development
HTMLHTML5, HTML 5
15 yr.2026
CSSCSS3
15 yr.2026
SassSCSS
15 yr.2026
AngularAngular 2+
15 yr.2026
Less
9 yr.2020
jQueryjquery, jQ
9 yr.2020
Next.JSNextJS, Next.js, Nextjs
4 yr.2026
TailwindCSSTailwind CSS
4 yr.2026
ReactReactJS, React.js
4 yr.2026
Framer-MotionFramer Motion
4 yr.2026
NgRxNGRX, ngrx
3 yr.2023
RxJSReactive Extensions
3 yr.2023
Shadcn/UIShadcnUI, Shadcn UI
2 yr.2026
Radix UI
2 yr.2026
Shopify HydrogenHydrogen, Shopify Storefront Framework
2 yr.2026
Astro
1 yr.2023
UI/UX & Design
Adobe Photoshop
16 yr.2026
Adobe Illustrator
8 yr.2026
Miro
6 yr.2026
Adobe XD
6 yr.2026
Hotjar
6 yr.2026
Adobe InDesign
6 yr.2026
Figma
5 yr.2026
Adobe Lightroom
4 yr.2023
Cloud & Infrastructure
Google Cloud Platform GCPGCP, Google Cloud
6 yr.2026
Google Cloud RunCloud Run
4 yr.2024
Shopify OxygenOxygen, Shopify Edge Hosting
2 yr.2026
Tools & Administration
Git
15 yr.2026
Visual Studio Code
15 yr.2026
Atlassian JIRA
15 yr.2026
BitbucketBit Bucket
9 yr.2020
Sublime Text
9 yr.2020
Slack
9 yr.2020
Atlassian Confluence
9 yr.2020
GitLabGit Lab
9 yr.2020
Cursor
6 yr.2026
Claude CodeClaude CLI
3 yr.2026
NPMNode Package Manager
3 yr.2026
GitHubGit Hub
2 yr.2026
PNPM
2 yr.2026
Testing & Quality Assurance
Jasmine
9 yr.2020
Litmus
9 yr.2020
Lighthouse
6 yr.2026
Jest
6 yr.2026
Cypress
6 yr.2026
Playwright
3 yr.2026