{"id":673,"date":"2024-04-25T15:00:44","date_gmt":"2024-04-25T13:00:44","guid":{"rendered":"http:\/\/yz-mediendesign-local.local\/?page_id=673"},"modified":"2026-09-07T15:37:08","modified_gmt":"2026-09-07T13:37:08","slug":"home","status":"publish","type":"page","link":"https:\/\/yz-design.de\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"wp-block-group alignfull yz-homepage yz-homepage--hero neo-hero is-layout-flow wp-block-group-is-layout-flow\" id=\"start\">\n<div class=\"neo-grid\" aria-hidden=\"true\"><\/div>\n\t<div class=\"neo-cursor-glow\" aria-hidden=\"true\"><\/div>\n\t<div class=\"neo-stars\" aria-hidden=\"true\">\n\t\t<i style=\"--x: 8%; --y: 23%; --d: 0s\"><\/i><i style=\"--x: 17%; --y: 74%; --d: 1.1s\"><\/i>\n\t\t<i style=\"--x: 34%; --y: 18%; --d: 2.2s\"><\/i><i style=\"--x: 46%; --y: 68%; --d: 0.6s\"><\/i>\n\t\t<i style=\"--x: 59%; --y: 15%; --d: 3s\"><\/i><i style=\"--x: 71%; --y: 80%; --d: 1.8s\"><\/i>\n\t\t<i style=\"--x: 86%; --y: 26%; --d: 2.7s\"><\/i><i style=\"--x: 94%; --y: 61%; --d: 0.2s\"><\/i>\n\t<\/div>\n\t<div class=\"neo-aurora\" aria-hidden=\"true\">\n\t\t<span class=\"neo-aurora__beam neo-aurora__beam--one\"><\/span>\n\t\t<span class=\"neo-aurora__beam neo-aurora__beam--two\"><\/span>\n\t\t<span class=\"neo-aurora__beam neo-aurora__beam--three\"><\/span>\n\t<\/div>\n\n\n\n<div class=\"wp-block-group neo-shell is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group neo-layout is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group neo-copy is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"neo-eyebrow wp-block-paragraph\"><span aria-hidden=\"true\"><\/span>Media Design \u00b7 Social Content \u00b7 Branding<\/p>\n\n\n\n<h1 id=\"hero-title\" class=\"wp-block-heading neo-title\">Ideas take shape.<br>Brands <strong>stand out.<\/strong><\/h1>\n\n\n\n<p class=\"neo-intro wp-block-paragraph\">For brands that don't just look good \u2014 they stand out and leave a lasting impression.<\/p>\n\n\n\n<div class=\"wp-block-buttons neo-actions is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button neo-button neo-button--primary\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/en\/#leistungen\">Explore Services<\/a><\/div>\n\n\n\n<div class=\"wp-block-button neo-button neo-button--secondary\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/en\/contact\/\">Start a Project<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"neo-location wp-block-paragraph\"><span class=\"neo-location__line\" aria-hidden=\"true\"><\/span><span class=\"neo-location__copy\"><span>Creative Communication<\/span><span class=\"neo-location__worldwide\">For brands worldwide<\/span><\/span><\/p>\n<\/div>\n\n\n\n<div class=\"neo-visual\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"neo-scene\">\n\t\t\t\t\t<div class=\"neo-orbit neo-orbit--outer\"><\/div>\n\t\t\t\t\t<div class=\"neo-orbit neo-orbit--inner\"><\/div>\n\t\t\t\t\t<article class=\"neo-card neo-card--back\">\n\t\t\t\t\t\t<div class=\"neo-card__glass\"><\/div>\n\t\t\t\t\t\t<p class=\"neo-card__kicker\">SOCIAL<\/p>\n\t\t\t\t\t\t<p class=\"neo-card__display\"><strong>MOVES<\/strong><\/p>\n\t\t\t\t\t\t<span class=\"neo-card__rule\"><\/span>\n\t\t\t\t\t\t<p class=\"neo-card__small\">CONTENT.<br>THAT<br>CONNECTS.<\/p>\n\t\t\t\t\t\t<p class=\"neo-card__meta\">STRATEGY<br>DESIGN<br>IMPACT<\/p>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t<article class=\"neo-card neo-card--front\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"neo-card__logo\" src=\"https:\/\/yz-design.de\/wp-content\/themes\/yz-design-child\/assets\/images\/yz-logo.svg\" width=\"183\" height=\"156\" alt=\"\">\n\t\t\t\t\t\t<div class=\"neo-card__energy\"><span><\/span><span><\/span><\/div>\n\t\t\t\t\t\t<p class=\"neo-card__headline\">BRAND<br>VISIONS<br><strong>BUILT TO<\/strong><br>LAST.<\/p>\n\t\t\t\t\t\t<div class=\"neo-card__footer\"><span>DESIGN<br>WITH<br>PURPOSE<\/span><span>\u2014   2026<\/span><\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t<div class=\"neo-glass-note\"><span class=\"neo-glass-note__spark\">\u2726<\/span><p><strong>Visual Communication<\/strong><br>For brands with character.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n\n<p class=\"neo-scroll\" aria-hidden=\"true\"><span class=\"neo-scroll__mouse\"><span class=\"neo-scroll__wheel\"><\/span><\/span><span class=\"neo-scroll__label\">Scroll to explore<\/span><\/p>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull yz-homepage yz-homepage--services services is-layout-flow wp-block-group-is-layout-flow\" id=\"leistungen\">\n<div class=\"services__ambient\" aria-hidden=\"true\"><\/div>\n\n\n\n<div class=\"wp-block-group services__shell is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group services__intro is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"services__eyebrow wp-block-paragraph\"><span aria-hidden=\"true\"><\/span>MY SERVICES<\/p>\n\n\n\n<h2 id=\"services-title\" class=\"wp-block-heading services__title\">Six disciplines.<br>One visual <strong>signature.<\/strong><\/h2>\n\n\n\n<p class=\"services__description wp-block-paragraph\">As a graphic and media designer, I create visual communication for businesses, freelancers and brands. My work covers graphic design, print layout and social media content, professional photo and video editing, corporate design, presentations and AI-assisted media design.<\/p>\n\n\n\n<nav class=\"services__nav\" aria-label=\"Areas of Expertise\"><ol>\n\t\t\t\t\t\t\t\t<li><a href=\"#service-01\" aria-label=\"Graphic Design, Print Layout &amp; Typesetting\"><span class=\"services__nav-dot\" aria-hidden=\"true\"><\/span><span>01<\/span><\/a><\/li>\n\t\t\t\t\t\t\t\t<li><a href=\"#service-02\" aria-label=\"Social Media Content Design\"><span class=\"services__nav-dot\" aria-hidden=\"true\"><\/span><span>02<\/span><\/a><\/li>\n\t\t\t\t\t\t\t\t<li><a href=\"#service-03\" aria-label=\"Photo Editing, Retouching, and Compositing\"><span class=\"services__nav-dot\" aria-hidden=\"true\"><\/span><span>03<\/span><\/a><\/li>\n\t\t\t\t\t\t\t\t<li><a href=\"#service-04\" aria-label=\"Video Editing &amp; Motion Design\"><span class=\"services__nav-dot\" aria-hidden=\"true\"><\/span><span>04<\/span><\/a><\/li>\n\t\t\t\t\t\t\t\t<li><a href=\"#service-05\" aria-label=\"Corporate Design &amp; Presentations\"><span class=\"services__nav-dot\" aria-hidden=\"true\"><\/span><span>05<\/span><\/a><\/li>\n\t\t\t\t\t\t\t\t<li><a href=\"#service-06\" aria-label=\"AI-Assisted Media Design\"><span class=\"services__nav-dot\" aria-hidden=\"true\"><\/span><span>06<\/span><\/a><\/li>\n\t\t\t\t\t\t\t<\/ol><\/nav>\n\t\t\t<p class=\"services__nav-hint\"><span aria-hidden=\"true\">\u2194<\/span> Swipe to explore more services<\/p>\n\t\t\t<a class=\"services__all-link\" href=\"#service-01\">View All Services <span aria-hidden=\"true\">\u2197<\/span><\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-group services__stack is-layout-flow wp-block-group-is-layout-flow\">\n<article id=\"service-01\" class=\"wp-block-group service-panel service-panel--print is-active is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-panel__copy is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"service-panel__number wp-block-paragraph\">01<\/p>\n\n\n\n<h3 id=\"service-title-01\" class=\"wp-block-heading\">Graphic Design, Print Layout &amp; Typesetting<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Flyers, brochures, and other print materials featuring clear typography, professional layout, and print-ready files.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-group service-panel__media service-panel__media--art is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"service-art__halo\" aria-hidden=\"true\"><\/span>\n\n\n\n<div class=\"wp-block-group service-art__float is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-art__card is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized service-art__image-block\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/yz-design.de\/wp-content\/themes\/yz-design-child\/assets\/images\/grafikdesign-printlayout-satz.webp\" alt=\"Examples of graphic design, print layout, and typographic composition\" style=\"aspect-ratio:1;object-fit:contain;width:100%;height:auto\" width=\"700\" height=\"700\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figcaption>Print \u00b7 Editorial \u00b7 Layout<\/figcaption>\n<\/figure>\n<\/article>\n\n\n\n<article id=\"service-02\" class=\"wp-block-group service-panel service-panel--social is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-panel__copy is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"service-panel__number wp-block-paragraph\">02<\/p>\n\n\n\n<h3 id=\"service-title-02\" class=\"wp-block-heading\">Social Media Content Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On-brand social media design for posts, stories, campaigns and flexible template systems.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-group service-panel__media service-panel__media--art is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"service-art__halo\" aria-hidden=\"true\"><\/span>\n\n\n\n<div class=\"wp-block-group service-art__float is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-art__card is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized service-art__image-block\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/yz-design.de\/wp-content\/themes\/yz-design-child\/assets\/images\/social-media-content-design.webp\" alt=\"Social Media Content Design for a Fitness Post on Instagram\" style=\"aspect-ratio:1;object-fit:contain;width:100%;height:auto\" width=\"685\" height=\"685\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figcaption>Feed \u00b7 Story \u00b7 Campaign<\/figcaption>\n<\/figure>\n<\/article>\n\n\n\n<article id=\"service-03\" class=\"wp-block-group service-panel service-panel--photo is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-panel__copy is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"service-panel__number wp-block-paragraph\">03<\/p>\n\n\n\n<h3 id=\"service-title-03\" class=\"wp-block-heading\">Photo Editing, Retouching, and Compositing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Image optimization, color correction, retouching, and compositing with Adobe Photoshop and Lightroom\u2014for the web, social media, and print.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-group service-panel__media service-panel__media--art is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"service-art__halo\" aria-hidden=\"true\"><\/span>\n\n\n\n<div class=\"wp-block-group service-art__float is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-art__card is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized service-art__image-block\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/yz-design.de\/wp-content\/themes\/yz-design-child\/assets\/images\/fotobearbeitung-retusche-composing.webp\" alt=\"Professional photo retouching and color correction of a beauty portrait\" style=\"aspect-ratio:1;object-fit:contain;width:100%;height:auto\" width=\"685\" height=\"685\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figcaption>Retouching \u00b7 Color \u00b7 Compositing<\/figcaption>\n<\/figure>\n<\/article>\n\n\n\n<article id=\"service-04\" class=\"wp-block-group service-panel service-panel--motion is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-panel__copy is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"service-panel__number wp-block-paragraph\">04<\/p>\n\n\n\n<h3 id=\"service-title-04\" class=\"wp-block-heading\">Video Editing &amp; Motion Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Video editing, color correction, animations, and visual effects using Adobe Premiere Pro and After Effects.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-group service-panel__media service-panel__media--art is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"service-art__halo\" aria-hidden=\"true\"><\/span>\n\n\n\n<div class=\"wp-block-group service-art__float is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-art__card is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized service-art__image-block\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/yz-design.de\/wp-content\/themes\/yz-design-child\/assets\/images\/videobearbeitung-motion-design.webp\" alt=\"Video Editing and Motion Design with an Editing Timeline and Color Curves\" style=\"aspect-ratio:1;object-fit:contain;width:100%;height:auto\" width=\"685\" height=\"685\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figcaption>Motion \u00b7 Edit \u00b7 Story<\/figcaption>\n<\/figure>\n<\/article>\n\n\n\n<article id=\"service-05\" class=\"wp-block-group service-panel service-panel--corporate is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-panel__copy is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"service-panel__number wp-block-paragraph\">05<\/p>\n\n\n\n<h3 id=\"service-title-05\" class=\"wp-block-heading\">Corporate Design &amp; Presentations<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Consistent brand identities, visual design systems, and professional presentations for businesses.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-group service-panel__media service-panel__media--art is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"service-art__halo\" aria-hidden=\"true\"><\/span>\n\n\n\n<div class=\"wp-block-group service-art__float is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-art__card is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized service-art__image-block\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/yz-design.de\/wp-content\/themes\/yz-design-child\/assets\/images\/corporate-design-unternehmenspraesentationen.webp\" alt=\"Corporate Design and Corporate Identity for a Technology Company\" style=\"aspect-ratio:1;object-fit:contain;width:100%;height:auto\" width=\"685\" height=\"685\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figcaption>Identity \u00b7 System \u00b7 Brand<\/figcaption>\n<\/figure>\n<\/article>\n\n\n\n<article id=\"service-06\" class=\"wp-block-group service-panel service-panel--ai is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-panel__copy is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"service-panel__number wp-block-paragraph\">06<\/p>\n\n\n\n<h3 id=\"service-title-06\" class=\"wp-block-heading\">AI-Assisted Media Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">AI-generated images, videos, and visual content\u2014created through targeted prompt engineering, iterative refinement, and professional post-processing, all tailored to your brand identity.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-group service-panel__media service-panel__media--art is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"service-art__halo\" aria-hidden=\"true\"><\/span>\n\n\n\n<div class=\"wp-block-group service-art__float is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group service-art__card is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized service-art__image-block\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/yz-design.de\/wp-content\/themes\/yz-design-child\/assets\/images\/ki-gestuetztes-mediendesign.webp\" alt=\"AI-Assisted media design with visual interface elements\" style=\"aspect-ratio:1;object-fit:contain;width:100%;height:auto\" width=\"685\" height=\"685\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figcaption>AI \u00b7 Concept \u00b7 Future<\/figcaption>\n<\/figure>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n#claim-title > span:first-child,\n#process-title > span:first-child {\n  color: #000;\n  -webkit-text-fill-color: #000;\n  background: none;\n  background-image: none;\n  -webkit-background-clip: initial;\n  background-clip: initial;\n}\n<\/style>\n\n<div class=\"yz-homepage yz-homepage--light-sections light-sections\">\n      <section class=\"claim-section\" id=\"claim\" aria-labelledby=\"claim-title\">\n        <span class=\"claim-section__anchor\" id=\"projekte\" aria-hidden=\"true\"><\/span>\n\n        <div class=\"claim-section__inner\">\n          <div class=\"claim-section__content\">\n            <p class=\"claim-section__eyebrow\">\n              <span aria-hidden=\"true\"><\/span>\n              Design &amp; Technology\n            <\/p>\n\n            <h2 class=\"claim-section__title\" id=\"claim-title\">\n              <span>Technology is evolving.<\/span>\n              <span>Design makes all the difference.<\/span>\n            <\/h2>\n\n            <p class=\"claim-section__description\">\n              I combine a creative eye with modern design tools and\nAI-assisted workflows.\n            <\/p>\n\n            <ul class=\"claim-section__principles\" aria-label=\"How It Works\">\n              <li>Explore faster.<\/li>\n              <li>Refine more precisely.<\/li>\n              <li>Tailor every detail.<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"claim-art\" aria-hidden=\"true\">\n            <span class=\"claim-art__glow claim-art__glow--one\"><\/span>\n            <span class=\"claim-art__glow claim-art__glow--two\"><\/span>\n\n            <div class=\"claim-art__panes\">\n              <span class=\"claim-art__pane claim-art__pane--one\">\n                <svg viewbox=\"0 0 64 64\" role=\"presentation\" focusable=\"false\">\n                  <path d=\"M23 39c-4-3-6-7-6-12a15 15 0 0 1 30 0c0 5-2 9-6 12-2 2-3 4-3 6H26c0-2-1-4-3-6Z\"><\/path>\n                  <path d=\"M27 50h10M29 55h6M32 7V3M13 27H8M56 27h-5M18 13l-4-4M46 13l4-4\"><\/path>\n                <\/svg>\n              <\/span>\n              <span class=\"claim-art__pane claim-art__pane--two\">\n                <svg viewbox=\"0 0 64 64\" role=\"presentation\" focusable=\"false\">\n                  <path d=\"M18 20h12c7 0 9 4 9 9v6c0 5 2 9 9 9\"><\/path>\n                  <path d=\"M18 44h10c5 0 7-3 7-8v-7c0-5 2-9 9-9h2\"><\/path>\n                  <circle cx=\"15\" cy=\"20\" r=\"3.5\"><\/circle>\n                  <circle cx=\"15\" cy=\"44\" r=\"3.5\"><\/circle>\n                  <circle cx=\"49\" cy=\"20\" r=\"3.5\"><\/circle>\n                  <circle cx=\"51\" cy=\"44\" r=\"3.5\"><\/circle>\n                <\/svg>\n              <\/span>\n              <span class=\"claim-art__pane claim-art__pane--three\">\n                <svg class=\"claim-art__ai-icon\" viewbox=\"0 0 45 26\" role=\"presentation\" focusable=\"false\">\n                  <defs>\n                    <lineargradient id=\"claim-ai-icon-gradient\" x1=\"50.89\" y1=\"-10.66\" x2=\"-5.61\" y2=\"42.34\" gradienttransform=\"translate(0 29.89) scale(1 -1)\" gradientunits=\"userSpaceOnUse\">\n                      <stop offset=\"0\" stop-color=\"#a04bff\"><\/stop>\n                      <stop offset=\"0.52\" stop-color=\"#84a8ff\"><\/stop>\n                      <stop offset=\"1\" stop-color=\"#6cffed\"><\/stop>\n                    <\/lineargradient>\n                  <\/defs>\n                  <path class=\"claim-art__ai-mark\" d=\"M34.7,9.62c-1.23-2.22-3.85-3.43-6.63-3.43-5.24,0-9.25,4.32-9.25,9.88s4.25,9.92,9.1,9.92c2.98,0,5.56-1.57,6.79-3.83v3.35h3.46V6.68h-3.46v2.94ZM28.42,22.69c-3.42,0-6.12-3.03-6.12-6.62s2.7-6.58,6.08-6.58c3.1,0,6.32,2.7,6.32,6.58s-2.98,6.62-6.28,6.62ZM42.54,4.68c1.35,0,2.46-1.01,2.46-2.34s-1.11-2.34-2.46-2.34-2.42,1.01-2.42,2.34,1.11,2.34,2.42,2.34ZM44.29,25.52V6.68h-3.46v18.84h3.46ZM9.72,21.5c-.02.11-.14.23-.21.24-.1,0-.25-.1-.27-.21-.87-4.17-1.9-5.28-6.13-6.14-.12-.02-.24-.16-.23-.26s.14-.21.26-.23c.96-.19,1.85-.43,2.74-.79,1.21-.5,2.08-1.39,2.57-2.61.35-.88.58-1.76.77-2.71.02-.1.13-.22.22-.23.11,0,.24.11.26.23.19.93.41,1.79.76,2.66.5,1.26,1.41,2.19,2.67,2.69.87.34,1.73.57,2.66.76.13.03.25.12.26.23,0,.1-.11.24-.22.26-4.23.85-5.25,1.96-6.13,6.11ZM5.06,9.11c-1.63.7-1.47,2.81-1.74,2.76-.33-.06-.14-2.05-1.75-2.76-.73-.32-1.44-.36-1.57-.53-.02-.03.08-.12.13-.13,2.12-.49,2.56-.89,3.05-3.05.01-.05.09-.15.13-.13.32.2.14,2.1,1.8,2.78.67.27,1.6.4,1.5.53-.12.17-.83.21-1.56.53Z\"><\/path>\n                <\/svg>\n              <\/span>\n              <span class=\"claim-art__pane claim-art__pane--four\">\n                <svg viewbox=\"0 0 64 64\" role=\"presentation\" focusable=\"false\">\n                  <path d=\"M18 22h28M18 32h28M18 42h28\"><\/path>\n                  <circle cx=\"27\" cy=\"22\" r=\"4\"><\/circle>\n                  <circle cx=\"39\" cy=\"32\" r=\"4\"><\/circle>\n                  <circle cx=\"31\" cy=\"42\" r=\"4\"><\/circle>\n                <\/svg>\n              <\/span>\n              <span class=\"claim-art__pane claim-art__pane--five\">\n                <svg viewbox=\"0 0 64 64\" role=\"presentation\" focusable=\"false\">\n                  <rect x=\"14\" y=\"17\" width=\"36\" height=\"30\" rx=\"4\"><\/rect>\n                  <circle cx=\"40\" cy=\"27\" r=\"3\"><\/circle>\n                  <path d=\"m18 43 11-11 8 8 4-4 5 7\"><\/path>\n                <\/svg>\n              <\/span>\n            <\/div>\n\n            <svg class=\"claim-art__wave\" viewbox=\"0 0 760 420\" role=\"presentation\" focusable=\"false\">\n              <defs>\n                <lineargradient id=\"claim-wave-main\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                  <stop offset=\"0\" stop-color=\"#c366ff\" stop-opacity=\"0\"><\/stop>\n                  <stop offset=\"0.18\" stop-color=\"#b752ff\"><\/stop>\n                  <stop offset=\"0.52\" stop-color=\"#526dff\"><\/stop>\n                  <stop offset=\"0.8\" stop-color=\"#ae6cff\"><\/stop>\n                  <stop offset=\"1\" stop-color=\"#ee79bd\" stop-opacity=\"0\"><\/stop>\n                <\/lineargradient>\n                <lineargradient id=\"claim-wave-light\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                  <stop offset=\"0\" stop-color=\"#ffffff\" stop-opacity=\"0\"><\/stop>\n                  <stop offset=\"0.48\" stop-color=\"#ffffff\" stop-opacity=\"0.78\"><\/stop>\n                  <stop offset=\"1\" stop-color=\"#ffd8ef\" stop-opacity=\"0\"><\/stop>\n                <\/lineargradient>\n              <\/defs>\n              <g class=\"claim-art__ribbons\">\n                <path d=\"M10 222 C122 93 196 315 320 196 S523 111 750 216\" fill=\"none\" stroke=\"url(#claim-wave-main)\" stroke-width=\"70\" stroke-linecap=\"round\"><\/path>\n                <path d=\"M10 222 C122 93 196 315 320 196 S523 111 750 216\" fill=\"none\" stroke=\"url(#claim-wave-light)\" stroke-width=\"18\" stroke-linecap=\"round\"><\/path>\n                <path d=\"M16 251 C132 121 206 341 330 222 S535 138 746 242\" fill=\"none\" stroke=\"url(#claim-wave-main)\" stroke-width=\"8\" stroke-linecap=\"round\" opacity=\"0.42\"><\/path>\n              <\/g>\n            <\/svg>\n\n            <span class=\"claim-art__spark claim-art__spark--one\"><\/span>\n            <span class=\"claim-art__spark claim-art__spark--two\"><\/span>\n            <span class=\"claim-art__spark claim-art__spark--three\"><\/span>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"claim-section process-section\" id=\"prozess\" aria-labelledby=\"process-title\" data-process-section=\"\">\n        <div class=\"claim-section__inner\">\n          <div class=\"claim-section__content\">\n            <p class=\"claim-section__eyebrow\">\n              <span aria-hidden=\"true\"><\/span>\n              My Approach\n            <\/p>\n\n            <h2 class=\"claim-section__title\" id=\"process-title\">\n              <span>Graphic and Media Design<\/span>\n              <span>with a clear process<\/span>\n            <\/h2>\n\n            <p class=\"claim-section__description\">\n              Good design doesn't start with the first draft, but with a clear\nunderstanding of the goal, target audience, and message. From the initial idea to\nprofessional execution, I'll guide your project through a\ntailored process.\n            <\/p>\n          <\/div>\n\n          <div class=\"process-cards\" data-process-cards=\"\" role=\"group\" aria-label=\"The Project Process in Four Steps\">\n            <span class=\"process-cards__glow process-cards__glow--one\" aria-hidden=\"true\"><\/span>\n            <span class=\"process-cards__glow process-cards__glow--two\" aria-hidden=\"true\"><\/span>\n            <span class=\"process-cards__orbit\" aria-hidden=\"true\"><\/span>\n\n            <ol class=\"process-cards__grid\">\n              <li class=\"process-card\" data-process-card=\"\" style=\"--process-card-index: 0\">\n                <article class=\"process-card__surface\">\n                  <div class=\"process-card__top\">\n                    <span class=\"process-card__number\" aria-hidden=\"true\">01<\/span>\n                    <span class=\"process-card__symbol\" aria-hidden=\"true\">\n                      <svg viewbox=\"0 0 64 64\" focusable=\"false\">\n                        <path d=\"M14 15h36a6 6 0 0 1 6 6v20a6 6 0 0 1-6 6H31L19 55v-8h-5a6 6 0 0 1-6-6V21a6 6 0 0 1 6-6Z\"><\/path>\n                        <path d=\"M23 31h.1M32 31h.1M41 31h.1\"><\/path>\n                      <\/svg>\n                    <\/span>\n                    <span class=\"process-card__close\" aria-hidden=\"true\">\n                      <svg viewbox=\"0 0 32 32\" focusable=\"false\">\n                        <path d=\"m9 9 14 14M23 9 9 23\"><\/path>\n                      <\/svg>\n                    <\/span>\n                  <\/div>\n                  <h3 class=\"process-card__title\">Understand<\/h3>\n                  <p class=\"process-card__summary\">\n                    Together, we define the goals, audience and requirements.\n                  <\/p>\n                  <div class=\"process-card__details\" id=\"process-details-01\">\n                    <div class=\"process-card__details-inner\">\n                      <p>\n                        Together, we\u2019ll determine what your project aims to achieve, who it\nis intended for, and where the design will be used. This will result in a\nprecise briefing that makes decision-making easier and sets a clear\ndirection.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                  <button class=\"process-card__toggle\" type=\"button\" aria-expanded=\"true\" aria-controls=\"process-details-01\" aria-label=\"View details about &quot;Understanding&quot;\" data-process-toggle=\"\"><\/button>\n                <\/article>\n              <\/li>\n\n              <li class=\"process-card\" data-process-card=\"\" style=\"--process-card-index: 1\">\n                <article class=\"process-card__surface\">\n                  <div class=\"process-card__top\">\n                    <span class=\"process-card__number\" aria-hidden=\"true\">02<\/span>\n                    <span class=\"process-card__symbol\" aria-hidden=\"true\">\n                      <svg viewbox=\"0 0 64 64\" focusable=\"false\">\n                        <path d=\"M14 16h23M14 28h17M14 40h13\"><\/path>\n                        <path d=\"m34 45 3-11 16-16a5 5 0 0 1 7 7L44 41l-10 4Z\"><\/path>\n                        <path d=\"m48 23 7 7\"><\/path>\n                      <\/svg>\n                    <\/span>\n                    <span class=\"process-card__close\" aria-hidden=\"true\">\n                      <svg viewbox=\"0 0 32 32\" focusable=\"false\">\n                        <path d=\"m9 9 14 14M23 9 9 23\"><\/path>\n                      <\/svg>\n                    <\/span>\n                  <\/div>\n                  <h3 class=\"process-card__title\">Define<\/h3>\n                  <p class=\"process-card__summary\">\n                    Organize ideas and develop a clear, appropriate visual direction.\n                  <\/p>\n                  <div class=\"process-card__details\" id=\"process-details-02\">\n                    <div class=\"process-card__details-inner\">\n                      <p>\n                        Based on the requirements, I develop a cohesive\ndesign concept. Visual language, typography, colors, and formats\nare coordinated to ensure that your content comes across clearly and\nremains recognizable.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                  <button class=\"process-card__toggle\" type=\"button\" aria-expanded=\"true\" aria-controls=\"process-details-02\" aria-label=\"View design details\" data-process-toggle=\"\"><\/button>\n                <\/article>\n              <\/li>\n\n              <li class=\"process-card\" data-process-card=\"\" style=\"--process-card-index: 2\">\n                <article class=\"process-card__surface\">\n                  <div class=\"process-card__top\">\n                    <span class=\"process-card__number\" aria-hidden=\"true\">03<\/span>\n                    <span class=\"process-card__symbol\" aria-hidden=\"true\">\n                      <svg viewbox=\"0 0 64 64\" focusable=\"false\">\n                        <path d=\"M14 13h36M18 9v8M46 9v8M32 13v14\"><\/path>\n                        <path d=\"m32 27-9 13 9 15 9-15-9-13Z\"><\/path>\n                        <circle cx=\"32\" cy=\"40\" r=\"3\"><\/circle>\n                        <path d=\"M24 55h16\"><\/path>\n                      <\/svg>\n                    <\/span>\n                    <span class=\"process-card__close\" aria-hidden=\"true\">\n                      <svg viewbox=\"0 0 32 32\" focusable=\"false\">\n                        <path d=\"m9 9 14 14M23 9 9 23\"><\/path>\n                      <\/svg>\n                    <\/span>\n                  <\/div>\n                  <h3 class=\"process-card__title\">Design<\/h3>\n                  <p class=\"process-card__summary\">\n                    Develop the concept and refine it step by step.\n                  <\/p>\n                  <div class=\"process-card__details\" id=\"process-details-03\">\n                    <div class=\"process-card__details-inner\">\n                      <p>\n                        I translate the concept into concrete designs and develop the\nchosen direction further. During the review process, we evaluate the design's impact and\nfunctionality, refine the details, and develop the design until we reach the\nfinal solution.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                  <button class=\"process-card__toggle\" type=\"button\" aria-expanded=\"true\" aria-controls=\"process-details-03\" aria-label=\"View Details About Designs\" data-process-toggle=\"\"><\/button>\n                <\/article>\n              <\/li>\n\n              <li class=\"process-card\" data-process-card=\"\" style=\"--process-card-index: 3\">\n                <article class=\"process-card__surface\">\n                  <div class=\"process-card__top\">\n                    <span class=\"process-card__number\" aria-hidden=\"true\">04<\/span>\n                    <span class=\"process-card__symbol\" aria-hidden=\"true\">\n                      <svg viewbox=\"0 0 64 64\" focusable=\"false\">\n                        <path d=\"M35 12c9-4 16-3 18-2 1 3 2 10-2 19L39 41 23 25l12-13Z\"><\/path>\n                        <circle cx=\"43\" cy=\"20\" r=\"4\"><\/circle>\n                        <path d=\"m25 27-9 3-6 8 14 2M37 39l-3 9-8 6-2-14M19 45l-7 7M23 49l-4 7\"><\/path>\n                      <\/svg>\n                    <\/span>\n                    <span class=\"process-card__close\" aria-hidden=\"true\">\n                      <svg viewbox=\"0 0 32 32\" focusable=\"false\">\n                        <path d=\"m9 9 14 14M23 9 9 23\"><\/path>\n                      <\/svg>\n                    <\/span>\n                  <\/div>\n                  <h3 class=\"process-card__title\">Finalize<\/h3>\n                  <p class=\"process-card__summary\">\n                    Review the details and prepare all files for use.\n                  <\/p>\n                  <div class=\"process-card__details\" id=\"process-details-04\">\n                    <div class=\"process-card__details-inner\">\n                      <p>\n                        Finally, I review the design, image quality, and technical\nrequirements. You\u2019ll receive carefully prepared files for\nprint, web, or social media\u2014tailored to the format and ready\nfor immediate use.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                  <button class=\"process-card__toggle\" type=\"button\" aria-expanded=\"true\" aria-controls=\"process-details-04\" aria-label=\"View Details on Finalizing\" data-process-toggle=\"\"><\/button>\n                <\/article>\n              <\/li>\n            <\/ol>\n\n            <span class=\"process-cards__demo-cursor\" data-process-cursor=\"\" aria-hidden=\"true\">\n              <svg class=\"process-cards__demo-pointer\" viewbox=\"0 0 36 44\" focusable=\"false\">\n                <defs>\n                  <lineargradient id=\"process-demo-pointer-gradient\" x1=\"5\" y1=\"4\" x2=\"26\" y2=\"39\" gradientunits=\"userSpaceOnUse\">\n                    <stop offset=\"0\" stop-color=\"#32d8ff\"><\/stop>\n                    <stop offset=\"0.46\" stop-color=\"#3478ff\"><\/stop>\n                    <stop offset=\"0.76\" stop-color=\"#9a42f5\"><\/stop>\n                    <stop offset=\"1\" stop-color=\"#ee5a9f\"><\/stop>\n                  <\/lineargradient>\n                <\/defs>\n                <path class=\"process-cards__demo-pointer-shape\" d=\"M4 3v31l8-8 6 14 6-3-6-14h12L4 3Z\"><\/path>\n                <path class=\"process-cards__demo-pointer-highlight\" d=\"M7.2 7.4v19.5l4.6-4.6 4.3 3.2L7.2 7.4Z\"><\/path>\n              <\/svg>\n              <span class=\"process-cards__demo-ripple\"><\/span>\n            <\/span>\n          <\/div>\n\n          <a class=\"claim-section__button process-section__cta\" href=\"\/en\/contact\/\">\n            <span>Start a Project<\/span>\n            <span aria-hidden=\"true\">\u2197<\/span>\n          <\/a>\n        <\/div>\n      <\/section>\n      <\/div>\n\n\n\n<div class=\"yz-homepage yz-homepage--closing closing-reveal\" data-closing-reveal>\n      <section\n        class=\"closing-section\"\n        aria-labelledby=\"closing-title\"\n        data-closing-section\n>\n        <div class=\"closing-section__grid\" aria-hidden=\"true\"><\/div>\n\n        <svg\n          class=\"closing-section__waves\"\n          viewbox=\"0 0 1600 760\"\n          preserveaspectratio=\"none\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n          <defs>\n            <lineargradient id=\"closing-wave-gradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n              <stop offset=\"0\" stop-color=\"#3d5fff\" stop-opacity=\"0\" \/>\n              <stop offset=\"0.28\" stop-color=\"#476fff\" \/>\n              <stop offset=\"0.56\" stop-color=\"#7560ff\" \/>\n              <stop offset=\"0.78\" stop-color=\"#d84bd8\" \/>\n              <stop offset=\"1\" stop-color=\"#ff4ea2\" stop-opacity=\"0.88\" \/>\n            <\/lineargradient>\n            <lineargradient id=\"closing-wave-soft-gradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n              <stop offset=\"0\" stop-color=\"#294cff\" stop-opacity=\"0\" \/>\n              <stop offset=\"0.45\" stop-color=\"#4e6dff\" stop-opacity=\"0.64\" \/>\n              <stop offset=\"0.72\" stop-color=\"#c444e7\" stop-opacity=\"0.78\" \/>\n              <stop offset=\"1\" stop-color=\"#ff4ba7\" stop-opacity=\"0.18\" \/>\n            <\/lineargradient>\n            <filter id=\"closing-wave-blur\" x=\"-20%\" y=\"-80%\" width=\"140%\" height=\"260%\">\n              <fegaussianblur stddeviation=\"18\" \/>\n            <\/filter>\n          <\/defs>\n\n          <path\n            class=\"closing-section__wave-glow\"\n            d=\"M-90 535C235 480 405 550 690 500C974 450 1117 388 1372 421C1472 434 1550 413 1690 358\"\n            fill=\"none\"\n            stroke=\"url(#closing-wave-gradient)\"\n            stroke-width=\"36\"\n            filter=\"url(#closing-wave-blur)\"\n          \/>\n          <path\n            class=\"closing-section__wave closing-section__wave--main\"\n            d=\"M-90 535C235 480 405 550 690 500C974 450 1117 388 1372 421C1472 434 1550 413 1690 358\"\n            fill=\"none\"\n            stroke=\"url(#closing-wave-gradient)\"\n            stroke-width=\"4\"\n          \/>\n          <path\n            class=\"closing-section__wave closing-section__wave--two\"\n            d=\"M-110 582C208 531 419 595 710 552C1002 509 1199 467 1695 474\"\n            fill=\"none\"\n            stroke=\"url(#closing-wave-soft-gradient)\"\n            stroke-width=\"2.2\"\n          \/>\n          <path\n            class=\"closing-section__wave closing-section__wave--three\"\n            d=\"M-80 628C260 576 503 641 813 602C1120 563 1350 536 1680 548\"\n            fill=\"none\"\n            stroke=\"url(#closing-wave-soft-gradient)\"\n            stroke-width=\"1.5\"\n          \/>\n          <path\n            class=\"closing-section__wave closing-section__wave--four\"\n            d=\"M-120 675C250 629 500 684 870 655C1195 629 1410 618 1705 625\"\n            fill=\"none\"\n            stroke=\"url(#closing-wave-gradient)\"\n            stroke-width=\"1\"\n            opacity=\"0.42\"\n          \/>\n        <\/svg>\n\n        <div class=\"closing-section__inner\">\n          <div class=\"closing-section__copy\">\n            <p class=\"closing-section__eyebrow\">\n              <span aria-hidden=\"true\"><\/span>\n              Next-Generation Design\n            <\/p>\n\n            <h2 class=\"closing-section__title\" id=\"closing-title\">\n              <span>Good design does more<\/span>\n              <span>than make things visible.<\/span>\n              <span>It reveals what makes<\/span>\n              <span><strong>a brand<\/strong> truly unique.<\/span>\n            <\/h2>\n          <\/div>\n\n          <div class=\"closing-section__status\" role=\"group\" aria-label=\"Project Status\">\n            <span class=\"closing-section__status-dot\" aria-hidden=\"true\"><\/span>\n            <p>Ready for new perspectives?<\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n      <\/div>","protected":false},"excerpt":{"rendered":"<p>Social Media Design &amp; Graphic Design \u2013 YZ Mediendesign \u2013 Custom social media design &amp; high-quality graphic design for web and print \u2013 YZ Mediendesign helps you build a professional online presence.<\/p>","protected":false},"author":2,"featured_media":3135,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-673","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/yz-design.de\/en\/wp-json\/wp\/v2\/pages\/673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yz-design.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yz-design.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yz-design.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yz-design.de\/en\/wp-json\/wp\/v2\/comments?post=673"}],"version-history":[{"count":16,"href":"https:\/\/yz-design.de\/en\/wp-json\/wp\/v2\/pages\/673\/revisions"}],"predecessor-version":[{"id":3127,"href":"https:\/\/yz-design.de\/en\/wp-json\/wp\/v2\/pages\/673\/revisions\/3127"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yz-design.de\/en\/wp-json\/wp\/v2\/media\/3135"}],"wp:attachment":[{"href":"https:\/\/yz-design.de\/en\/wp-json\/wp\/v2\/media?parent=673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}