1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<!-- Meta Pixel Code -->
5<script>
vendor: 399 bytes, lines 5-14
5 6!function(f,b,e,v,n,t,s) 7{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 8n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 9if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 10n.queue=[];t=b.createElement(e);t.async=!0; 11t.src=v;s=b.getElementsByTagName(e)[0]; 12s.parentNode.insertBefore(t,s)}(window, document,'script', 13'https://connect.facebook.net/en_US/fbevents.js'); 14fbq('init', '
141012467201613820
vendor: 30 bytes, lines 14-15
14'); 15fbq('track', 'PageView');
16</script>
16 17<noscript><img height="1" width="1" style="display:none" 18src="https://www.facebook.com/tr?id=1012467201613820&ev=PageView&noscript=1" 19/></noscript> 20<!-- End Meta Pixel Code --> 21<meta charset="utf-8"> 22<meta name="viewport" content="width=device-width, initial-scale=1"> 23<title>Services â MIND MIAMI</title> 24<meta name="description" content="Explore 11 Mind Miami services organized around four needs: brand, web experience, content, and operations and automation."> 25<link rel="alternate" hreflang="en" href="https://www.mindmiami.com/services"> 26<link rel="alternate" hreflang="es" href="https://www.mindmiami.com/services?lang=es"> 27<link rel="alternate" hreflang="x-default" href="https://www.mindmiami.com/services"> 28<link rel="canonical" href="https://www.mindmiami.com/services"> 29<meta property="og:type" content="website"> 30<meta property="og:site_name" content="MIND MIAMI"> 31<meta property="og:title" content="Services â MIND MIAMI"> 32<meta property="og:description" content="Brand, web experience, content, and operationsâ11 creative and technical services with a clear next step."> 33<meta property="og:url" content="https://www.mindmiami.com/services"> 34<meta property="og:image" content="https://www.mindmiami.com/assets/og/og-services.jpg"> 35<meta name="twitter:card" content="summary_large_image"> 36<link rel="icon" href="/assets/img/favicon-32.png" sizes="32x32"> 37<link rel="apple-touch-icon" href="/assets/img/apple-touch-icon.png"> 38<link rel="preload" href="/assets/fonts/sora-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin> 39<link rel="preload" href="/assets/fonts/inter-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin> 40<link rel="stylesheet" href="/css/system.css?v=agency-public-1"> 41<link rel="stylesheet" href="/css/system-pages.css"> 42<link rel="stylesheet" href="/css/motion.css"> 43<link rel="stylesheet" href="/css/icons.css"> 44<link rel="stylesheet" href="/css/backdrops.css"> 45<link rel="stylesheet" href="/css/motion2.css"> 46<style data-page-css> 47/* Rejilla editorial del hub: 4 necesidades (01-04) â 11 servicios (01-11). 48 Solo el layout de esta página; todos los componentes viven en system.css + 49 system-pages.css. Sin cian como texto pequeño sobre papel (AA). */ 50.svc-caps { display: flex; flex-direction: column; } 51.svc-cap { 52 display: grid; grid-template-columns: minmax(210px, 300px) 1fr; 53 gap: clamp(22px, 4vw, 64px); 54 border-top: 1px solid var(--line-ink); 55 padding: clamp(34px, 4.6vw, 66px) 0; 56} 57.svc-caps > .svc-cap:last-child { border-bottom: 1px solid var(--line-ink); } 58.svc-cap-head { align-self: start; } 59.svc-cap-num { 60 display: block; 61 font-family: var(--display); font-weight: 700; 62 font-size: clamp(44px, 5.4vw, 76px); line-height: .9; letter-spacing: -.02em; 63 color: transparent; 64 -webkit-text-stroke: 1.4px var(--ink); 65 text-stroke: 1.4px var(--ink); 66} 67.svc-cap-head h3 { 68 font-family: var(--display); font-weight: 700; 69 font-size: clamp(21px, 2.1vw, 31px); line-height: 1.1; letter-spacing: -.015em; 70 margin: 14px 0 8px; 71} 72.svc-cap-role { font-size: 11px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--ink-soft); } 73.svc-cap-copy { margin-top: 14px; color: var(--ink-soft); font-size: 15px; max-width: 380px; } 74.need-jump { 75 display: grid; grid-template-columns: repeat(4, 1fr); 76 border-block: 1px solid var(--line-ink); margin-top: clamp(34px, 5vw, 64px); 77} 78.need-jump a { 79 display: flex; align-items: center; justify-content: space-between; gap: 14px; 80 min-height: 72px; padding: 16px 18px; color: var(--ink); 81 font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .04em; 82} 83.need-jump a + a { border-left: 1px solid var(--line-ink); } 84.need-jump a:hover, .need-jump a:focus-visible { background: var(--navy); color: #fff; } 85.need-jump b { color: var(--ink-soft); font-size: 11px; } 86.need-jump a:hover b, .need-jump a:focus-visible b { color: var(--cyan); } 87.svc-cap { scroll-margin-top: 90px; } 88.svc-cap-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; } 89.svc-cap-actions a { 90 display: inline-flex; align-items: center; min-height: 44px; 91 border: 1px solid var(--ink); padding: 9px 12px; 92 font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; 93} 94.svc-cap-actions a:hover, .svc-cap-actions a:focus-visible { background: var(--navy); color: #fff; } 95
96/* auto-FILL (no auto-fit): las capacidades con 1 solo servicio conservan el 97 ancho de columna en lugar de estirarse a toda la fila. */ 98.svc-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(258px, 1fr)); gap: 14px; } 99.svc-item { 100 position: relative; 101 display: flex; flex-direction: column; gap: 9px; 102 border: 1px solid var(--line-ink); 103 padding: clamp(20px, 2.2vw, 28px); 104 min-height: 222px; 105 transition: background .25s ease, border-color .25s ease; 106} 107/* La tarjeta la encabeza el ICONO del servicio (sprite /assets/art/icons.svg): 108 once marcas distintas se leen de un vistazo donde antes habÃa once ordinales 109 calcados ây el ordinal grande de la CAPACIDAD ya vive dos columnas a la 110 izquierda, asà que la rejilla numeraba dos veces. El número no se pierde: 111 baja a Ãndice de catálogo, del tamaño de un chip, al lado del icono. */ 112.svc-item-mark { display: flex; align-items: center; gap: 10px; } 113.svc-item-ic { --ic-size: 30px; color: var(--ink); transition: color .25s ease; } 114.svc-item-num { 115 font-family: var(--display); font-weight: 700; 116 font-size: 13px; line-height: 1; letter-spacing: .1em; 117 color: var(--ink-soft); 118 transition: color .25s ease; 119} 120.svc-item-go { 121 position: absolute; right: clamp(16px, 1.8vw, 24px); top: clamp(16px, 1.8vw, 24px); 122 font-style: normal; font-size: 17px; line-height: 1; color: var(--ink-soft); 123 transition: color .25s ease, transform .25s ease; 124} 125.svc-item-go .ic { --ic-size: 17px; display: block; vertical-align: baseline; } 126.svc-item-name { 127 font-family: var(--display); font-weight: 700; 128 font-size: clamp(18px, 1.7vw, 23px); line-height: 1.15; letter-spacing: -.01em; 129 padding-right: 30px; 130} 131.svc-item-line { color: var(--ink-soft); font-size: 14px; line-height: 1.6; } 132.svc-item-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; padding-top: 14px; } 133.svc-item-chips span { 134 border: 1px solid var(--line-ink); 135 padding: 6px 11px; 136 font-size: 11px; font-weight: 500; letter-spacing: .04em; 137 color: var(--ink); 138 transition: border-color .25s ease, color .25s ease; 139} 140.svc-item:hover, .svc-item:focus-visible { background: var(--navy); border-color: var(--navy); } 141.svc-item:hover .svc-item-num, .svc-item:focus-visible .svc-item-num { color: var(--muted-on-navy); } 142.svc-item:hover .svc-item-ic, .svc-item:focus-visible .svc-item-ic { color: var(--cyan); } 143.svc-item:hover .svc-item-name, .svc-item:focus-visible .svc-item-name { color: #fff; } 144.svc-item:hover .svc-item-line, .svc-item:focus-visible .svc-item-line { color: var(--muted-on-navy); } 145.svc-item:hover .svc-item-chips span, .svc-item:focus-visible .svc-item-chips span { border-color: var(--line-paper); color: var(--text-on-navy); } 146.svc-item:hover .svc-item-go, .svc-item:focus-visible .svc-item-go { color: var(--cyan); transform: translate(2px, -2px); } 147 148/* El tablero del equipo rotula los nodos con los nombres completos de las 149 capacidades: más largos que los del home, se salÃan del .service-image 150 (overflow:clip) en anchos medios y en móvil. Envolver siempre y, por debajo 151 de 1080, resolver el tablero como rejilla 2Ã2 sin los filetes de conexión. */ 152.system-board .flow-row { flex-wrap: wrap; } 153 154@media (max-width: 1080px) { 155 .svc-cap { grid-template-columns: 1fr; } 156 .svc-cap-copy { max-width: 620px; } 157 .system-board .flow-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } 158 .system-board .flow-line { display: none; } 159 .system-board .flow-node { white-space: normal; align-items: flex-start; line-height: 1.3; } 160} 161@media (max-width: 760px) { 162 .need-jump { grid-template-columns: 1fr 1fr; } 163 .need-jump a:nth-child(3) { border-left: 0; } 164 .need-jump a:nth-child(n+3) { border-top: 1px solid var(--line-ink); } 165} 166/* "CONSTRUYAMOS" (ES) es la palabra más ancha del titular: con el clamp del 167 sistema desborda por sà sola de 320px a 640px. Solo en ES y solo por debajo 168 de 860px, la banda CTA baja un escalón de tamaño. */ 169@media (max-width: 860px) { 170 html[lang="es"] .cta-band h2 { font-size: clamp(28px, 9.2vw, 64px); } 171} 172@media (max-width: 560px) { 173 .svc-list { grid-template-columns: 1fr; } 174 .svc-item { min-height: 0; } 175} 176@media (prefers-reduced-motion: reduce) { 177 .svc-item, .svc-item-num, .svc-item-ic, .svc-item-go, .svc-item-chips span { transition: none; } 178} 179</style>
180<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.mindmiami.com/services#webpage","url":"https://www.mindmiami.com/services","name":"Services â MIND MIAMI","description":"Explore 11 Mind Miami services organized around four needs: brand, web experience, content, and operations and automation.","about":{"@type":"Organization","name":"MIND MIAMI","url":"https://www.mindmiami.com/","logo":"https://www.mindmiami.com/assets/img/icon-512.png"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.mindmiami.com/"},{"@type":"ListItem","position":2,"name":"Services","item":"https://www.mindmiami.com/services"}]}]}</script>
180 181</head> 182<body> 183<a class="skip-link" href="#main" data-es="Saltar al contenido">Skip to content</a> 184<div class="page-progress" aria-hidden="true"></div> 185 186<main id="main"> 187 188 <!-- ============================ HERO ============================ --> 189 <header class="page-hero"> 190 <div class="page-hero-grid" aria-hidden="true"></div> 191 <div class="page-hero-glow" aria-hidden="true"></div> 192 193 <nav class="nav-shell inner-nav" aria-label="Main navigation" data-en-attr="aria-label:Main navigation" data-es-attr="aria-label:Navegación principal"> 194 <a href="/" class="nav-brand" aria-label="Mind Miami home" data-en-attr="aria-label:Mind Miami home" data-es-attr="aria-label:Inicio de Mind Miami"> 195 <img class="brand-logo" src="/assets/brand/logo-inverse.png" alt="MIND MIAMI" width="435" height="93"> 196 </a> 197 <div class="nav-links"> 198 <a href="/" data-es="Inicio">Home</a> 199 <a href="/services" aria-current="page" data-es="Servicios">Services</a> 200 <a href="/industries" data-es="Industrias">Industries</a> 201 <a href="/systems" data-es="Sistemas">Systems</a> 202 <a href="/work" data-es="Trabajos">Work</a> 203 </div> 204 <div class="nav-right"> 205 <div class="lang-toggle" role="group" aria-label="Language / Idioma"> 206 <button type="button" data-lang="en" aria-pressed="true">EN</button> 207 <button type="button" data-lang="es" aria-pressed="false">ES</button> 208 </div> 209 <a class="nav-cta" href="/start"><span data-es="Iniciar un proyecto">Start a project</span><i aria-hidden="true">â</i></a> 210 </div> 211 </nav> 212 213 <div class="page-hero-body"> 214 <div class="section-kicker light" data-enter="fade"> 215 <span>01</span> 216 <span data-scramble data-es="Servicios">Services</span> 217 </div> 218 <h1 data-enter="slide-up"> 219 <span data-es="SERVICIOS">SERVICES</span> 220 <span class="outline-line" data-es-html="BAJO UN MISMO TECHO<span class="cyan-dot">.</span>">UNDER ONE ROOF<span class="cyan-dot">.</span></span> 221 </h1> 222 <p class="page-hero-intro" data-enter="slide-up" data-enter-delay="120" data-es="Elige lo que necesita atención ahora: tu marca, experiencia web, motor de contenido u operación. Podemos resolver una necesidad concreta o conectar varias en un sistema práctico.">Choose what needs attention now: your brand, web experience, content engine, or the operations behind it. We can solve one focused need or connect several into a practical system.</p> 223 <div class="page-hero-cta" data-enter="slide-up" data-enter-delay="220"> 224 <a class="nav-cta" href="/start"><span data-es="Obtén tu llamada estratégica">Get a free strategy call</span><i aria-hidden="true">â</i></a> 225 <a class="text-link" href="/work" data-es="Ver trabajos">See our work</a> 226 </div> 227 </div> 228 </header> 229 230 <!-- ==================== MARQUEE DEL HUB (cian) ==================== --> 231 <section class="brand-marquee" aria-hidden="true"> 232 <div class="brand-marquee-track"> 233 <span data-es="ESTRATÃGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">â</i> 234 <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">â</i> 235 <span data-es="ESTRATÃGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">â</i> 236 <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">â</i> 237 <span data-es="ESTRATÃGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">â</i> 238 <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">â</i> 239 <span data-es="ESTRATÃGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">â</i> 240 <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">â</i> 241 <span data-es="ESTRATÃGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">â</i>
242 <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">â</i> 243 <span data-es="ESTRATÃGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">â</i> 244 <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">â</i> 245 </div> 246 </section> 247 248 <!-- ============ 02 · LO QUE HACEMOS · 11 SERVICIOS / 4 NECESIDADES ============ --> 249 <section class="bd-scene services-story" id="what-we-do"> 250 <div class="bd bd-dots bd-on-paper bd-calm bd-fade-y" aria-hidden="true"><i class="bd-i"></i></div> 251 <div class="section-spread"> 252 <header class="services-intro reveal"> 253 <div class="section-kicker"> 254 <span>02</span> 255 <span data-scramble data-es="Lo Que Hacemos">What We Do</span> 256 </div> 257 <h2 data-es-html="LO QUE <em>HACEMOS.</em>">WHAT WE <em>DO.</em></h2> 258 <p data-es="Once servicios organizados según cuatro necesidades, con un siguiente paso claro para cada una.">Eleven services organized around four needs, with a clear next step for each one.</p> 259 </header> 260 <!-- El techo compartido, antes de la rejilla de 11 servicios: color natural 261 porque el fondo es papel (docs/FOTOGRAFIA.md, REGLA 2). --> 262 <figure class="section-photo reveal" data-scrub="clip-r:100,0" data-scrub-range="1,0.62"> 263 <picture data-scrub="scale:1.12,1" data-scrub-range="1,0.62"> 264 <source type="image/avif" srcset="/assets/services/strategy-square-800.avif 800w" sizes="(max-width: 1080px) min(560px, 92vw), 31vw"> 265 <source type="image/webp" srcset="/assets/services/strategy-square-800.webp 800w" sizes="(max-width: 1080px) min(560px, 92vw), 31vw"> 266 <img src="/assets/services/strategy-square-800.webp" width="800" height="800" loading="lazy" decoding="async" 267 alt="A Mind Miami strategist walking the team through a moodboard wall of printed brand references while a colleague works through the samples on the table" 268 data-en-attr="alt:A Mind Miami strategist walking the team through a moodboard wall of printed brand references while a colleague works through the samples on the table" 269 data-es-attr="alt:Un estratega de Mind Miami explicando al equipo un moodboard con referencias de marca impresas mientras una colega revisa las muestras sobre la mesa"> 270 </picture> 271 </figure> 272 </div> 273 274 <nav class="need-jump reveal" aria-label="Browse services by need" data-en-attr="aria-label:Browse services by need" data-es-attr="aria-label:Explorar servicios por necesidad"> 275 <a href="#brand"><span data-es="Marca">Brand</span><b>01</b></a> 276 <a href="#web-experience"><span data-es="Experiencia web">Web experience</span><b>02</b></a> 277 <a href="#content"><span data-es="Contenido">Content</span><b>03</b></a> 278 <a href="#operations"><span data-es="Operaciones y automatización">Operations & automation</span><b>04</b></a> 279 </nav> 280 281 <div class="svc-caps"> 282 <article class="svc-cap reveal" id="brand"> 283 <div class="svc-cap-head"> 284 <span class="svc-cap-num" aria-hidden="true">01</span> 285 <h3 data-es="Construir o actualizar tu marca">Build or refresh your brand</h3> 286 <p class="svc-cap-role" data-es="Marca">Brand</p> 287 <p class="svc-cap-copy" data-es="Aclaramos tu posición y la convertimos en una identidad, mensajes y piezas que tu equipo puede usar con consistencia.">We clarify your position, then turn it into an identity, messaging, and practical assets your team can use consistently.</p> 288 <div class="svc-cap-actions"><a href="/start?service=Branding" data-es="Empezar con branding">Start with branding</a></div> 289 </div> 290 <div class="svc-list"> 291 <a class="svc-item" href="/services/brand-strategy"> 292 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-branding"></use></svg><span class="svc-item-num">01</span></span> 293 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
294 <h4 class="svc-item-name" data-es="Estrategia e Identidad de Marca">Brand Strategy & Identity</h4> 295 <p class="svc-item-line" data-es="Posicionamiento, voz e identidad visual conectados en un sistema reconocible.">Positioning, voice, and visual identity connected in one recognizable system.</p> 296 <span class="svc-item-chips"><span data-es="Posicionamiento">Positioning</span><span data-es="Identidad">Identity</span><span data-es="Mensajes">Messaging</span></span> 297 </a> 298 <a class="svc-item" href="/services/flyer-graphic-design"> 299 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-flyer"></use></svg><span class="svc-item-num">02</span></span> 300 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i> 301 <h4 class="svc-item-name" data-es="Diseño Gráfico y Flyers">Graphic & Flyer Design</h4> 302 <p class="svc-item-line" data-es="Piezas claras y memorables para eventos, campañas y comunicación diaria.">Clear, memorable pieces for events, campaigns, and everyday communication.</p> 303 <span class="svc-item-chips"><span data-es="Eventos">Events</span><span data-es="Campañas">Campaigns</span><span data-es="Plantillas">Templates</span></span> 304 </a> 305 </div> 306 </article> 307 308 <article class="svc-cap reveal" id="web-experience"> 309 <div class="svc-cap-head"> 310 <span class="svc-cap-num" aria-hidden="true">02</span> 311 <h3 data-es="Crear una mejor experiencia web">Create a better web experience</h3> 312 <p class="svc-cap-role" data-es="Experiencia web">Web experience</p> 313 <p class="svc-cap-copy" data-es="Diseñamos recorridos claros y experiencias interactivas que se sienten propias de tu marca, funcionan en móvil y ayudan a que te encuentren.">We design clear journeys and thoughtful interactions that feel true to your brand, work on mobile, and help people find you.</p> 314 <div class="svc-cap-actions">
314<a href="/start?service=Website" data-es="Planear mi sitio web">Plan my website</a></div> 315 </div> 316 <div class="svc-list"> 317 <a class="svc-item" href="/services/web-design"> 318 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-web"></use></svg><span class="svc-item-num">03</span></span> 319 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i> 320 <h4 class="svc-item-name" data-es="Diseño y Desarrollo Web">Web Design & Development</h4> 321 <p class="svc-item-line" data-es="UX, interacción, desarrollo responsivo, accesibilidad y formularios que llegan a tu equipo.">UX, interaction, responsive development, accessibility, and forms that reach your team.</p> 322 <span class="svc-item-chips"><span>UX/UI</span><span data-es="Mobile-first">Mobile-first</span><span data-es="Formularios">Forms</span></span> 323 </a> 324 <a class="svc-item" href="/services/seo-local-search"> 325 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-seo"></use></svg><span class="svc-item-num">04</span></span> 326 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i> 327 <h4 class="svc-item-name" data-es="SEO y Búsqueda Local">SEO & Local Search</h4> 328 <p class="svc-item-line" data-es="Fundamentos técnicos, contenido on-page y presencia local para mejorar cómo te descubren.">Technical foundations, on-page content, and local presence to improve how people discover you.</p> 329 <span class="svc-item-chips"><span data-es="SEO local">Local SEO</span><span data-es="On-page">On-page</span><span data-es="Técnico">Technical</span></span> 330 </a> 331 </div> 332 </article> 333 334 <article class="svc-cap reveal" id="content"> 335 <div class="svc-cap-head"> 336 <span class="svc-cap-num" aria-hidden="true">03</span> 337 <h3 data-es="Mantener el contenido en movimiento">Keep content moving</h3> 338 <p class="svc-cap-role" data-es="Contenido">Content</p> 339 <p class="svc-cap-copy" data-es="Unimos estrategia, producción, diseño y gestión para que cada publicación tenga propósito y el calendario sea manejable.">We connect strategy, production, design, and management so every post has a purpose and the calendar stays manageable.</p> 340 <div class="svc-cap-actions"><a href="/start?service=Content%20Production" data-es="Planear una producción">Plan a production</a><a href="/start?service=Social%20Media" data-es="Planear redes sociales">Plan social media</a></div> 341 </div> 342 <div class="svc-list"> 343 <a class="svc-item" href="/services/social-media"> 344 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-social"></use></svg><span class="svc-item-num">05</span></span> 345 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i> 346 <h4 class="svc-item-name" data-es="Gestión de Redes Sociales">Social Media Management</h4> 347 <p class="svc-item-line" data-es="Estrategia, calendario, aprobación y gestión de comunidad con una voz consistente.">Strategy, calendar, approvals, and community management with a consistent voice.</p> 348 <span class="svc-item-chips"><span data-es="Estrategia">Strategy</span><span data-es="Calendario">Calendar</span><span data-es="Comunidad">Community</span></span> 349 </a> 350 <a class="svc-item" href="/services/content-production"> 351 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-content"></use></svg><span class="svc-item-num">06</span></span> 352 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
353 <h4 class="svc-item-name" data-es="Producción de Contenido">Content Production</h4> 354 <p class="svc-item-line" data-es="Concepto, captura y edición de foto y video listos para los canales acordados.">Concepting, capture, and editing for photo and video sized for the agreed channels.</p> 355 <span class="svc-item-chips"><span data-es="Concepto">Concept</span><span data-es="Producción">Production</span><span data-es="Edición">Editing</span></span> 356 </a> 357 <a class="svc-item" href="/services/photo-video"> 358 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-video"></use></svg><span class="svc-item-num">07</span></span> 359 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i> 360 <h4 class="svc-item-name" data-es="Foto y Video">Photo & Video</h4> 361 <p class="svc-item-line" data-es="FotografÃa de marca, piezas cortas y producciones que alimentan campañas completas.">Brand photography, short-form pieces, and shoots that supply full campaigns.</p> 362 <span class="svc-item-chips"><span data-es="FotografÃa">Photography</span><span data-es="Formato corto">Short-form</span><span data-es="Campañas">Campaigns</span></span> 363 </a> 364 <a class="svc-item" href="/services/egc-content-systems"> 365 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-strategy"></use></svg><span class="svc-item-num">08</span></span> 366 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i> 367 <h4 class="svc-item-name" data-es="Sistemas de Contenido EGC">EGC Content Systems</h4> 368 <p class="svc-item-line" data-es="GuÃas, capacitación y ritmos para que empleados y colaboradores creen contenido alineado.">Guides, training, and rhythms that help employees and collaborators create aligned content.</p> 369 <span class="svc-item-chips"><span data-es="GuÃas">Playbooks</span><span data-es="Capacitación">Training</span><span data-es="Ritmo">Cadence</span></span> 370 </a> 371 </div> 372 </article> 373 374 <article class="svc-cap reveal" id="operations"> 375 <div class="svc-cap-head"> 376 <span class="svc-cap-num" aria-hidden="true">04</span> 377 <h3 data-es="Ordenar la operación y reducir trabajo manual">Organize operations and reduce manual work</h3> 378 <p class="svc-cap-role" data-es="Operaciones y automatización">Operations & automation</p> 379 <p class="svc-cap-copy" data-es="Mapeamos el trabajo real y construimos sistemas según alcance: desde lead, propuesta y factura hasta posts, aprobación y calendario, con WhatsApp como canal humano cuando corresponde.">We map the work as it happens and build to scope: from lead, proposal, and invoice to posts, approval, and calendar, with WhatsApp as a human channel where it fits.</p> 380 <div class="svc-cap-actions"><a href="/start?service=AI%20Systems" data-es="Mapear mi sistema">Map my system</a></div> 381 </div> 382 <div class="svc-list"> 383 <a class="svc-item" href="/services/ai-automation"> 384 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-ai"></use></svg><span class="svc-item-num">09</span></span> 385 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i> 386 <h4 class="svc-item-name" data-es="IA y Automatización">AI & Automation</h4> 387 <p class="svc-item-line" data-es="Asistentes, traspasos y recordatorios configurados alrededor de tus herramientas y reglas.">Assistants, handoffs, and reminders configured around your tools and rules.</p>
388 <span class="svc-item-chips"><span data-es="Asistentes">Assistants</span><span data-es="Flujos">Workflows</span><span data-es="Integraciones">Integrations</span></span> 389 </a> 390 <a class="svc-item" href="/services/custom-systems"> 391 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-systems"></use></svg><span class="svc-item-num">10</span></span> 392 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i> 393 <h4 class="svc-item-name" data-es="Sistemas a la Medida">Custom Systems</h4> 394 <p class="svc-item-line" data-es="CRM, propuestas, facturas, portales y calendarios construidos como módulos del sistema que necesitas.">CRM, proposals, invoices, portals, and calendars built as modules of the system you need.</p> 395 <span class="svc-item-chips"><span data-es="Pipelines">Pipelines</span><span data-es="Facturación">Invoicing</span><span data-es="Portales">Portals</span></span> 396 </a> 397 <a class="svc-item" href="/services/growth-consulting"> 398 <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-consulting"></use></svg><span class="svc-item-num">11</span></span> 399 <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i> 400 <h4 class="svc-item-name" data-es="ConsultorÃa de Crecimiento">Growth Consulting</h4> 401 <p class="svc-item-line" data-es="AuditorÃa, prioridades y una hoja de ruta para decidir qué mejorar primero.">Audit, priorities, and a roadmap for deciding what to improve first.</p> 402 <span class="svc-item-chips"><span data-es="AuditorÃa">Audit</span><span data-es="Prioridades">Priorities</span><span data-es="Hoja de ruta">Roadmap</span></span> 403 </a> 404 </div> 405 </article> 406 </div> 407 </section> 408 409 410 <!-- ================ 03 · ARMA TU PROPIO EQUIPO + TABLERO ================ --> 411 <section style="padding: 0 var(--pad-x) var(--sec-y);"> 412 <article class="service-panel reveal"> 413 <div class="service-image"> 414 <div class="system-board" aria-hidden="true"> 415 <span style="position:absolute; right:clamp(18px,3vw,34px); top:clamp(16px,2.6vw,30px); width:20px; height:20px; background:var(--cyan); border-radius:50% 50% 50% 0; transform:rotate(-45deg);"></span> 416 <p class="board-title" data-es="EQUIPO CREATIVO Y OPERATIVO">CREATIVE & OPERATIONS TEAM</p> 417 <div class="flow-row"> 418 <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.81,0.68"><b></b><span data-es="MARCA">BRAND</span></span> 419 <span class="flow-line"></span> 420 <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.78,0.65"><b></b><span data-es="EXPERIENCIA WEB">WEB EXPERIENCE</span></span> 421 </div> 422 <div class="flow-row"> 423 <span class="flow-line" style="max-width:38px"></span> 424 <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.815,0.685"><b></b><span data-es="CONTENIDO">CONTENT</span></span> 425 <span class="flow-line"></span> 426 <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.79,0.66"><b></b><span data-es="OPERACIONES Y AUTOMATIZACIÃN">OPERATIONS & AUTOMATION</span></span> 427 </div> 428 <div class="flow-meta" data-scrub="opacity:0,1" data-scrub-range="0.83,0.70"> 429 <span data-es-html="11 <b>SERVICIOS</b>">11 <b>SERVICES</b></span> 430 <span data-es-html="04 <b>NECESIDADES</b>">04 <b>NEEDS</b></span> 431 </div> 432 </div> 433 </div> 434 <div class="service-copy"> 435 <div class="section-kicker"> 436 <span>03</span> 437 <span data-scramble data-es="Tu Equipo">Your Team</span> 438 </div> 439 <h3 data-es-html="ARMA TU PROPIO<br>EQUIPO.">BUILD YOUR OWN<br>TEAM.</h3> 440 <div class="service-detail"> 441 <p data-es="Elige una especialidad o arma un equipo con estrategia, diseño, contenido y sistemas alrededor de un objetivo compartido.">Choose one specialty or assemble a team across strategy, design, content, and systems around one shared goal.</p> 442 <ul> 443 <li data-es="Alcance y responsables claros">Clear scope & owners</li> 444 <li data-es="Especialistas según la necesidad">Specialists matched to the need</li> 445 <li data-es="Hitos y validación compartidos">Shared milestones & validation</li> 446 <li data-es="Entrega y soporte definidos">
446Defined handoff & support</li> 447 </ul> 448 </div> 449 </div> 450 </article> 451 </section> 452 453 <!-- ========================== CLIENT STRIP ========================== --> 454 <ul class="client-strip" aria-label="Selected clients" data-en-attr="aria-label:Selected clients" data-es-attr="aria-label:Clientes seleccionados"> 455 <li class="cs-mark cs-mark--rabbit"><svg viewBox="0 0 137 40" role="img" aria-label="Dirty Rabbit Group"><use href="/assets/brand/clients.svg#cl-rabbit"></use></svg></li> 456 <li class="cs-mark cs-mark--tiendita"><svg viewBox="0 0 149 40" role="img" aria-label="La Tiendita"><use href="/assets/brand/clients.svg#cl-tiendita"></use></svg></li> 457 <li class="cs-mark cs-mark--monkey"><svg viewBox="0 0 116 40" role="img" aria-label="Back Door Monkey"><use href="/assets/brand/clients.svg#cl-monkey"></use></svg></li> 458 <li class="cs-mark cs-mark--mad"><svg viewBox="0 0 133 40" role="img" aria-label="Mad Club"><use href="/assets/brand/clients.svg#cl-mad"></use></svg></li> 459 <li class="cs-mark cs-mark--tulum"><svg viewBox="0 0 104 40" role="img" aria-label="Proyecto Tulum"><use href="/assets/brand/clients.svg#cl-tulum"></use></svg></li> 460 <li class="cs-mark cs-mark--pony"><svg viewBox="0 0 136 40" role="img" aria-label="Pink Pony"><use href="/assets/brand/clients.svg#cl-pony"></use></svg></li> 461 <li class="cs-mark cs-mark--ufactory"><svg viewBox="0 0 142 40" role="img" aria-label="UFACTORY"><use href="/assets/brand/clients.svg#cl-ufactory"></use></svg></li> 462 </ul> 463 464 <!-- ==================== CTA FINAL + FOOTER ==================== --> 465 <section class="cta-band"> 466 <div class="cta-band-inner"> 467 <div> 468 <p class="cta-band-kicker" data-es="¿LISTO PARA LLEVAR TU MARCA AL SIGU
468IENTE NIVEL? HABLEMOS.">READY TO TAKE YOUR BRAND TO THE NEXT LEVEL? LET'S TALK.</p> 469 <h2 data-es-html="CONSTRUYAMOS ALGO<br>QUE PERDURE.">LET'S BUILD SOMETHING<br>THAT LASTS.</h2> 470 <p class="cta-band-mail" data-es-html="EscrÃbenos por DM en <a href="https://www.instagram.com/mindmiami/" rel="noopener">Instagram</a> o al correo: <a href="mailto:[email protected]">[email protected]</a>">DM us on <a href="https://www.instagram.com/mindmiami/" rel="noopener">Instagram</a> or write to us: <a href="mailto:[email protected]">[email protected]</a></p> 471 </div> 472 <a href="/start" class="contact-circle"> 473 <span data-es-html="Empieza con una<br>llamada de estrategia">Start with a<br>strategy call</span> 474 <i aria-hidden="true">â</i> 475 </a> 476 </div> 477 478 <footer class="site-footer"> 479 <div class="footer-grid"> 480 <div class="footer-brand"> 481 <a href="/" aria-label="Mind Miami home" data-en-attr="aria-label:Mind Miami home" data-es-attr="aria-label:Inicio de Mind Miami"> 482 <img src="/assets/brand/logo-inverse.png" alt="MIND MIAMI" width="435" height="93" loading="lazy"> 483 </a> 484 <p data-es="Sistemas creativos de crecimiento impulsados por estrategia, IA y cultura.">Creative growth systems powered by strategy, AI, and culture.</p> 485 </div> 486 <nav class="footer-dir" aria-label="Site" data-en-attr="aria-label:Site" data-es-attr="aria-label:Sitio"> 487 <a href="/services" data-es="Servicios">Services</a> 488 <a href="/work" data-es="Trabajos">Work</a> 489 <a href="/packages" data-es="Paquetes">Packages</a> 490 <a href="/systems" data-es="Sistemas">Systems</a> 491 <a href="/insights" data-es="Recursos">Insights</a> 492 <a href="/about" data-es="Nosotros">About</a> 493 <a href="/careers" data-es="Ãnete al equipo">Careers</a> 494 <a href="/contact" data-es="Contacto">Contact</a> 495 <a href="https://workspace.mindmiami.com" rel="noopener" data-es="Workspace de clientes â">Client Workspace â</a> 496 </nav> 497 <div class="footer-legal"> 498 <span>© 2026 MIND MIAMI · MIAMI, FL</span><br> 499 <a href="/privacy" data-es="Privacidad">Privacy</a> · <a href="/terms" data-es="Términos">Terms</a> 500 </div> 501 </div> 502 </footer> 503 </section> 504 505</main> 506
507<script defer src="/js/i18n.js"></script>
vendor: 1 bytes, line 507
507
508<script defer src="/js/system.js?v=agency-public-1"></script>
vendor: 1 bytes, line 508
508
509<script defer src="/js/motion.js"></script>
vendor: 1 bytes, line 509
509
510<script defer src="/js/motion2.js"></script>
510 511</body> 512</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.