{"id":3333,"date":"2025-09-02T09:04:10","date_gmt":"2025-09-02T09:04:10","guid":{"rendered":"https:\/\/mandyullmann.com\/?post_type=avada_portfolio&#038;p=3333"},"modified":"2026-10-27T15:14:35","modified_gmt":"2026-10-27T14:14:35","slug":"case-studies","status":"publish","type":"avada_portfolio","link":"https:\/\/mandyullmann.com\/de\/portfolio-items\/case-studies\/","title":{"rendered":"case-studies"},"content":{"rendered":"<p><div id=\"intro\" class=\"fusion-container-anchor\"><section class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-animated mandy-dark-surface-page\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:6%;--awb-padding-right:16%;--awb-padding-bottom:0%;--awb-padding-left:16%;--awb-padding-top-medium:8%;--awb-padding-bottom-medium:0px;--awb-padding-right-small:24px;--awb-padding-left-small:24px;--awb-margin-top:10px;--awb-margin-bottom:0px;--awb-flex-wrap:wrap;\" data-animationtype=\"fadeIn\" data-animationduration=\"0.4\" data-animationdelay=\"0.2\" data-animationoffset=\"top-into-view\" id=\"intro\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-stretch fusion-flex-justify-content-space-between fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-color:rgba(255,255,255,0);--awb-bg-color-hover:rgba(255,255,255,0);--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0%;--awb-margin-bottom-medium:72px;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-margin-bottom-small:32px;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><progress class=\"fusion-scroll-progress fusion-scroll-progress-1 fusion-fixed-bottom\" max=\"100\" style=\"--awb-height:10px;--awb-border-size:0px;--awb-background-color:#1b2d40;--awb-progress-color:#92deb7;--awb-border-color:var(--awb-color1);--awb-z-index:999999999999999;\"><\/progress><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-one job_headline mandy-dark-foreground-primary\" style=\"--awb-margin-bottom:20px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;--awb-font-size:32px;\"><h1 class=\"fusion-title-heading title-heading-left\" style=\"font-family:&quot;Raleway&quot;;font-style:normal;font-weight:700;margin:0;letter-spacing:1px;font-size:1em;line-height:160%;\"><span class=\"notranslate\" translate=\"no\">UX | UI<\/span>&nbsp;Projekte<\/h1><\/div><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-two subline_job mandy-dark-foreground-secondary\" style=\"--awb-margin-top:0px;--awb-margin-bottom:40px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;--awb-font-size:32px;\"><h2 class=\"fusion-title-heading title-heading-left\" style=\"font-family:&quot;Raleway&quot;;font-style:normal;font-weight:400;margin:0;letter-spacing:var(--awb-typography2-letter-spacing);text-transform:var(--awb-typography2-text-transform);font-size:1em;line-height:160%;\">Entdecke ausgew\u00e4hlte&nbsp;<span class=\"notranslate\" translate=\"no\" style=\"white-space: nowrap;\">UX | UI<\/span>&nbsp;Projekte, die Dir einen Einblick geben, <span class=\"mandy-foreground-green-500\">wie ich Unternehmen-Ziele, komplexe Anforderungen, Strukuren und Nutzerbed\u00fcrfnisse in klare, effektive und barrierefreie L\u00f6sungen \u00fcbersetze.<\/span> Meine Arbeit basiert auf 9 Jahren&nbsp;<span class=\"notranslate\" translate=\"no\">UX | UI<\/span>&nbsp;Design und 14 Jahren Erfahrung im Kommunikationsdesign.<\/h2><\/div><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-stretch fusion-flex-justify-content-space-between fusion-flex-content-wrap\" style=\"--awb-flex-grow:0;--awb-flex-grow-medium:0;--awb-flex-grow-small:0;--awb-flex-shrink:0;--awb-flex-shrink-medium:0;--awb-flex-shrink-small:0;width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-0 fusion_builder_column_inner_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:40px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1 mandy-dark-foreground-tertiary\" style=\"--awb-font-size:16px;--awb-text-transform:uppercase;--awb-margin-top-small:30px;--awb-text-font-family:&quot;Roboto Mono&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\" id=\"tour_end\"><p>Tools I use<\/p>\n<\/div><style>\n\/* Wrapper: immer 100 %, niemals scrollbar *\/\n.mandy-tools-wrapper {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n\/* Alle Logos bilden eine skalierbare Einheit *\/\n.mandy-tools {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n  flex-wrap: nowrap;\n  isolation: isolate;\n}\n\n\/* Logos proportional zur Containerbreite *\/\n.mandy-tools > img {\n  display: block;\n  position: relative;\n  flex-grow: 1;\n  flex-shrink: 0;\n  width: var(--w) !important;\n  max-width: none !important;\n  height: auto !important;\n  object-fit: contain;\n  transform: translateY(var(--y, 0%));\n  z-index: var(--z, 1);\n}\n\n\/* Proportionale \u00dcberlappung *\/\n.mandy-tools > img + img {\n  margin-left: -3.1%;\n}\n\n\/* Abstand zwischen WebTranslateIt und Adobe *\/\n.mandy-tools > img:last-child {\n  margin-left: -8%;\n}\n\n<\/style>\n\n<div class=\"mandy-tools-wrapper\">\n  <div class=\"mandy-tools\"\n       role=\"group\"\n       aria-label=\"Tools, mit denen ich arbeite\">\n\n    <!-- ChatGPT -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/chatgpt.png\"\n         alt=\"ChatGPT\"\n         title=\"ChatGPT\"\n         style=\"--w:09.6%; --z:15;\">\n\n    <!-- Claude -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/claude.png\"\n         alt=\"Claude\"\n         title=\"Claude\"\n         style=\"--w:10%; --y:1%; --z:9;\">\n\n    <!-- Figma -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/figma.png\"\n         alt=\"Figma\"\n         title=\"Figma\"\n         style=\"--w:10.5%; --z:16;\">\n\n    <!-- Lovable -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/lovable.png\"\n         alt=\"Lovable\"\n         title=\"Lovable\"\n         style=\"--w:10.5%; --y:-2%; --z:5;\">\n\n    <!-- Miro -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/miro.png\"\n         alt=\"Miro\"\n         title=\"Miro\"\n         style=\"--w:10.5%; --z:17;\">\n\n    <!-- Sketch -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/sketch.png\"\n         alt=\"Sketch\"\n         title=\"Sketch\"\n         style=\"--w:9.7%; --z:6;\">\n\n    <!-- Jira -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/jira.png\"\n         alt=\"Jira\"\n         title=\"Jira\"\n         style=\"--w:10.8%; --z:13;\">\n\n    <!-- Hotjar -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/hotjar.png\"\n         alt=\"Hotjar\"\n         title=\"Hotjar\"\n         style=\"--w:9%; --z:14;\">\n\n    <!-- Mixpanel -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/mixpanel.png\"\n         alt=\"Mixpanel\"\n         title=\"Mixpanel\"\n         style=\"--w:11.8%; --z:11;\">\n\n    <!-- Productboard -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/productboard.png\"\n         alt=\"Productboard\"\n         title=\"Productboard\"\n         style=\"--w:11.8%; --z:8;\">\n\n    <!-- Storybook -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/storybookpng.png\"\n         alt=\"Storybook\"\n         title=\"Storybook\"\n         style=\"--w:10%; --z:12;\">\n\n\n\n    <!-- Adobe Creative Cloud -->\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/adobe.png\"\n         alt=\"Adobe Creative Cloud\"\n         title=\"Adobe Creative Cloud\"\n         style=\"--w:16.10%; --z:7;\">\n\n  <\/div>\n<\/div>\n<\/div><\/div><\/div><!-- RAW HTML \u2013 Avada Code Block -->\n\n<div\n  class=\"mandy-pill-list-container\"\n  data-max-visible=\"16\"\n>\n  <ul\n    class=\"mandy-pill-list\"\n    id=\"mandy-pill-list-1\"\n    aria-label=\"Product design skills and capabilities\"\n  >\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Product Design<\/li>\n<li class=\"mandy-pill mandy-pill--dark-primary\">UI Design<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Design Systems<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Zug\u00e4nglichkeit<\/li>\n <li class=\"mandy-pill mandy-pill--dark-primary\">Design-to-Code<\/li>\n\n    <li class=\"mandy-pill mandy-pill--dark-primary\">KI<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">SaaS<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">User Research<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">User Flows<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Prototyping<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Usability Testing<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Informations Architektur<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Responsive Design<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Mobile App<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">MVP<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Tracking Events<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Impact & Success Metrics<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Cross-functional Collaboration<\/li>\n\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Akzeptanzkriterien<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Agile<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Animation<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Benchmarking<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Card Sorting<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Component Libraries<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Design Dokumentation<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Design Tokens<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Dev Handoff<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Flowcharts<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Heuristic Evaluation<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Iconography<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Journey Mapping<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">JTBD<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Kanban<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Keyboard Navigation<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Personas<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">UX Writing & Microcopy<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">WCAG 2.1 AA<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Wireframes<\/li>\n    <li class=\"mandy-pill mandy-pill--dark-primary\">Workflows<\/li>\n  <\/ul>\n\n  <button\n    type=\"button\"\n    class=\"mandy-icon-button      mandy-icon-button--dark-secondary      mandy-icon-button--small      mandy-pill-list-toggle\"\n    aria-expanded=\"false\"\n    aria-controls=\"mandy-pill-list-1\"\n  >\n    <svg\n      class=\"mandy-icon-button__icon\"\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewbox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path\n        d=\"M5 12H19\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      \/>\n\n      <path\n        class=\"mandy-pill-list-toggle__vertical\"\n        d=\"M12 5V19\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      \/>\n    <\/svg>\n\n    <span class=\"visually-hidden\">\n      Show more skills and capabilities\n    <\/span>\n  <\/button>\n<\/div><\/div><\/div><\/div><\/section><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-animated mandy-dark-surface-page\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:3%;--awb-padding-right:16%;--awb-padding-bottom:0%;--awb-padding-left:16%;--awb-padding-top-medium:3%;--awb-padding-bottom-medium:0%;--awb-padding-right-small:24px;--awb-padding-bottom-small:0px;--awb-padding-left-small:24px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-margin-top-medium:0px;--awb-margin-bottom-small:0px;--awb-flex-wrap:wrap;\" data-animationtype=\"fadeIn\" data-animationduration=\"0.4\" data-animationdelay=\"0.2\" data-animationoffset=\"top-into-view\" id=\"services\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-stretch fusion-flex-justify-content-space-between fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_3_4 3_4 fusion-flex-column\" style=\"--awb-padding-left-small:0px;--awb-bg-color:rgba(255,255,255,0);--awb-bg-color-hover:rgba(255,255,255,0);--awb-bg-size:cover;--awb-width-large:75%;--awb-margin-top-large:40px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:75%;--awb-order-medium:0;--awb-spacing-right-medium:0%;--awb-margin-bottom-medium:72px;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.728%;--awb-margin-bottom-small:32px;--awb-spacing-left-small:2.592%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-text-color:#eeedf7;--awb-margin-bottom:40px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;--awb-font-size:32px;\" id=\"about_product\"><h2 class=\"fusion-title-heading title-heading-left\" style=\"font-family:&quot;Raleway&quot;;font-style:normal;font-weight:600;margin:0;font-size:1em;line-height:150%;\">Wobei ich unterst\u00fctzen kann<\/h2><\/div><div class=\"fusion-image-carousel fusion-image-carousel-auto fusion-image-carousel-1 carousel_services\" style=\"margin-right:20px;margin-left:20px;\"><div class=\"awb-carousel awb-swiper awb-swiper-carousel awb-carousel--cards awb-swiper-dots-position-below\" data-layout=\"cards\" data-autoplay=\"yes\" data-autoplayspeed=\"3900\" data-autoplaypause=\"yes\" data-loop=\"yes\" data-columns=\"3.5\" data-columnsmedium=\"1\" data-columnssmall=\"1\" data-itemmargin=\"16\" data-itemwidth=\"180\" data-touchscroll=\"drag_wheel\" data-freemode=\"no\" data-imagesize=\"auto\" data-scrollitems=\"35\" data-centeredslides=\"no\" data-rotationangle=\"50\" data-depth=\"100\" data-speed=\"1850\" data-shadow=\"no\" data-pagination=\"bullets\" style=\"--awb-columns:3.5;--awb-column-spacing:16px;--awb-arrow-bgcolor:#4b2baa;--awb-arrow-border-radius-top-left:10px;--awb-arrow-border-radius-top-right:10px;--awb-arrow-border-radius-bottom-right:10px;--awb-arrow-border-radius-bottom-left:10px;--awb-dots-color:#ffffff;--awb-dots-active-color:#8ff0bf;--awb-dots-size:15px;--awb-dots-spacing:16px;--awb-dots-margin-top:20px;--awb-dots-align:center;\"><div class=\"swiper-wrapper awb-image-carousel-wrapper fusion-flex-align-items-flex-start\"><div class=\"swiper-slide\"><div class=\"fusion-carousel-item-wrapper\"><div class=\"fusion-image-wrapper hover-type-none\"><img decoding=\"async\" width=\"798\" height=\"960\" src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/ux-writing.png\" class=\"attachment-full size-full lazyload\" alt=\"\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27798%27%20height%3D%27960%27%20viewBox%3D%270%200%20798%20960%27%3E%3Crect%20width%3D%27798%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/ux-writing.png\" data-srcset=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/ux-writing-200x241.png 200w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/ux-writing-249x300.png 249w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/ux-writing-400x481.png 400w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/ux-writing-600x722.png 600w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/ux-writing-768x924.png 768w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/ux-writing.png 798w\" data-sizes=\"auto\" \/><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"fusion-carousel-item-wrapper\"><div class=\"fusion-image-wrapper hover-type-none\"><img decoding=\"async\" width=\"736\" height=\"960\" src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/concept.png\" class=\"attachment-full size-full lazyload\" alt=\"\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27736%27%20height%3D%27960%27%20viewBox%3D%270%200%20736%20960%27%3E%3Crect%20width%3D%27736%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/concept.png\" data-srcset=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/concept-200x261.png 200w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/concept-230x300.png 230w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/concept-400x522.png 400w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/concept-600x783.png 600w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/concept.png 736w\" data-sizes=\"auto\" \/><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"fusion-carousel-item-wrapper\"><div class=\"fusion-image-wrapper hover-type-none\"><img decoding=\"async\" width=\"712\" height=\"960\" src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/10\/phych.png\" class=\"attachment-full size-full lazyload\" alt=\"Psychology-Inspired Design that resonates \u2013 \u2028guided by user research &amp; people&#039;s way of thinking\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27712%27%20height%3D%27960%27%20viewBox%3D%270%200%20712%20960%27%3E%3Crect%20width%3D%27712%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/10\/phych.png\" data-srcset=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/10\/phych-200x270.png 200w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/10\/phych-223x300.png 223w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/10\/phych-400x539.png 400w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/10\/phych-600x809.png 600w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/10\/phych.png 712w\" data-sizes=\"auto\" \/><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"fusion-carousel-item-wrapper\"><div class=\"fusion-image-wrapper hover-type-none\"><img decoding=\"async\" width=\"712\" height=\"960\" src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/prototyping-1.png\" class=\"attachment-full size-full lazyload\" alt=\"\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27712%27%20height%3D%27960%27%20viewBox%3D%270%200%20712%20960%27%3E%3Crect%20width%3D%27712%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/prototyping-1.png\" data-srcset=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/prototyping-1-200x270.png 200w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/prototyping-1-223x300.png 223w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/prototyping-1-400x539.png 400w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/prototyping-1-600x809.png 600w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/prototyping-1.png 712w\" data-sizes=\"auto\" \/><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"fusion-carousel-item-wrapper\"><div class=\"fusion-image-wrapper hover-type-none\"><img decoding=\"async\" width=\"712\" height=\"960\" src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/accessibility.png\" class=\"attachment-full size-full lazyload\" alt=\"\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27712%27%20height%3D%27960%27%20viewBox%3D%270%200%20712%20960%27%3E%3Crect%20width%3D%27712%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/accessibility.png\" data-srcset=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/accessibility-200x270.png 200w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/accessibility-223x300.png 223w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/accessibility-400x539.png 400w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/accessibility-600x809.png 600w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/accessibility.png 712w\" data-sizes=\"auto\" \/><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"fusion-carousel-item-wrapper\"><div class=\"fusion-image-wrapper hover-type-none\"><img decoding=\"async\" width=\"712\" height=\"960\" src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/design-tokens.png\" class=\"attachment-full size-full lazyload\" alt=\"\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27712%27%20height%3D%27960%27%20viewBox%3D%270%200%20712%20960%27%3E%3Crect%20width%3D%27712%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/design-tokens.png\" data-srcset=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/design-tokens-200x270.png 200w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/design-tokens-223x300.png 223w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/design-tokens-400x539.png 400w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/design-tokens-600x809.png 600w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/design-tokens.png 712w\" data-sizes=\"auto\" \/><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"fusion-carousel-item-wrapper\"><div class=\"fusion-image-wrapper hover-type-none\"><img decoding=\"async\" width=\"712\" height=\"960\" src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/AI.png\" class=\"attachment-full size-full lazyload\" alt=\"\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27712%27%20height%3D%27960%27%20viewBox%3D%270%200%20712%20960%27%3E%3Crect%20width%3D%27712%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/AI.png\" data-srcset=\"https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/AI-200x270.png 200w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/AI-223x300.png 223w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/AI-400x539.png 400w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/AI-600x809.png 600w, https:\/\/mandyullmann.com\/wp-content\/uploads\/2025\/09\/AI.png 712w\" data-sizes=\"auto\" \/><\/div><\/div><\/div><\/div><div class=\"swiper-pagination\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling mandy-dark-surface-page\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:62px;--awb-padding-right:12%;--awb-padding-left:12%;--awb-padding-top-medium:0px;--awb-padding-top-small:19px;--awb-padding-right-small:20px;--awb-padding-left-small:20px;--awb-margin-top:0px;--awb-margin-top-small:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-flex-grow:1;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0%;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-margin-top-small:79px;--awb-spacing-right-small:6.72%;--awb-spacing-left-small:6.816%;\" id=\"case-studies\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-4 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-text-color:#827e7b;--awb-margin-top:100px;--awb-margin-bottom:0px;--awb-margin-left:40px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:0px;--awb-margin-left-small:0px;--awb-font-size:32px;\" id=\"casestudies\"><h2 class=\"fusion-title-heading title-heading-left\" style=\"font-family:&quot;Raleway&quot;;font-style:normal;font-weight:600;margin:0;font-size:1em;line-height:150%;\"><span style=\"color: var(--mandy-dark-foreground-primary);\">Case Studies<\/span><\/h2><\/div><div class=\"fusion-title title fusion-title-5 fusion-sep-none fusion-title-text fusion-title-size-paragraph p1\" style=\"--awb-text-color:#827e7b;--awb-margin-top:0px;--awb-margin-bottom:40px;--awb-margin-left:40px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;--awb-font-size:32px;\" id=\"casestudies\"><p class=\"fusion-title-heading title-heading-left title-heading-tag\" style=\"font-family:&quot;Raleway&quot;;font-style:normal;font-weight:400;margin:0;font-size:1em;line-height:150%;\"><span style=\"color: var(--mandy-dark-foreground-secondary);\">with a strong <code style=\"background: var(--mandy-dark-surface-container-muted); color: var(--mandy-blue-500); padding: 2px 6px; border-radius: 6px;\">UX\/UI<\/code> or <code style=\"background: var(--mandy-dark-surface-container-muted); color: var(--mandy-blue-500); padding: 2px 6px; border-radius: 6px;\">KI<\/code> focus <\/span><\/p><\/div><section\n  class=\"mandy-slider    mandy-case-slider    mandy-case-slider--light    is-loading\"\n  data-mandy-slider\n role=\"region\"\n  aria-label=\"Case studies\"\n  aria-roledescription=\"carousel\"\n  tabindex=\"0\"\n>\n\n  <div class=\"mandy-slider__viewport\">\n\n    <div class=\"mandy-slider__stage\">\n\n\n      <!-- =====================================================\n           01 \u2014 FACELIFT BBT\n           ===================================================== -->\n\n      <article\n        class=\"mandy-slider-card is-active\"\n        data-mandy-slider-card\n aria-current=\"true\"\n        aria-labelledby=\"case-facelift-title\"\n        aria-roledescription=\"slide\"\n      >\n\n        <div class=\"mandy-slider-card__media\">\n\n          <img decoding=\"async\"\n            class=\"lazyload mandy-slider-card__image\"\n            src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/case_teaser\/facelift_bbt_case.png\"\n            alt=\"Facelift Engage Unified Inbox interface\"\n          >\n\n        <\/div>\n\n\n        <div class=\"mandy-slider-card__body\">\n\n\n          <!-- COPY FRAME:\n               Title + Subline are siblings.\n               CSS gap controls their spacing. -->\n\n          <div class=\"mandy-slider-card__copy\">\n\n            <h3\n              id=\"case-facelift-title\"\n              class=\"mandy-slider-card__title\"\n            >\n              <span\n                class=\"notranslate\"\n                translate=\"no\"\n              >From Legacy to Efficiency:<\/span><br>Ein kompletter SaaS-Relaunch\n            <\/h3>\n\n\n            <p class=\"mandy-slider-card__description\">\n              Eine Case Study \u00fcber meine Arbeit als Lead Product Designer im cross-funktionalen Engage Product Team.\u00a0<span\n                class=\"notranslate\"\n                translate=\"no\"\n              >Facelift bbt\u2019s Unified Inbox<\/span>\u00a0unterst\u00fctzt Community Manager bei Unternehmen wie IKEA, Volkswagen und Adecco dabei, ihre Social-Media-Accounts zentral zu verwalten.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"mandy-slider-card__footer\">\n\n            <ul\n              class=\"mandy-pill-list\"\n              aria-label=\"Project Fokus\"\n            >\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Lead Product Design\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                B2B Enterprise SaaS\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Zug\u00e4nglichkeit\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                User Research & Data\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Designsystem\n              <\/li>\n\n            <\/ul>\n\n\n            <a\n              class=\"mandy-icon-button                mandy-icon-button--large                mandy-icon-button--light-primary                mandy-slider-card__action                mandy-case-slider__action\"\n              href=\"\/de\/portfolio-items\/facelift\/\"\n            >\n\n              <svg\n                class=\"mandy-icon-button__icon\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewbox=\"0 0 24 24\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n              >\n                <path\n                  d=\"M10 8L13.6465 11.6465C13.8417 11.8417 13.8417 12.1583 13.6465 12.3536L10.0001 16\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                \/>\n              <\/svg>\n\n              <span class=\"mandy-sr-only\">\n                View Facelift BBT case study\n              <\/span>\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- =====================================================\n           02 \u2014 WUNDERKOPF TECHNOLOGIES\n           ===================================================== -->\n\n      <article\n        class=\"mandy-slider-card is-next\"\n        data-mandy-slider-card\n aria-hidden=\"true\"\n        aria-labelledby=\"case-wkt-title\"\n        aria-roledescription=\"slide\"\n      >\n\n        <div class=\"mandy-slider-card__media\">\n\n          <img decoding=\"async\"\n            class=\"lazyload mandy-slider-card__image\"\n            src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/case_teaser\/wk_tech_case.png\"\n            alt=\"Wunderkopf Technologies corporate website and product ecosystem\"\n          >\n\n        <\/div>\n\n\n        <div class=\"mandy-slider-card__body\">\n\n\n          <!-- COPY FRAME -->\n\n          <div class=\"mandy-slider-card__copy\">\n\n            <h3\n              id=\"case-wkt-title\"\n              class=\"mandy-slider-card__title\"\n            >\n              Corporate Website, \u00dcberarbeitung des Design Systems und produkt\u00fcbergreifendes Mapping\n            <\/h3>\n\n\n            <p class=\"mandy-slider-card__description\">\n              Eine Case Study dar\u00fcber, wie ich \u00fcber 150 technische IT-Services der Wunderkopf Technologies Cloud durch klare Struktur, UX Writing und visuelles Storytelling in eine verst\u00e4ndliche Corporate Website \u00fcbersetzt habe \u2013 w\u00e4hrend ich gleichzeitig das globale Design System \u00fcberarbeitet, auf die verschiedenen Produkte \u00fcbertragen und zentrale Product Flows verbessert habe.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"mandy-slider-card__footer\">\n\n            <ul\n              class=\"mandy-pill-list\"\n              aria-label=\"Project Fokus\"\n            >\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Designsystem\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Informations Architektur\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                UX Writing\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Motion Design\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                SaaS Workflows\n              <\/li>\n\n            <\/ul>\n\n\n            <a\n              class=\"mandy-icon-button                mandy-icon-button--large                mandy-icon-button--light-primary                mandy-slider-card__action                mandy-case-slider__action\"\n              href=\"\/de\/portfolio-items\/wunderkopf-technologies\/\"\n              tabindex=\"-1\"\n            >\n\n              <svg\n                class=\"mandy-icon-button__icon\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewbox=\"0 0 24 24\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n              >\n                <path\n                  d=\"M10 8L13.6465 11.6465C13.8417 11.8417 13.8417 12.1583 13.6465 12.3536L10.0001 16\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                \/>\n              <\/svg>\n\n              <span class=\"mandy-sr-only\">\n                View Wunderkopf Technologies case study\n              <\/span>\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- =====================================================\n           03 \u2014 LOVABLE AI\n           ===================================================== -->\n\n      <article\n        class=\"mandy-slider-card is-after\"\n        data-mandy-slider-card\n aria-hidden=\"true\"\n        aria-labelledby=\"case-lovable-title\"\n        aria-roledescription=\"slide\"\n      >\n\n        <div class=\"mandy-slider-card__media\">\n\n          <img decoding=\"async\"\n            class=\"lazyload mandy-slider-card__image\"\n            src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/case_teaser\/syllable_case.png\"\n            alt=\"Two-player online game created with Lovable AI\"\n          >\n\n        <\/div>\n\n\n        <div class=\"mandy-slider-card__body\">\n\n\n          <!-- COPY FRAME -->\n\n          <div class=\"mandy-slider-card__copy\">\n\n            <h3\n              id=\"case-lovable-title\"\n              class=\"mandy-slider-card__title\"\n            >\n              Product Design Study with\u00a0<span\n                class=\"notranslate\"\n                translate=\"no\"\n              >Lovable KI<\/span>\n            <\/h3>\n\n\n            <p class=\"mandy-slider-card__description\">\n              Eine Case Study \u00fcber die Entwicklung eines Online-Games mit Lovable, bei der ich getestet habe, wie ich es schaffen kann, dass Lovable mein Figma Designsystem 100% reproduziert und meine Komponenten verwendet. Ich lernte bessere Prompts zu schreiben, klare Regeln zu definieren, die Unterschiede zwischen Figma und echtem CSS besser zu verstehen und innerhalb der Grenzen von KI die Kontrolle zu behalten.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"mandy-slider-card__footer\">\n\n            <ul\n              class=\"mandy-pill-list\"\n              aria-label=\"Project Fokus\"\n            >\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                KI Workflows\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Figma to Code\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Designsystem\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Prompt Engineering\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                App Design\n              <\/li>\n\n            <\/ul>\n\n\n            <a\n              class=\"mandy-icon-button                mandy-icon-button--large                mandy-icon-button--light-primary                mandy-slider-card__action                mandy-case-slider__action\"\n              href=\"\/de\/portfolio-items\/coding_study_lovable\/\"\n              tabindex=\"-1\"\n            >\n\n              <svg\n                class=\"mandy-icon-button__icon\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewbox=\"0 0 24 24\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n              >\n                <path\n                  d=\"M10 8L13.6465 11.6465C13.8417 11.8417 13.8417 12.1583 13.6465 12.3536L10.0001 16\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                \/>\n              <\/svg>\n\n              <span class=\"mandy-sr-only\">\n                View\u00a0<span\n                  class=\"notranslate\"\n                  translate=\"no\"\n                >Lovable KI<\/span>\u00a0case study\n              <\/span>\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- =====================================================\n           04 \u2014 WUNDERKOPF GMBH\n           ===================================================== -->\n\n      <article\n        class=\"mandy-slider-card is-prev\"\n        data-mandy-slider-card\n aria-hidden=\"true\"\n        aria-labelledby=\"case-wunderkopf-title\"\n        aria-roledescription=\"slide\"\n      >\n\n        <div class=\"mandy-slider-card__media\">\n\n          <img decoding=\"async\"\n            class=\"lazyload mandy-slider-card__image\"\n            src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/uploads\/2026\/10\/case_teaser\/wunderkopf_case.png\"\n            alt=\"Wunderkopf online shop and connected salon product ecosystem\"\n          >\n\n        <\/div>\n\n\n        <div class=\"mandy-slider-card__body\">\n\n\n          <!-- COPY FRAME -->\n\n          <div class=\"mandy-slider-card__copy\">\n\n            <h3\n              id=\"case-wunderkopf-title\"\n              class=\"mandy-slider-card__title\"\n            >\n              Designing the First Products of a Salon Ecosystem\n            <\/h3>\n\n\n            <p class=\"mandy-slider-card__description\">\n              Eine Case Study dar\u00fcber, wie ich Wunderkopfs Onlineshop von Grund auf neu gestaltet und dabei geholfen habe, eine solide\u00a0<span\n                class=\"notranslate\"\n                translate=\"no\"\n              >E-Commerce<\/span>\u00a0Erfahrung zu entwickeln, die sp\u00e4ter zur Grundlage f\u00fcr weitere Shops und ein wachsendes Produkt\u00f6kosystem wurde. Au\u00dferdem entstanden Buchungs-, Salonmanagement-, Backoffice- und Lagerprozesse. Einige der ersten Schritte hin zu dem, was sp\u00e4ter Wunderkopf Technologies wurde.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"mandy-slider-card__footer\">\n\n            <ul\n              class=\"mandy-pill-list\"\n              aria-label=\"Project Fokus\"\n            >\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                E-Commerce Design\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Brand Design\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Backoffice Design\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Terminbuchungstool\n              <\/li>\n\n              <li\n                class=\"mandy-pill mandy-pill--light-on-white notranslate\"\n                translate=\"no\"\n              >\n                Designsystem\n              <\/li>\n\n            <\/ul>\n\n\n            <a\n              class=\"mandy-icon-button                mandy-icon-button--large                mandy-icon-button--light-primary                mandy-slider-card__action                mandy-case-slider__action\"\n              href=\"\/de\/portfolio-items\/wunderkopf-gmbh\/\"\n              tabindex=\"-1\"\n            >\n\n              <svg\n                class=\"mandy-icon-button__icon\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewbox=\"0 0 24 24\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n              >\n                <path\n                  d=\"M10 8L13.6465 11.6465C13.8417 11.8417 13.8417 12.1583 13.6465 12.3536L10.0001 16\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                \/>\n              <\/svg>\n\n              <span class=\"mandy-sr-only\">\n                View Wunderkopf GmbH case study\n              <\/span>\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <div\n    class=\"mandy-sr-only\"\n    data-mandy-slider-status\n aria-live=\"polite\"\n    aria-atomic=\"true\"\n  ><\/div>\n\n<\/section>\n<\/div><\/div><\/div><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>A smart Social Media Inbox<\/p>","protected":false},"author":1,"featured_media":3388,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[],"portfolio_skills":[],"portfolio_tags":[33,32,31],"class_list":["post-3333","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_tags-alles-klar","portfolio_tags-jo","portfolio_tags-test"],"_links":{"self":[{"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/avada_portfolio\/3333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/comments?post=3333"}],"version-history":[{"count":333,"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/avada_portfolio\/3333\/revisions"}],"predecessor-version":[{"id":7433,"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/avada_portfolio\/3333\/revisions\/7433"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/media\/3388"}],"wp:attachment":[{"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/media?parent=3333"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/portfolio_category?post=3333"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/portfolio_skills?post=3333"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/mandyullmann.com\/de\/wp-json\/wp\/v2\/portfolio_tags?post=3333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}