{"id":29182,"date":"2026-09-05T09:00:00","date_gmt":"2026-09-05T08:00:00","guid":{"rendered":"https:\/\/dev.seo-marketing.koeln\/referencia-dete-assekuranz\/"},"modified":"2026-10-23T10:52:01","modified_gmt":"2026-10-23T09:52:01","slug":"referencia-dete-assekuranz","status":"publish","type":"page","link":"https:\/\/seo-marketing.koeln\/es\/referencia-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=\"Ruta de navegaci\u00f3n\"><a href=\"https:\/\/seo-marketing.koeln\/es\/referencias\/\">Casos de \u00e9xito<\/a> &nbsp; \/ &nbsp; DeTe Assekuranz<\/nav><div class=\"hero-grid\"><div><span class=\"eyebrow\">CASO DE \u00c9XITO \u00b7 SEGUROS Y ASESORAMIENTO<\/span><h1>DeTe Assekuranz<\/h1><h2 class=\"tagline\">Fiel a la marca.<br>Hasta el \u00faltimo detalle.<\/h2><p>Para DeTe Assekuranz adaptamos la apariencia del banner de cookies a su identidad corporativa. El foco estuvo en crear un punto de contacto claro y coherente dentro de la web existente.<\/p><div class=\"tags\"><span>Ajustes gr\u00e1ficos<\/span><span>Banner de cookies<\/span><span>Identidad corporativa<\/span><\/div><div class=\"actions\"><a class=\"btn\" href=\"#ausgangslage\">Descubrir el proyecto \u2193<\/a><a class=\"btn secondary\" href=\"https:\/\/deteassekuranz.de\/\" target=\"_blank\" rel=\"noopener\">Ver la web \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 contexto de la web del proyecto\" loading=\"eager\"><\/div><figcaption>Vista de la web procedente de nuestra documentaci\u00f3n del proyecto.<\/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>Dise\u00f1o gr\u00e1fico e identidad corporativa<\/p><\/div><\/div><\/div><\/div><\/section><section id=\"projektdaten\" class=\"facts\"><div class=\"shell\"><div class=\"fact-grid\"><div><small>SECTOR<\/small><strong>Seguros y asesoramiento<\/strong><\/div><div><small>ENFOQUE<\/small><strong>Dise\u00f1o gr\u00e1fico e identidad corporativa<\/strong><\/div><div><small>MERCADO<\/small><strong>Alemania<\/strong><\/div><div><small>PROYECTO<\/small><strong>Ajuste de dise\u00f1o espec\u00edfico<\/strong><\/div><\/div><\/div><\/section><nav class=\"jump\" aria-label=\"En este caso de \u00e9xito\"><div class=\"shell\"><a href=\"#ausgangslage\">Punto de partida<\/a><a href=\"#leistungen\">Nuestros servicios<\/a><a href=\"#einblicke\">El proyecto en detalle<\/a><a href=\"#zusammenarbeit\">Colaboraci\u00f3n<\/a><\/div><\/nav><section id=\"ausgangslage\" class=\"\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">01 \/ PUNTO DE PARTIDA<\/span><h2>Un peque\u00f1o elemento con gran presencia.<\/h2><p>El banner de cookies suele ser uno de los primeros elementos que se ven en una web. Su lenguaje visual tambi\u00e9n debe encajar con la marca.<\/p><\/div><div class=\"split\"><div><h3>Complementar la presencia existente con un ajuste concreto.<\/h3><p>Deutsche Telekom Assekuranz-Vermittlungsgesellschaft mbH cuenta con una identidad de marca consolidada. Nuestra tarea fue adaptar gr\u00e1ficamente el banner de cookies seg\u00fan sus directrices de dise\u00f1o.<\/p><p>El enfoque estuvo en la integraci\u00f3n visual en la web existente: los colores, el dise\u00f1o y la jerarqu\u00eda visual del elemento se adaptaron a la imagen de marca.<\/p><\/div><aside class=\"aside\"><h3>Las prioridades del proyecto<\/h3><ul><li><strong>Reflejar la identidad corporativa<\/strong><span>Utilizar las directrices de marca existentes como base del dise\u00f1o.<\/span><\/li><li><strong>Crear coherencia<\/strong><span>Integrar visualmente el banner en la presencia existente.<\/span><\/li><li><strong>Ordenar la informaci\u00f3n<\/strong><span>Presentar la comunicaci\u00f3n con los usuarios de forma clara y ordenada.<\/span><\/li><\/ul><\/aside><\/div><\/div><\/section><section id=\"leistungen\" class=\"soft\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">02 \/ NUESTRO TRABAJO<\/span><h2>Un ajuste preciso de un elemento existente.<\/h2><p>El alcance del proyecto se centr\u00f3 en el dise\u00f1o gr\u00e1fico de un elemento de la web existente.<\/p><\/div><div class=\"cards\"><article class=\"card\"><span class=\"num\">01<\/span><h3>Coherencia visual<\/h3><p>Dise\u00f1ar el banner de cookies seg\u00fan las directrices de identidad corporativa.<\/p><\/article><article class=\"card\"><span class=\"num\">02<\/span><h3>Adaptaci\u00f3n gr\u00e1fica<\/h3><p>Revisar la apariencia para una presentaci\u00f3n coherente dentro de la web.<\/p><\/article><article class=\"card\"><span class=\"num\">03<\/span><h3>Jerarqu\u00eda clara<\/h3><p>Organizar visualmente los contenidos y los controles del banner.<\/p><\/article><\/div><\/div><\/section><section id=\"einblicke\" class=\"\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">03 \/ EL PROYECTO EN DETALLE<\/span><h2>Un detalle en el contexto de la marca.<\/h2><p>La vista del proyecto muestra la web existente en cuyo entorno visual se integr\u00f3 la adaptaci\u00f3n.<\/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 web existente como contexto del dise\u00f1o\" loading=\"lazy\"><figcaption>Vista de la web procedente de la documentaci\u00f3n del proyecto. Nuestro alcance: adaptaci\u00f3n gr\u00e1fica del banner de cookies.<\/figcaption><\/figure><div><ul><li><strong>Las directrices de marca como referencia<\/strong><span>El dise\u00f1o sigue la identidad corporativa existente.<\/span><\/li><li><strong>Un alcance bien definido<\/strong><span>El trabajo abarca el dise\u00f1o del banner dentro de la web existente.<\/span><\/li><li><strong>Una impresi\u00f3n general coherente<\/strong><span>Los elementos funcionales de la web tambi\u00e9n forman parte de la presencia de marca.<\/span><\/li><\/ul><div class=\"actions\"><a class=\"btn secondary\" href=\"https:\/\/deteassekuranz.de\/\" target=\"_blank\" rel=\"noopener\">Ver la web del proyecto \u2197<\/a><\/div><\/div><\/div><\/div><\/section><section id=\"zusammenarbeit\" class=\"soft\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">04 \/ COLABORACI\u00d3N<\/span><h2>Trabajo espec\u00edfico en un punto de contacto concreto.<\/h2><p>Una presencia coherente tambi\u00e9n nace del dise\u00f1o cuidadoso de peque\u00f1os elementos que se ven con frecuencia.<\/p><\/div><div class=\"flow\"><div><small>01<\/small><h3>Analizar<\/h3><p>Considerar el elemento dentro de la presencia de marca existente.<\/p><\/div><div><small>02<\/small><h3>Adaptar<\/h3><p>Ajustar la implementaci\u00f3n gr\u00e1fica a las directrices de dise\u00f1o.<\/p><\/div><div><small>03<\/small><h3>Revisar<\/h3><p>Comprobar que el resultado ofrece una apariencia coherente.<\/p><\/div><\/div><\/div><\/section><section id=\"kontakt\" class=\"cta\"><div class=\"shell\"><span class=\"eyebrow\">SU PROYECTO<\/span><h2>\u00bfQu\u00e9 quiere conseguir con su presencia digital?<\/h2><p>Ya sea una nueva web, visibilidad local u optimizaci\u00f3n continua, analizamos su punto de partida y las medidas adecuadas para su empresa.<\/p><a class=\"btn\" href=\"https:\/\/calendly.com\/smk-seo-support\" target=\"_blank\" rel=\"noopener\">Hablemos de su proyecto sin compromiso<\/a><\/div><\/section><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Casos de \u00e9xito &nbsp; \/ &nbsp; DeTe Assekuranz CASO DE \u00c9XITO \u00b7 SEGUROS Y ASESORAMIENTO DeTe Assekuranz Fiel a la marca.Hasta el \u00faltimo detalle. Para DeTe Assekuranz adaptamos la apariencia del banner de cookies a su identidad corporativa. El foco estuvo en crear un punto de contacto claro y coherente dentro de la web existente. [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":29188,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"kunden-branche":[346],"class_list":["post-29182","page","type-page","status-publish","has-post-thumbnail","hentry","kunden-branche-asesoramiento-derecho-y-finanzas"],"_links":{"self":[{"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/pages\/29182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/comments?post=29182"}],"version-history":[{"count":6,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/pages\/29182\/revisions"}],"predecessor-version":[{"id":990282,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/pages\/29182\/revisions\/990282"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/media\/29188"}],"wp:attachment":[{"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/media?parent=29182"}],"wp:term":[{"taxonomy":"kunden-branche","embeddable":true,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/kunden-branche?post=29182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}