{"id":16134,"date":"2026-10-18T21:51:52","date_gmt":"2026-10-18T13:51:52","guid":{"rendered":"https:\/\/www.airsang.com\/?p=16134"},"modified":"2026-10-18T21:51:52","modified_gmt":"2026-10-18T13:51:52","slug":"shopyy-footwear-website-design-stockskick","status":"publish","type":"post","link":"https:\/\/www.airsang.com\/de\/shopyy-footwear-website-design-stockskick\/","title":{"rendered":"Shopyy-Webdesign f\u00fcr Schuhe: StocksKick und die Gr\u00f6\u00dfenauswahl"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Projekt\u00fcbersicht<\/h2><p class=\"wp-block-paragraph\">F\u00fcr StocksKicks Shopyy-Website ordneten wir die Seiten nach Schuhkollektionen und Gr\u00f6\u00dfenauswahl. Gro\u00dfe Schuhbanner pr\u00e4gen den ersten Eindruck; Service-Symbole und nach Kategorien gegliederte Produktraster f\u00fchren zur Auswahl. Eine schwarz-wei\u00dfe Oberfl\u00e4che, gro\u00dfz\u00fcgige Bilder und regelm\u00e4\u00dfige Karten verbinden Kollektionserkundung, Katalogvergleich und einzelne Produkte.<\/p><figure class=\"wp-block-table airsang-shopyy-project\"><table class=\"has-fixed-layout\"><tbody><tr><td style=\"text-align:left\"><strong>Dienstleistungen<\/strong><\/td><td style=\"text-align:left\"><strong>Branche<\/strong><\/td><td style=\"text-align:left\"><strong>Plattform<\/strong><\/td><\/tr><tr><td style=\"text-align:left\">Shopyy-Webdesign und Entwicklung<\/td><td style=\"text-align:left\">Schuhe und Taschen<\/td><td style=\"text-align:left\">Shopyy<\/td><\/tr><tr><td style=\"text-align:left\"><strong>Projektanforderungen<\/strong><\/td><td style=\"text-align:left\"><strong>Zielmarkt<\/strong><\/td><td style=\"text-align:left\"><strong>Designstil<\/strong><\/td><\/tr><tr><td style=\"text-align:left\">Schuhkollektionen pr\u00e4sentieren und Gr\u00f6\u00dfen ausw\u00e4hlen<\/td><td style=\"text-align:left\">Englischer Shop mit Preisen in US-Dollar<\/td><td style=\"text-align:left\">Schwarz-wei\u00dfe Oberfl\u00e4che, gro\u00dfe Schuhbanner und geordnete Produktkarten<\/td><\/tr><tr><td style=\"text-align:left\"><strong>Projektangebot<\/strong><\/td><td style=\"text-align:left\"><strong>Lieferumfang<\/strong><\/td><td style=\"text-align:left\"><strong>Lieferzeit<\/strong><\/td><\/tr><tr><td style=\"text-align:left\">CNY 6,700<\/td><td style=\"text-align:left\">Startseite, Kategorienstruktur, Produktdetails, responsive Gestaltung sowie Marken- und Kontaktseiten<\/td><td style=\"text-align:left\">14 Tage<\/td><\/tr><\/tbody><\/table><\/figure><div class=\"wp-block-buttons airsang-case-client-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.stockskick.ru\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kundenwebsite ansehen<\/a><\/div><\/div><h2 class=\"wp-block-heading\">Gestalterische Herausforderung<\/h2><p class=\"wp-block-paragraph\">Ein Schuhshop muss Silhouetten und Farben zeigen und zugleich die Gr\u00f6\u00dfenwahl verst\u00e4ndlich halten. Wir trennten Kollektionsbanner, Katalogvergleich, Produktfotos und Optionen, damit visuelle Darstellung und konkrete Entscheidungen jeweils Platz haben.<\/p><h2 class=\"wp-block-heading\">Strategie: Schuhkollektionen und Gr\u00f6\u00dfenauswahl<\/h2><p class=\"wp-block-paragraph\">Gro\u00dfe Banner schaffen den ersten Eindruck; Service-Symbole und Kategorienraster f\u00fchren zur Modellauswahl. Die Startseite orientiert, Kategorien unterst\u00fctzen Vergleiche und Produktseiten erkl\u00e4ren Aussehen und Eigenschaften. Navigation und Inhaltslinks verbinden diese Ebenen.<\/p><p class=\"wp-block-paragraph\">Poppins strukturiert \u00dcberschriften, Navigation und Flie\u00dftext. Schriftgr\u00f6\u00dfe, Gewicht und Absatzbreite schaffen Hierarchie. Schwarz-Wei\u00df, gro\u00dfe Bilder und regelm\u00e4\u00dfige Karten pr\u00e4gen die Hauptseiten. Zusammengeh\u00f6riges bleibt kompakt, w\u00e4hrend gr\u00f6\u00dfere Abschnittsabst\u00e4nde Bilder, Erkl\u00e4rungen und Aktionen voneinander trennen.<\/p><h3 class=\"wp-block-heading\">Bewegung und Funktionen unterst\u00fctzen die Auswahl<\/h3><p class=\"wp-block-paragraph\">Startseitenbanner wechseln automatisch; die Kategorien im Kopfbereich \u00f6ffnen die Kataloge. Produktseiten behalten Ansichtsminiaturen, gruppierte Gr\u00f6\u00dfenkn\u00f6pfe und aufklappbare Informationen. Bildwechsel, Vergleiche und Detaillekt\u00fcre bleiben in der schwarz-wei\u00dfen Bedienhierarchie \u00fcbersichtlich.<\/p><figure class=\"wp-block-video\"><video autoplay loop muted playsinline preload=\"metadata\" poster=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-0-shopyy-stockskick-home-20261018.webp\" width=\"1280\" height=\"800\" style=\"width:100%;height:auto;border-radius:12px\"><source src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-1-shopyy-stockskick-walkthrough-20261018.webm\" type=\"video\/webm\"><\/video><\/figure><h2 class=\"wp-block-heading\">Startseite: Ein Schuhbanner vermittelt das Thema<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-0-shopyy-stockskick-home-20261018.webp\" alt=\"StocksKick: Schuhbanner auf der Startseite\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">Ein breites Schuhbanner dominiert den ersten Bildschirm. Logo, Suche und Kategorien sind ordentlich ausgerichtet. Gro\u00dfes Schuhmotiv und \u00dcberschrift bilden das visuelle Zentrum; die schwarz-wei\u00dfe Umgebung hebt die Kollektionsfarben hervor.<\/p><p class=\"wp-block-paragraph\">Poppins h\u00e4lt \u00dcberschriften und Navigation schlicht. Suche und Funktionssymbole liegen auf einer horizontalen Linie. Der Einstieg gibt dem Thema Raum; Produktdetails folgen auf weiteren Seiten.<\/p><h2 class=\"wp-block-heading\">Startseitenprodukte: Servicehinweise und Auswahl trennen<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-2-shopyy-stockskick-home-modules-20261018.webp\" alt=\"StocksKick: getrennte Service- und Produktbereiche\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">Unter dem Banner f\u00fchren Servicehinweise und Produkte vom Kollektionsthema zu konkreten Modellen. Symbole und kurze S\u00e4tze bilden ein leichtes Informationsband. Einheitliche Bilder, Namen und Preise in den Karten erleichtern Vergleiche.<\/p><p class=\"wp-block-paragraph\">Wei\u00dfe Fl\u00e4chen und feste Spaltenbreiten reduzieren Ablenkung; Bilder haben gleiche Abst\u00e4nde. Raum zwischen \u00dcberschriften und Karten trennt Service- und Produktinformationen.<\/p><h2 class=\"wp-block-heading\">Kategorie: Silhouetten und Farben vergleichen<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-3-shopyy-stockskick-collection-20261018.webp\" alt=\"StocksKick: Silhouetten und Farben im Kategorienvergleich\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">Die Kategorie zeigt Schuhe in mehreren Spalten mit Fotos, Namen und Preisen in fester Reihenfolge. Die Silhouetten erhalten genug Platz, um Farbvarianten zun\u00e4chst visuell zu vergleichen.<\/p><p class=\"wp-block-paragraph\">Schwarzer Text, heller Hintergrund und gleichm\u00e4\u00dfige Zeilen- und Spaltenabst\u00e4nde ordnen die Karten. Katalogwerkzeuge stehen getrennt von Produkten, damit Besucher erst eingrenzen und danach Gr\u00f6\u00dfen pr\u00fcfen k\u00f6nnen.<\/p><h2 class=\"wp-block-heading\">Produktseite: Gro\u00dfes Foto und Gr\u00f6\u00dfenmatrix<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-4-shopyy-stockskick-product-20261018.webp\" alt=\"StocksKick: Produktfoto und Gr\u00f6\u00dfenmatrix\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">Das gro\u00dfe Foto des roten Schuhs steht links, Titel, Preis und Gr\u00f6\u00dfenkn\u00f6pfe rechts. Gleich breite Optionen bilden eine Matrix; US- und EU-Zuordnungen stehen direkt im Auswahlbereich.<\/p><p class=\"wp-block-paragraph\">Gro\u00dfz\u00fcgige Fotos zeigen Form und Material. Schriftgewicht und Abstand trennen Titel, Preis und Gr\u00f6\u00dfen. Schwarz-wei\u00dfe Kn\u00f6pfe halten den Fokus auf dem Modell und den verf\u00fcgbaren Optionen.<\/p><h2 class=\"wp-block-heading\">Untere Details: Ansichten und aufklappbare Informationen<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-5-shopyy-stockskick-product-detail-20261018.webp\" alt=\"StocksKick: Miniaturen und aufklappbare Details\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">Hauptbild und Miniaturen bleiben sichtbar; rechts folgen Gr\u00f6\u00dfe, Menge, Kaufzugang sowie Detail und Customer Reviews. Ansichten und Erl\u00e4uterungen liegen nebeneinander, weitere Schuhe werden darunter empfohlen.<\/p><p class=\"wp-block-paragraph\">Miniaturen haben einheitliche kleine Ma\u00dfe; feine Linien und Plus-\/Minuszeichen kennzeichnen aufklappbare Bereiche. Viel Abstand zwischen Fotos und Text h\u00e4lt auch dichte Spezifikationen lesbar.<\/p><h2 class=\"wp-block-heading\">Markenseite: Zwischen\u00fcberschriften gliedern lange Texte<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-6-shopyy-stockskick-about-20261018.webp\" alt=\"StocksKick: Zwischen\u00fcberschriften auf der Markenseite\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">Die Marke erh\u00e4lt eine eigene Seite mit Zwischen\u00fcberschriften zu Transaktionen, Produkten und Service. Der Shop-Kopfbereich bleibt erhalten, w\u00e4hrend die Hauptfl\u00e4che dem Lesen dient.<\/p><p class=\"wp-block-paragraph\">Unterschiedliche Poppins-Gewichte trennen \u00dcberschriften und Flie\u00dftext; Abs\u00e4tze haben Abstand. Themenbl\u00f6cke helfen beim Auffinden von Informationen und der R\u00fcckkehr zum Katalog \u00fcber den Kopfbereich.<\/p><h2 class=\"wp-block-heading\">Kontakt: Servicezeiten und Kan\u00e4le an einem Ort<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-7-shopyy-stockskick-contact-20261018.webp\" alt=\"StocksKick: Servicezeiten und Kontaktkan\u00e4le\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">Die Kontaktseite listet Servicezeiten, E-Mail und WhatsApp. Eine einfache vertikale Struktur b\u00fcndelt die Angaben, statt Besucher an mehreren Stellen im Footer suchen zu lassen.<\/p><p class=\"wp-block-paragraph\">Linksb\u00fcndiger Text und Abst\u00e4nde zwischen Gruppen unterst\u00fctzen die Lesbarkeit. Kopf- und Fu\u00dfbereich behalten die Shop-Struktur; die Hauptfl\u00e4che bleibt klar und leicht.<\/p><h2 class=\"wp-block-heading\">Mobile Produktdetails: Bild, Name und Gr\u00f6\u00dfen nacheinander<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-8-shopyy-stockskick-mobile-product-20261018.webp\" alt=\"StocksKick: Bild, Name und Gr\u00f6\u00dfen auf Mobilger\u00e4ten\" class=\"\" width=\"390\" height=\"844\"><\/figure><p class=\"wp-block-paragraph\">Mobil nutzt das Schuhfoto die verf\u00fcgbare Breite, danach folgen Name, Preis und Optionen. Die Desktop-Spalten werden vertikal angeordnet, damit Bilder und Gr\u00f6\u00dfen genug Raum haben.<\/p><p class=\"wp-block-paragraph\">Klare \u00dcberschriften und Abst\u00e4nde verbinden Bild und Produktinformation. Die Kn\u00f6pfe bleiben schwarz-wei\u00df: Besucher best\u00e4tigen zun\u00e4chst das Modell und pr\u00fcfen dann ihre Gr\u00f6\u00dfe.<\/p><h2 class=\"wp-block-heading\">Gestaltungsfazit: Thema und praktische Details verbinden<\/h2><p class=\"wp-block-paragraph\">Bei StocksKick f\u00fchren Kollektionen und Gr\u00f6\u00dfen durch eine schwarz-wei\u00dfe Gestaltung mit gro\u00dfen Bildern und geordneten Karten auf Start-, Kategorie- und Produktseiten. Bilder vermitteln das Thema, Texte erkl\u00e4ren Details und Katalog- und Gr\u00f6\u00dfenoptionen erm\u00f6glichen den n\u00e4chsten Schritt. Mobil bleibt die Reihenfolge f\u00fcr ein zusammenh\u00e4ngendes Erlebnis erhalten.<\/p><h2 class=\"wp-block-heading\">Planen Sie eine klare Shopyy-Website f\u00fcr Ihre Marke<\/h2><p class=\"wp-block-paragraph\">Teilen Sie Ihre bestehende Website, Markenmaterialien und ben\u00f6tigten Seiten. Gemeinsam pr\u00fcfen wir Produkte, Zielmarkt und Inhaltspriorit\u00e4ten und planen passende Seiten, Gestaltung und Funktionen.<\/p><div class=\"wp-block-buttons airsang-case-bottom-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button airsang-case-booking-trigger\" href=\"#airsang-case-booking\" data-platform=\"Shopyy\">Shopyy-Beratung vereinbaren<\/a><\/div><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.airsang.com\/de\/website-design\/\">Webdesign-Leistungen entdecken<\/a><\/div><\/div><style>.airsang-case-client-buttons{display:flex;justify-content:center;margin:20px 0 32px}\n.airsang-case-bottom-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 32px}\n.airsang-case-client-buttons .wp-block-button__link,.airsang-case-bottom-buttons .wp-block-button__link{background:#30363a!important;color:#fff!important;border:1px solid #30363a;border-radius:999px;padding:14px 24px;line-height:1.5;text-decoration:none;display:inline-block;box-sizing:border-box;font-size:16px;text-align:center}\n.airsang-case-client-buttons a:hover,.airsang-case-bottom-buttons a:hover{background:#161b1e!important}\n.airsang-case-client-buttons a:focus-visible,.airsang-case-bottom-buttons a:focus-visible{outline:3px solid #f59e10;outline-offset:4px}\n#airsang-case-booking{box-sizing:border-box;width:min(680px,calc(100% - 32px));max-width:680px;max-height:90dvh;padding:0;border:0;border-radius:20px;background:#fff;color:#171717;box-shadow:0 24px 80px #0005;overflow:auto}\n#airsang-case-booking:not([open]){display:none}\n#airsang-case-booking::backdrop{background:rgba(0,0,0,.58)}\n#airsang-case-booking .aswb-panel{padding:28px}\n#airsang-case-booking .aswb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}\n#airsang-case-booking .aswb-eyebrow{color:#986000;font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 8px}\n#airsang-case-booking h2{font-size:26px;line-height:1.35;margin:0;font-weight:700}\n#airsang-case-booking .aswb-close{flex:0 0 40px;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;color:#171717;background:#fff;font-size:26px;line-height:1;padding:0;cursor:pointer}\n#airsang-case-booking .aswb-intro{font-size:14px;color:#646464;line-height:1.7;margin:0 0 20px}\n#airsang-case-booking .aswb-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n#airsang-case-booking .aswb-row>p{display:contents}\n#airsang-case-booking .airsang-web-booking-form br,#airsang-case-booking .airsang-business-form br{display:none}\n#airsang-case-booking label{display:block;font-size:14px;line-height:1.6;margin-bottom:14px;font-weight:500}\n#airsang-case-booking label>span:first-child{display:block;margin-bottom:6px}\n#airsang-case-booking label .wpcf7-form-control-wrap{display:block}\n#airsang-case-booking input:not([type=hidden]):not([type=submit]),#airsang-case-booking select,#airsang-case-booking textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:44px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;color:#171717;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;box-shadow:none}\n#airsang-case-booking textarea{min-height:94px;resize:vertical}\n#airsang-case-booking input:focus,#airsang-case-booking textarea:focus,#airsang-case-booking select:focus{outline:2px solid #f59e10;outline-offset:1px}\n#airsang-case-booking .aswb-notice{font-size:12px;line-height:1.7;color:#777;margin:4px 0 16px}\n#airsang-case-booking input[type=submit]{min-height:48px;width:100%;border:0;border-radius:999px;background:#f59e10;color:#161616;font-weight:700;font-size:16px;cursor:pointer;padding:12px 20px}\n#airsang-case-booking .wpcf7-form p{margin:0}\n#airsang-case-booking .wpcf7-response-output{font-size:14px;margin:16px 0 0}\n#airsang-case-booking .wpcf7-not-valid-tip{font-size:12px}\n@media(max-width:600px){#airsang-case-booking .aswb-panel{padding:22px 18px}#airsang-case-booking h2{font-size:23px}#airsang-case-booking .aswb-row{grid-template-columns:1fr;gap:0}.airsang-case-bottom-buttons .wp-block-button{width:100%}.airsang-case-bottom-buttons a{width:100%}}\n\n<\/style><dialog id=\"airsang-case-booking\" aria-labelledby=\"airsang-booking-title\"><div class=\"aswb-panel\"><div class=\"aswb-header\"><div><p class=\"aswb-eyebrow\">AIRSANG<\/p><h2 id=\"airsang-booking-title\" data-booking-heading>Shopyy-Beratung vereinbaren<\/h2><\/div><button type=\"button\" class=\"aswb-close\" data-booking-close aria-label=\"Beratung schlie\u00dfen\">\u00d7<\/button><\/div><p class=\"aswb-intro\">Beschreiben Sie Ihre Marke und Website-Anforderungen, damit wir gemeinsam Seiten, Gestaltung und Funktionen planen k\u00f6nnen.<\/p>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f65-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"65\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/de\/wp-json\/wp\/v2\/posts\/16134#wpcf7-f65-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/de\/wp-json\/wp\/v2\/posts\/16134#wpcf7-f65-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"65\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f65-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><label> Ihr Name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Ihre E-Mail-Adresse<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Betreff<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Ihre Nachricht (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Senden\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n<\/div>\n<\/div><\/dialog><script>(()=>{\n  const dialog=document.getElementById('airsang-case-booking');\n  if(!dialog||dialog.dataset.ready==='true')return;\n  dialog.dataset.ready='true';\n  let opener=null,previousOverflow='';\n  document.querySelectorAll('.airsang-case-booking-trigger').forEach(trigger=>{\n    trigger.setAttribute('aria-haspopup','dialog');\n    trigger.setAttribute('aria-controls',dialog.id);\n    trigger.addEventListener('click',event=>{\n      event.preventDefault();opener=trigger;\n      const platform=trigger.dataset.platform||'Shopyy';\n      \/* Keep the server-translated dialog heading. *\/\n      const fields={source_url:location.href.split('#')[0],source_title:document.title,service_name:'Shopyy Website Design & Development',website_platform:platform};\n      for(const [name,value] of Object.entries(fields)){\n        const field=dialog.querySelector('[name=\"'+name+'\"]');\n        if(field)field.value=value;\n      }\n      previousOverflow=document.documentElement.style.overflow;\n      dialog.showModal();document.documentElement.style.overflow='hidden';\n      dialog.querySelector('[name=\"your-name\"]')?.focus({preventScroll:true});\n    });\n  });\n  dialog.querySelector('[data-booking-close]').addEventListener('click',()=>dialog.close());\n  dialog.addEventListener('click',event=>{if(event.target===dialog)dialog.close();});\n  dialog.addEventListener('close',()=>{document.documentElement.style.overflow=previousOverflow;opener?.focus({preventScroll:true});});\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>AIRSANG gestaltete StocksKicks Shopyy-Shop mit gro\u00dfen Schuhbildern, einer schwarz-wei\u00dfen Oberfl\u00e4che, geordneten Produktkarten und klarer Gr\u00f6\u00dfenauswahl auf Desktop und Mobilger\u00e4ten.<\/p>","protected":false},"author":1,"featured_media":16133,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[83,77,97],"class_list":["post-16134","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-studies","tag-shoes-bags","tag-shopyy","tag-website-ui-design"],"_links":{"self":[{"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/posts\/16134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/comments?post=16134"}],"version-history":[{"count":1,"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/posts\/16134\/revisions"}],"predecessor-version":[{"id":16179,"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/posts\/16134\/revisions\/16179"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/media\/16133"}],"wp:attachment":[{"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/media?parent=16134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/categories?post=16134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.airsang.com\/de\/wp-json\/wp\/v2\/tags?post=16134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}