# Diseño de marketing B2B: piezas que no parecen de stock [Canonical HTML page](https://gradiently.design/es/guide/b2b-marketing-design) Los compradores de empresa pasan de largo muchas publicaciones azules casi idénticas. Un sistema de diseño pequeño y coherente hace reconocibles tus casos de éxito, webinars y vistas previas antes de leer el logotipo. ## The short version - Casi todo el diseño de marketing B2B se parece porque recurre a las mismas paletas azules, ilustraciones isométricas y fotos de reuniones de banco de imágenes. - Un sistema de diseño pequeño, con un fondo, una pareja tipográfica, unos pocos diseños y tamaños fijos, produce piezas más distintivas que diseñar desde cero cada vez. - Las tarjetas de casos de éxito funcionan mejor cuando abren con un resultado medible y nombran al cliente solo con su permiso. - Cada página que compartas debería tener su propia imagen Open Graph de 1200×630, porque la vista previa del enlace suele ser lo primero que ve un comprador. - LinkedIn es el feed principal del contenido B2B, y las imágenes verticales de 1080×1350 son las que más espacio ocupan. Un buen **diseño de marketing B2B** parece de una sola empresa, no de una categoría. Para lograrlo hace falta un sistema pequeño en lugar de un montón de piezas sueltas: un fondo que se reconozca como tuyo, una única pareja tipográfica, cuatro o cinco diseños y tamaños fijos para LinkedIn, vistas previas y presentaciones. Rellena esos diseños con cifras y clientes reales en lugar de fotos de stock y personajes isométricos, y tus tarjetas de casos de éxito, promociones de webinars y vistas previas empezarán a parecer de un lugar concreto. ## Por qué el marketing B2B se parece tanto Los equipos B2B trabajan rápido, con poco presupuesto de diseño y una fuerte tendencia a parecer seguros. El resultado es un lenguaje visual compartido: azul que transmite confianza, ilustraciones planas de personas ante portátiles gigantes, fotos de apretones de manos y paneles flotando en el espacio. No está mal, pero es invisible, y eso sale caro en un feed lleno de competidores. Este patrón se analiza en [por qué todos los feeds se parecen](https://gradiently.design/es/guide/why-every-feed-looks-the-same). ### Parece de stock - Azul corporativo porque da seguridad - Personas isométricas y paneles flotantes - Apretones de manos, skylines y salas de reuniones - «Soluciones innovadoras» como titular - Un estilo nuevo para cada campaña ### Parece tuyo - Un fondo y una paleta que nadie más usa - Pantallas reales del producto, bien recortadas - Tu equipo y tus clientes, con permiso - Un resultado o una afirmación, en palabras sencillas - El mismo sistema en cada pieza ## Construye primero un sistema de diseño pequeño Un sistema suena a gran proyecto. Para piezas de marketing es una sola página de decisiones, y después te ahorra horas cada semana. | Decisión | Elección | Por qué | | --- | --- | --- | | Fondo | Un fondo o una familia de fondos distintivos | Es la mayor superficie de cada pieza y hace casi todo el trabajo de reconocimiento | | Tipografía | Una fuente para títulos, una para el texto | Dos fuentes bastan; más parecen varias empresas | | Diseños | Dato, cita, anuncio, evento, portada | Cubre casi cualquier publicación B2B que harás | | Tamaños | 1080×1350, 1200×630, 1920×1080 | Feed, vista previa de enlace y presentaciones | | Voz | Tres palabras que describan cómo escribes | Mantiene los textos tan coherentes como lo visual | Cinco decisiones, tomadas una sola vez. Anótalas donde puedan encontrarlas todos los que crean piezas, y revísalas una vez al año, no en cada campaña. Para equipos SaaS, [la marca de un SaaS](https://gradiently.design/es/guide/saas-startup-branding) trata la identidad con más detalle. Aquí el punto es más concreto: sea cual sea la identidad, aplícala siempre de la misma manera. ## Tarjetas de casos de éxito en las que creen los compradores Los casos de éxito son de los contenidos B2B más persuasivos, y a menudo los peor diseñados: un PDF largo que nadie abre. Saca el resultado a una tarjeta que se lea en dos segundos y enlaza después a la historia completa. [El diseño de casos de éxito](https://gradiently.design/es/guide/case-study-design) cuenta la versión larga. Una tarjeta vertical de caso de éxito con el resultado de 6 semanas a 9 días como titular y una breve línea de contexto Un diseño de ejemplo: el resultado es el titular, el contexto va debajo y el nombre del cliente solo aparece con su permiso por escrito. - Abre con un resultado medible. El antes y el después se lee más rápido. - Nombra al cliente y usa su logotipo solo con permiso, y mantén su marca más pequeña que el resultado. - Añade una línea de contexto para que la cifra signifique algo. - Continúa con una tarjeta de cita del mismo cliente, con sus palabras. - Usa el mismo diseño en todos los casos de éxito, para que se lean como una serie. - Convierte la tarjeta en una diapositiva para presentaciones comerciales, y que la prueba aparezca también en las llamadas, no solo en los feeds. ## Promociones de webinars y eventos Los webinars son un clásico del B2B, y sus gráficos promocionales siguen una jerarquía estricta: primero el tema, luego fecha y hora con la zona horaria y después los ponentes. Hay una guía completa en [gráficos para promocionar un webinar](https://gradiently.design/es/guide/webinar-promotion-graphics). En el sistema, el diseño de evento es simplemente uno de tus cinco, con el mismo fondo que todo lo demás. Una promoción vertical de webinar titulada Páginas de precios que convierten, con fecha, hora y duración debajo La versión para el feed de LinkedIn: tema grande y fecha y zona horaria justo debajo. Una vista previa de enlace ancha para el mismo webinar, con el título en una sola línea La vista previa de enlace de la página de inscripción, con las mismas palabras en formato ancho. ## Tamaños de LinkedIn para contenido B2B LinkedIn es donde se ve la mayor parte del contenido B2B. Las imágenes verticales ocupan más espacio en el feed, los documentos sirven para explicaciones más largas y la portada de empresa enmarca todo lo demás. Para anuncios de pago, consulta [el diseño de anuncios de LinkedIn](https://gradiently.design/es/guide/linkedin-ad-design). - Publicación vertical 1080×1350: 1080 × 1350 - Publicación cuadrada 1200×1200: 1200 × 1200 - Imagen de enlace 1200×627: 1200 × 627 - Portada de empresa 2256×382: 2256 × 382 Los cuatro formatos de LinkedIn que más usa un equipo B2B, dibujados a escala. ## Una imagen Open Graph para cada página Cuando un comprador pega tu página de precios en Slack, o un colega comparte una entrada del blog en LinkedIn, la vista previa del enlace es la primera impresión. Sin imagen Open Graph aparece un cuadro vacío o un logotipo al azar. Da a cada página importante su propia imagen de 1200×630, dentro del mismo sistema que todo lo demás. [El tamaño de la imagen Open Graph](https://gradiently.design/es/guide/open-graph-image-size) da los detalles, y [las imágenes OG dinámicas](https://gradiently.design/es/guide/dynamic-og-images) muestran cómo generarlas automáticamente para cada entrada del blog. ```html ``` Las etiquetas que hacen que una página se comparta con una imagen grande. Usa una URL https absoluta para la imagen. ## Un sistema fácil para todo el equipo En B2B, las piezas las hacen responsables de marketing de producto, ventas, fundadores y agencias, no solo diseñadores. El sistema solo se mantiene si es más fácil de usar que de ignorar. En Gradiently, un kit de marca guarda el logotipo, la paleta, las fuentes y la voz; el fondo es un Mark que ninguna otra empresa puede usar una vez que lo reservas; y la tinta automática mantiene legibles los titulares sobre él sin cajas ni sombras. Los equipos que viven en ChatGPT o Claude pueden conectar Gradiently y pedir una tarjeta de caso de éxito o una promoción de webinar que se abre en el Studio, ya con tu marca. [Conectar un asistente de IA](https://gradiently.design/es/guide/connect-ai-assistant) explica la configuración. ## FAQ ### ¿Cómo hago que el diseño de marketing B2B sea menos genérico? Elige un fondo y una paleta distintivos, usa pantallas reales del producto y clientes reales en lugar de stock e ilustraciones, y aplica los mismos pocos diseños a todas las piezas. ### ¿Qué tamaño deben tener las publicaciones B2B en LinkedIn? El formato vertical de 1080×1350 ocupa más espacio en el feed. Usa 1200×1200 para publicaciones cuadradas y 1200×627 para imágenes de enlace. ### ¿Qué debe incluir un gráfico de caso de éxito? Un resultado medible como titular, una línea de contexto y el nombre o logotipo del cliente solo con su permiso. Enlaza a la historia completa. ### ¿Qué tamaño tiene una imagen Open Graph? 1200×630 píxeles. Defínela con la etiqueta og:image en cada página que esperes que se comparta.