{"id":29035,"date":"2026-09-05T09:00:00","date_gmt":"2026-09-05T08:00:00","guid":{"rendered":"https:\/\/dev.seo-marketing.koeln\/reference-dete-assekuranz\/"},"modified":"2026-10-23T10:50:57","modified_gmt":"2026-10-23T09:50:57","slug":"reference-dete-assekuranz","status":"publish","type":"page","link":"https:\/\/seo-marketing.koeln\/en\/reference-dete-assekuranz\/","title":{"rendered":"DeTe Assekuranz"},"content":{"rendered":"\n<style>.smk-case{--brand:#3f51b5;--ink:#111833;color:var(--ink);font-family:\"Plus Jakarta Sans\",sans-serif;font-size:18px;line-height:1.6;background:#fff;width:100%}.smk-case *{box-sizing:border-box}.smk-case h1,.smk-case h2,.smk-case h3{font-family:Lato,sans-serif;color:#2c2c2c;line-height:1.15;margin:0 0 20px}.smk-case h1{font-size:50px;font-weight:900}.smk-case h2{font-size:40px;font-weight:900;max-width:900px}.smk-case h3{font-size:23px;font-weight:800}.smk-case p{margin:0 0 20px}.smk-case a{color:var(--brand)}.smk-case a:focus-visible{outline:3px solid #e91e63;outline-offset:5px}.smk-case img{max-width:100%;height:auto;display:block}.smk-case .shell{max-width:1200px;margin:auto;padding:0 32px}.smk-case section{padding:85px 0;scroll-margin-top:120px}.smk-case .hero{background:linear-gradient(135deg,#f7f8fc,#fff);padding-top:38px;padding-bottom:64px}.smk-case .crumb{font-size:14px;margin-bottom:38px}.smk-case .eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#3f51b5;margin-bottom:18px;display:block}.smk-case .hero-grid,.smk-case .split{display:grid;grid-template-columns:1.08fr 1fr;gap:54px;align-items:center}.smk-case .tagline{font-size:35px;margin:0 0 24px}.smk-case .tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.smk-case .tags span{padding:6px 12px;border:1px solid #dfe3ef;border-radius:30px;background:#fff;font-size:13px;font-weight:600}.smk-case .actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.smk-case .btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;border-radius:20px;background:linear-gradient(90deg,#3f51b5 0%,#f2295b 80%);font-size:18px;font-weight:500;color:white;text-decoration:none;line-height:1.4}.smk-case .btn.secondary{background:transparent;border:1px solid #3f51b5;color:#3f51b5;font-size:16px;font-weight:600}.smk-case .browser{background:white;border:1px solid #e2e5ef;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px #19234012}.smk-case .bar{padding:12px 16px;background:#f0f2f7;font-size:12px;color:#687084;display:flex;align-items:center;gap:6px}.smk-case .bar i{width:7px;height:7px;border-radius:50%;background:#c4cada}.smk-case .bar span{margin-left:12px}.smk-case .browser img{width:100%;aspect-ratio:1.55;object-fit:cover;object-position:top}.smk-case figcaption{font-size:12px;color:#646d80;margin-top:12px}.smk-case figure{margin:0}.smk-case .signature{display:flex;gap:22px;align-items:center;margin-top:26px;font-size:14px}.smk-case .signature img{width:95px;max-height:64px;object-fit:contain}.smk-case .signature p{margin:0}.smk-case .facts{padding:28px 0;border-block:1px solid #e6e8f0}.smk-case .fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.smk-case .fact-grid small{display:block;font-size:11px;letter-spacing:1.4px;color:#6a7183;margin-bottom:7px}.smk-case .fact-grid strong{font-family:Lato,sans-serif;font-size:19px;color:#2c2c2c}.smk-case .jump{padding:22px 0;border-bottom:1px solid #e6e8f0}.smk-case .jump .shell{display:flex;gap:28px;flex-wrap:wrap}.smk-case .jump a{font-size:14px;font-weight:600;text-decoration:none}.smk-case .intro{max-width:840px;margin-bottom:36px}.smk-case .soft{background:#f7f8fc}.smk-case .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.smk-case .card{padding:30px;border:1px solid #e2e5ef;border-radius:18px;background:white}.smk-case .card p{font-size:16px;margin:0}.smk-case .num{display:block;color:#3f51b5;font-size:14px;font-weight:800;margin-bottom:25px}.smk-case .aside{background:#f4f5fc;border-radius:20px;padding:34px}.smk-case ul{padding:0;list-style:none;margin:0}.smk-case li{padding:16px 0;border-bottom:1px solid #dde2f0}.smk-case li:last-child{border:0}.smk-case li strong{display:block;color:#2c2c2c;font-family:Lato,sans-serif;font-size:21px;margin-bottom:5px}.smk-case li span{font-size:16px}.smk-case .work-image{border-radius:20px;background:#f4f5fa;padding:24px}.smk-case .work-image img{max-height:520px;width:100%;object-fit:contain}.smk-case .proof-card .rank{font-family:Lato,sans-serif;font-size:66px;line-height:1;font-weight:900;color:#3f51b5;margin:18px 0}.smk-case .proof-card .rank small{font-size:16px;display:block;color:#677086;font-family:\"Plus Jakarta Sans\",sans-serif;font-weight:500;margin-top:12px}.smk-case .serp{display:grid;gap:7px;margin-top:24px}.smk-case .serp span{height:9px;background:#edf0f6;border-radius:5px;width:90%}.smk-case .serp span:first-child{height:16px;background:linear-gradient(90deg,#3f51b5,#7989dd);width:100%}.smk-case .source{font-size:12px;color:#626b7e;margin-top:20px}.smk-case .cta{background:linear-gradient(135deg,#3f51b5 0%,#2c2c2c 100%);text-align:center}.smk-case .cta .eyebrow,.smk-case .cta h2,.smk-case .cta p{color:white}.smk-case .cta h2{font-size:45px;font-weight:800;margin:0 auto 24px;max-width:800px}.smk-case .cta p{max-width:750px;margin:0 auto 30px}.smk-case .proof-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.smk-case .proof-links a{font-size:14px;border-bottom:1px solid #a8b3df;text-decoration:none}.smk-case .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.smk-case .flow>div{border-top:3px solid #3f51b5;padding:23px 0}.smk-case .flow p{font-size:16px}.smk-case .flow small{display:block;color:#3f51b5;font-weight:700;margin-bottom:14px;font-size:12px}\n@media(max-width:900px){.smk-case .hero-grid,.smk-case .split{grid-template-columns:1fr;gap:32px}.smk-case .cards{grid-template-columns:repeat(2,1fr)}.smk-case .fact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.smk-case{font-size:16px}.smk-case .shell{padding:0 22px}.smk-case section{padding:54px 0}.smk-case .hero{padding-top:25px}.smk-case h1{font-size:40px;overflow-wrap:anywhere}.smk-case h2{font-size:30px}.smk-case h3{font-size:21px}.smk-case .tagline{font-size:28px}.smk-case .cards,.smk-case .flow{grid-template-columns:1fr}.smk-case .card{padding:25px}.smk-case .fact-grid{gap:24px 16px}.smk-case .fact-grid strong{font-size:17px}.smk-case .cta h2{font-size:32px}.smk-case .jump .shell{gap:12px 22px}.smk-case .btn{font-size:16px}.smk-case .aside{padding:25px}.smk-case .crumb{margin-bottom:28px}.smk-case .work-image{padding:12px}}\n<\/style><style id=\"smk-case-interactions\">\/* Button states match the existing reference overview (Elementor page 24101). *\/\n.smk-case a{transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s}\n.smk-case a:not(.btn):hover,.smk-case a:not(.btn):focus-visible{color:#e91e63;text-decoration:underline;text-underline-offset:4px}\n.smk-case .btn{font-family:\"Plus Jakarta Sans\",sans-serif;font-size:18px;font-weight:500;line-height:1;border:0;border-radius:20px;padding:12px 24px;min-height:0;box-shadow:0 0 10px rgba(0,0,0,.5);transition:all .3s;text-decoration:none}\n.smk-case .btn:hover,.smk-case .btn:focus-visible{background-color:#3f51b5;color:#fff;text-decoration:none}\n.smk-case .btn.secondary{background:transparent;color:#111833;font-family:Inter,sans-serif;font-size:16px;font-weight:600;border:1px solid #2c2c2c}\n.smk-case .btn.secondary:hover,.smk-case .btn.secondary:focus-visible{background:#f1f1f1;color:#000;border-color:#2c2c2c}\n.smk-case .cta .btn{background:#3f51b5;color:#fff;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;padding:20px 36px;box-shadow:0 10px 25px rgba(78,88,200,.3)}\n.smk-case .cta .btn:hover,.smk-case .cta .btn:focus-visible{background:#e91e63;color:#fff}\n.smk-case .browser img{aspect-ratio:auto;object-fit:contain}\n@media(max-width:900px){.smk-case .btn:not(.secondary){font-size:15px}.smk-case .cta .btn{font-size:1.05rem}}\n@media(prefers-reduced-motion:reduce){.smk-case a{transition:none}}\n<\/style><div class=\"smk-case\"><section id=\"projekt\" class=\"hero\"><div class=\"shell\"><nav class=\"crumb\" aria-label=\"Breadcrumb\"><a href=\"https:\/\/seo-marketing.koeln\/en\/references\/\">Case studies<\/a> &nbsp; \/ &nbsp; DeTe Assekuranz<\/nav><div class=\"hero-grid\"><div><span class=\"eyebrow\">CASE STUDY \u00b7 INSURANCE &#038; ADVICE<\/span><h1>DeTe Assekuranz<\/h1><h2 class=\"tagline\">On brand.<br>Down to the details.<\/h2><p>For DeTe Assekuranz, we adapted the cookie banner\u2019s appearance to its corporate identity. The focus was a clear, consistent touchpoint within the existing website.<\/p><div class=\"tags\"><span>Graphic adjustments<\/span><span>Cookie banner<\/span><span>Corporate identity<\/span><\/div><div class=\"actions\"><a class=\"btn\" href=\"#ausgangslage\">Explore the project \u2193<\/a><a class=\"btn secondary\" href=\"https:\/\/deteassekuranz.de\/\" target=\"_blank\" rel=\"noopener\">View the website \u2197<\/a><\/div><\/div><div><figure><div class=\"browser\"><div class=\"bar\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><span>deteassekuranz.de<\/span><\/div><img decoding=\"async\" src=\"https:\/\/seo-marketing.koeln\/wp-content\/uploads\/2025\/07\/Bildschirmfoto-2025-07-21-um-11.52.57.png\" alt=\"DeTe Assekuranz \u2013 project website context\" loading=\"eager\"><\/div><figcaption>A view of the website from our project documentation.<\/figcaption><\/figure><div class=\"signature\"><img decoding=\"async\" src=\"https:\/\/seo-marketing.koeln\/wp-content\/uploads\/2025\/07\/launch-1.png\" alt=\"DeTe Assekuranz Logo\" loading=\"lazy\"><p><strong>DeTe Assekuranz<\/strong><br>Graphics &#038; corporate identity<\/p><\/div><\/div><\/div><\/div><\/section><section id=\"projektdaten\" class=\"facts\"><div class=\"shell\"><div class=\"fact-grid\"><div><small>INDUSTRY<\/small><strong>Insurance &#038; advice<\/strong><\/div><div><small>FOCUS<\/small><strong>Graphics &#038; corporate identity<\/strong><\/div><div><small>MARKET<\/small><strong>Germany<\/strong><\/div><div><small>PROJECT<\/small><strong>Targeted design adjustments<\/strong><\/div><\/div><\/div><\/section><nav class=\"jump\" aria-label=\"In this case study\"><div class=\"shell\"><a href=\"#ausgangslage\">Starting point<\/a><a href=\"#leistungen\">Our services<\/a><a href=\"#einblicke\">Project insights<\/a><a href=\"#zusammenarbeit\">Collaboration<\/a><\/div><\/nav><section id=\"ausgangslage\" class=\"\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">01 \/ STARTING POINT<\/span><h2>A small element with a prominent role.<\/h2><p>A cookie banner is often one of the first things people see on a website. Its visual language should reflect the brand too.<\/p><\/div><div class=\"split\"><div><h3>Complement the existing presence with a focused adjustment.<\/h3><p>Deutsche Telekom Assekuranz-Vermittlungsgesellschaft mbH has an established brand identity. Our task was to adapt the cookie banner\u2019s graphics according to its design guidelines.<\/p><p>The focus was visual integration into the existing website: colours, design and the element\u2019s visual hierarchy were aligned with the brand.<\/p><\/div><aside class=\"aside\"><h3>What matters in this project<\/h3><ul><li><strong>Reflect the corporate identity<\/strong><span>Use the existing brand guidelines as the design foundation.<\/span><\/li><li><strong>Create consistency<\/strong><span>Fit the banner visually into the existing presence.<\/span><\/li><li><strong>Organise information<\/strong><span>Present user communication in a clear visual structure.<\/span><\/li><\/ul><\/aside><\/div><\/div><\/section><section id=\"leistungen\" class=\"soft\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">02 \/ OUR WORK<\/span><h2>A precise adjustment to an existing element.<\/h2><p>The project scope focused on the graphic design of an existing website element.<\/p><\/div><div class=\"cards\"><article class=\"card\"><span class=\"num\">01<\/span><h3>Visual alignment<\/h3><p>Design the cookie banner in line with the corporate identity guidelines.<\/p><\/article><article class=\"card\"><span class=\"num\">02<\/span><h3>Graphic adjustments<\/h3><p>Revise the appearance for a consistent presentation within the website.<\/p><\/article><article class=\"card\"><span class=\"num\">03<\/span><h3>Clear hierarchy<\/h3><p>Organise the banner\u2019s content and controls visually.<\/p><\/article><\/div><\/div><\/section><section id=\"einblicke\" class=\"\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">03 \/ PROJECT INSIGHTS<\/span><h2>A detail within the brand context.<\/h2><p>The project view shows the existing website into which the visual adjustment was integrated.<\/p><\/div><div class=\"split\"><figure class=\"work-image\"><img decoding=\"async\" src=\"https:\/\/seo-marketing.koeln\/wp-content\/uploads\/2025\/07\/Bildschirmfoto-2025-07-21-um-11.52.57.png\" alt=\"DeTe Assekuranz \u2013 existing website as design context\" loading=\"lazy\"><figcaption>Website view from the project documentation. Our scope: graphic adaptation of the cookie banner.<\/figcaption><\/figure><div><ul><li><strong>Brand guidelines as the benchmark<\/strong><span>The design follows the existing corporate identity.<\/span><\/li><li><strong>A clearly defined project scope<\/strong><span>The work covers banner design within the existing website.<\/span><\/li><li><strong>A coherent overall impression<\/strong><span>Functional website elements are also part of the brand presence.<\/span><\/li><\/ul><div class=\"actions\"><a class=\"btn secondary\" href=\"https:\/\/deteassekuranz.de\/\" target=\"_blank\" rel=\"noopener\">View the project website \u2197<\/a><\/div><\/div><\/div><\/div><\/section><section id=\"zusammenarbeit\" class=\"soft\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">04 \/ COLLABORATION<\/span><h2>Focused work on a specific touchpoint.<\/h2><p>A consistent presence also depends on careful design of small elements that visitors see frequently.<\/p><\/div><div class=\"flow\"><div><small>01<\/small><h3>Assess<\/h3><p>Consider the element within the existing brand presence.<\/p><\/div><div><small>02<\/small><h3>Adapt<\/h3><p>Align the graphic implementation with the design guidelines.<\/p><\/div><div><small>03<\/small><h3>Review<\/h3><p>Check the result for a consistent appearance.<\/p><\/div><\/div><\/div><\/section><section id=\"kontakt\" class=\"cta\"><div class=\"shell\"><span class=\"eyebrow\">YOUR PROJECT<\/span><h2>What should your digital presence achieve?<\/h2><p>Whether you need a new website, local visibility or ongoing optimisation, we\u2019ll discuss your starting point and the steps that suit your business.<\/p><a class=\"btn\" href=\"https:\/\/calendly.com\/smk-seo-support\" target=\"_blank\" rel=\"noopener\">Discuss your project \u2014 no obligation<\/a><\/div><\/section><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Case studies &nbsp; \/ &nbsp; DeTe Assekuranz CASE STUDY \u00b7 INSURANCE &#038; ADVICE DeTe Assekuranz On brand.Down to the details. For DeTe Assekuranz, we adapted the cookie banner\u2019s appearance to its corporate identity. The focus was a clear, consistent touchpoint within the existing website. Graphic adjustmentsCookie bannerCorporate identity Explore the project \u2193View the website \u2197 [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":28911,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"kunden-branche":[345],"class_list":["post-29035","page","type-page","status-publish","has-post-thumbnail","hentry","kunden-branche-advice-legal-finance"],"_links":{"self":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/pages\/29035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/comments?post=29035"}],"version-history":[{"count":8,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/pages\/29035\/revisions"}],"predecessor-version":[{"id":990280,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/pages\/29035\/revisions\/990280"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/media\/28911"}],"wp:attachment":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/media?parent=29035"}],"wp:term":[{"taxonomy":"kunden-branche","embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/kunden-branche?post=29035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}