La versión corta
- El marketing de un indie hacker depende de un pequeño conjunto de gráficos: una imagen Open Graph, una cabecera de X, publicaciones para el día del lanzamiento y una plantilla repetible para construir en público.
- La imagen Open Graph mide 1200×630 píxeles y aparece en cada enlace que compartes, así que hazla antes de contarle a nadie lo del producto.
- Una cabecera de X mide 1500×500 píxeles y la foto de perfil tapa parte de su esquina inferior izquierda, así que aleja las palabras de esa zona.
- Un gráfico de lanzamiento funciona mejor con una sola frase que diga qué hace el producto y para quién, en menos de ocho palabras.
- Usar el mismo fondo, la misma fuente y la misma composición en todas las piezas hace que un producto en solitario parezca consolidado y ayuda a que tus seguidores reconozcan tus novedades.
En esta página
Un buen marketing para indie hackers vive de un puñado de gráficos que haces una vez y reutilizas durante meses: una imagen Open Graph para que cada enlace compartido se vea acabado, una cabecera de X, un anuncio para el día del lanzamiento y una plantilla para tus novedades de construir en público. Ninguno necesita un diseñador. Necesitan los tamaños correctos, un estilo coherente y una frase que diga lo que hace el producto en menos de ocho palabras. Esta página cubre las tres cosas y termina con una lista para la semana de lanzamiento que puedes completar esta misma noche.
Los gráficos de lanzamiento que de verdad necesita un indie hacker
Los fundadores en solitario suelen saltarse los gráficos por completo o pasar una semana con una ilustración para la landing en la que nadie se fija. El término medio útil es corto. Estas son las piezas que la gente va a ver de verdad, en el orden en que las verá.
Tamaño
Dónde la ve la gente
Cuándo hacerla
Tamaño
Dónde la ve la gente
Cuándo hacerla
Tamaño
Dónde la ve la gente
Cuándo hacerla
Tamaño
Dónde la ve la gente
Cuándo hacerla
Tamaño
Dónde la ve la gente
Cuándo hacerla
Open Graph 1200×630
1200 × 630
Cabecera de X 1500×500
1500 × 500
Publicación en X 1600×900
1600 × 900
Vertical 1080×1350
1080 × 1350
Empieza por la imagen Open Graph
La imagen Open Graph es la que aparece cuando alguien pega tu enlace. Es el gráfico más visto que vas a hacer nunca, porque la lleva cada vez que se comparte, cada respuesta con tu URL y cada mención en una newsletter. Sin ella, las plataformas muestran una tarjeta gris vacía o un recorte aleatorio de tu página. Las reglas completas están en el tamaño de la imagen Open Graph; la versión corta es 1200×630, nombre del producto, una frase y texto grande en el centro.
Una imagen Open Graph para una app de facturación imaginaria: nombre, promesa y nada más. Se sigue leyendo cuando se reduce a miniatura en una respuesta.
Después, añade las etiquetas al head de tu página. La mayoría de los frameworks tienen un sitio para ellas, pero estas son las que importan:
<meta property="og:title" content="Paperweight: invoices that chase themselves">
<meta property="og:description" content="Automatic payment reminders for freelancers.">
<meta property="og:image" content="https://example.com/og-v1.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">Si tu producto tiene muchas páginas que merece la pena compartir, como perfiles públicos o informes, genera una imagen por página en lugar de una para todo el sitio. La mayoría de los frameworks pueden renderizarlas bajo demanda a partir de una plantilla.
Escribe las palabras antes de elegir los colores
Los gráficos de lanzamiento indie fallan por las palabras mucho más a menudo que por el aspecto. Una frase como «el futuro de la productividad» no le dice nada a un desconocido que hace scroll. Una frase útil nombra la tarea y la persona: qué cambia para ella el lunes. Escribe diez versiones, léelas en voz alta y quédate con la más sencilla. Escribir textos para piezas visuales tiene más formas de recortar una frase.
Evita
- «El futuro de la productividad»
- «Plataforma con IA para equipos modernos»
- «Ya está aquí la versión 1.0» sin ninguna pista de qué es
- Seis funciones apretadas en una sola imagen
- Una captura completa en la que el texto de la interfaz no se lee
Haz
- «Facturas que se reclaman solas»
- «Alertas de caída que te escriben primero»
- «Ya disponible» más la frase que lo explica
- Una función por imagen, en secuencia
- Un recorte ajustado de una parte de la interfaz, ampliado
Elige un estilo y mantenlo en todas las piezas
Los productos indie se confunden entre sí porque muchísimos recurren al mismo degradado de violeta a azul y a la misma sans geométrica. Está bien para un proyecto de fin de semana y es un problema para algo que quieres que la gente recuerde. Elige un color de fondo, una luz o acento y una fuente, y úsalos en todas partes: la web, la imagen OG, la cabecera, cada publicación. Un estilo que repites durante meses es lo que hace que un producto de una sola persona se sienta como una empresa.
Si prefieres no mezclar el tuyo, un Mark del Mercado de Gradiently es un fondo vivo ya hecho con su propia voz tipográfica. Puedes diseñar gratis con cualquier Mark sin reservar; reservarlo te convierte en su único dueño, así que solo tú puedes exportar con él y tu lanzamiento no puede coincidir con el de otro fundador. Reservar es un pago único que incluye el primer año de conservación; después, conservarlo es gratis con Pro o cuesta una cuota anual por Mark. Se renderiza de nuevo en cada tamaño y su zona más tranquila se coloca detrás de tus palabras, lo que mantiene legible un fondo con movimiento sin cajas ni sombras.
Publicaciones de construir en público que se reconocen al hacer scroll
Una novedad semanal es la columna vertebral de construir en público. Usa la misma composición cada semana, para que tus seguidores sepan que es tuya antes de leer una palabra. Empieza con un número real o una lección real, y publica también las semanas lentas: una semana plana contada con honestidad genera más confianza que una racha de victorias. Comparte solo números que sean ciertos.
Una semana de hito: el número es el titular, y el detalle promete la historia en el texto de la publicación.
Una semana de lanzamientos en el mismo formato. Mismo fondo, misma tipografía, para que la serie se lea como una sola.
Haz un mes de estas tarjetas de una sentada en lugar de una cada viernes. Crear contenido para redes sociales por lotes explica el método. Dale a los grandes momentos, como el día del lanzamiento o un hito de ingresos, una composición propia para que destaquen del ritmo semanal.
Tu cabecera y tu perfil de X
La cabecera de X mide 1500×500. Tu foto de perfil queda sobre su esquina inferior izquierda y la franja se recorta de otra forma en el móvil, así que mantén las palabras en el centro y hacia la derecha. Pon ahí el nombre del producto, la frase y la URL, o nada más que tu estilo. Las zonas seguras exactas están en el tamaño de la cabecera de X.
Una cabecera que hace una sola cosa: decirle al visitante qué estás construyendo. Las palabras quedan en el centro derecha, lejos de la foto de perfil.
Lista para la semana de lanzamiento
- 1
Dos semanas antes: imagen OG y cabecera
Publica las metaetiquetas y pega tu URL en un mensaje privado a ti mismo para ver la vista previa real.
- 2
Una semana antes: las palabras
Escribe la frase principal y tres frases de funciones. Cada frase de función se convierte en su propia imagen.
- 3
Diseña un formato maestro
Haz la publicación de lanzamiento a 1600×900 con tu estilo, tu frase y un recorte de la interfaz.
- 4
Saca de él los demás tamaños
Vuelve a componer el mismo diseño a 1080×1350 para LinkedIn y Threads y a 1080×1920 para historias, en lugar de recortar, con las palabras de la historia dentro de la zona segura central. Adaptar a cada plataforma explica por qué.
- 5
Día del lanzamiento: una imagen por publicación
Publica, fíjala en tu perfil y responde a todo el mundo. Mantén la galería de Product Hunt con el mismo estilo para que quien llegue desde cualquiera de los dos sitios vea un solo producto.
- 6
La semana siguiente: da las gracias
Cuenta qué pasó con números reales y qué vas a arreglar después. Esa publicación a menudo llega más lejos que el lanzamiento.
Para ver el lanzamiento en conjunto, consulta los gráficos para el lanzamiento de un producto y, si vendes software, el branding para SaaS. Si pasas la semana de lanzamiento en tu editor, Gradiently también funciona dentro de ChatGPT, Claude y otros asistentes compatibles con servidores MCP remotos: pide la publicación de lanzamiento al asistente que ya tienes abierto y el diseño se abre en el Studio para una última revisión. La configuración está en la página de MCP.
Preguntas frecuentes
¿Qué tamaño debe tener una imagen Open Graph?
1200×630 píxeles. Mantén las palabras grandes y centradas, porque la imagen suele mostrarse como una miniatura pequeña.
¿Qué tamaño tiene una cabecera de X?
1500×500 píxeles. La foto de perfil se superpone abajo a la izquierda, así que mantén el texto en el centro y hacia la derecha.
¿Necesito un diseñador para un lanzamiento en Product Hunt?
No. Necesitas una descripción clara de una línea, un estilo coherente y unas pocas imágenes horizontales que muestren una función cada una, y puedes hacerlas tú en una tarde.
¿Qué debe incluir una publicación de construir en público?
Un número real o una lección real como titular, la misma composición cada semana y la historia en el texto de la publicación. Comparte las semanas lentas con la misma honestidad que las buenas.
¿Cómo mantengo coherentes los gráficos de lanzamiento?
Elige un fondo, una fuente y una composición, y diseña cada tamaño a partir del mismo maestro en lugar de recortar una sola imagen.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil