Mark Herpich

Creative Frontend Architect & Brand Strategist
Mark Herpich
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.

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

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

Project overview

August 2025 - Today

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

Brand development for IDENTIC Projects eGbR|Service Industry

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.

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
August 2025 - September 2025

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

Brand development for von Broich|Automotive Industry

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
September 2024 - September 2024

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

Brand development for Training & Consulting K. Metz|Service Industry

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
December 2023 - January 2024

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

Business Consulting for Mark Herpich|Custom Software

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
February 2024 - Today

Enterprise Architecture Lead & Brand Strategist

Brand development for IDENTIC Projects eGbR|Custom Software

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.

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

Visual Designer & Frontend Developer — Astro Music Industry Platform

Brand development for Rigorious|Event Industry

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
September 2021 - January 2026

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

Brand development for Geschenkzeitung.de|E-Commerce

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.

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
February 2023 - March 2023

Brand Designer & Frontend Developer — WordPress B2B Website

Brand development for KB-Automation|Electric Industry

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
May 2020 - August 2020

Brand Designer & Photographer — Shopify E-Commerce Launch

Brand development for FUNC Sportswear|Textile Industry, E-Commerce

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
October 2020 - December 2023

Brand Designer, Photographer & Frontend Developer — Angular Food Startup

Brand development for IDENTIC GROUP |E-Commerce, Food and Nutrition Industry

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
January 2012 - December 2020

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

Brand development|E-Commerce, Food and Nutrition Industry

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
4 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
Resend
2 yr.2026
Bunny CDN
2 yr.2026
Shopify
1 yr.2020
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
Shadcn/UIShadcnUI, Shadcn UI
2 yr.2026
Radix UI
2 yr.2026
Astro
1 yr.2023
UI/UX & Design
Adobe Photoshop
15 yr.2026
Adobe Illustrator
7 yr.2026
Miro
6 yr.2026
Adobe XD
6 yr.2026
Hotjar
6 yr.2026
Adobe InDesign
4 yr.2023
Adobe Lightroom
4 yr.2023
Figma
2 yr.2026
Cloud & Infrastructure
Google Cloud Platform GCPGCP, Google Cloud
6 yr.2026
Google Cloud RunCloud Run
1 yr.2024
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