La versión corta
- El lanzamiento de un producto necesita gráficos en dos grupos: la previa, como adelantos y cuentas atrás, y el lanzamiento en sí, de las publicaciones de anuncio a las cabeceras, las vistas previas de enlace y el email.
- Diseñar primero una imagen principal y recomponerla para cada formato mantiene coherente el lanzamiento y ahorra la mayor parte del trabajo.
- La imagen Open Graph de la página de lanzamiento debe estar terminada antes del lanzamiento, porque es lo que aparece cada vez que alguien comparte el enlace.
- Las cabeceras de perfil de X, LinkedIn y Facebook se olvidan con facilidad y deben cambiar el día del lanzamiento junto con todo lo demás.
- Todos los gráficos del lanzamiento deben llevar el mismo titular, para que quien los vea en sitios distintos reconozca la misma noticia.
En esta página
Los gráficos para el lanzamiento de un producto se dividen en dos grupos. La previa: un adelanto y una cuenta atrás. El lanzamiento: el anuncio en cada formato de feed, historias, una imagen de vista previa de enlace, nuevas cabeceras de perfil, una cabecera de email, la portada de la web y un agradecimiento después. Diseña primero una imagen principal y luego recomponla para cada tamaño, de modo que cada pieza parezca parte del mismo momento.
La lista completa de gráficos del lanzamiento
Copia esta lista en tu plan de lanzamiento. Los tamaños salen del tamaño de subida recomendado por cada plataforma; la referencia completa está en tamaños de imagen para redes sociales.
| Pieza | Tamaño | Cuándo | Notas |
|---|---|---|---|
| Publicación de adelanto | 1080×1350 | Una semana antes, más o menos | Una pista, no la presentación |
| Historia de cuenta atrás | 1080×1920 | A diario, los últimos días | Misma composición, cambia el número |
| Anuncio en Instagram | 1080×1350 | Día del lanzamiento | La imagen principal |
| Historias del lanzamiento | 1080×1920 | Día del lanzamiento | Con un sticker de enlace |
| Anuncio en X | 1600×900 | Día del lanzamiento | Se ve entera en la cronología |
| Publicación de LinkedIn | 1200×1200 | Día del lanzamiento | O un carrusel de documento |
| Publicación de Facebook | 1200×1200 | Día del lanzamiento | Las mismas palabras que en todas partes |
| Vista previa de enlace (Open Graph) | 1200×630 | Lista antes del lanzamiento | Pruébala antes del día |
| Cabecera de X | 1500×500 | Día del lanzamiento | La foto de perfil tapa la parte inferior izquierda |
| Banner de LinkedIn | 1584×396 | Día del lanzamiento | La portada de empresa es de 2256×382 |
| Portada de Facebook | 1640×624 | Día del lanzamiento | Palabras en el centro |
| Cabecera de email | 1200×600 | Día del lanzamiento | Comprueba el modo oscuro |
| Portada de la web | 1920×1080 | Día del lanzamiento | Titular sobre una zona tranquila |
| Miniatura de vídeo | 1280×720 | Si hay una demo | Tres o cuatro palabras |
| Agradecimiento o resumen | 1080×1350 | Unos días después | Solo cifras reales |
Publicación 1080×1350
1080 × 1350
Historia 1080×1920
1080 × 1920
Publicación de X 1600×900
1600 × 900
Vista previa de enlace 1200×630
1200 × 630
Cabecera de X 1500×500
1500 × 500
Banner de LinkedIn 1584×396
1584 × 396
Cabecera de email 1200×600
1200 × 600
Portada de la web 1920×1080
1920 × 1080
Empieza con una imagen principal y luego crea el conjunto
No diseñes quince piezas. Diseña una, el anuncio de Instagram o la portada de la web, hasta que esté bien: el fondo, el titular, la tipografía, el único color de acento. Ese es el estilo del lanzamiento. Todas las demás piezas son ese mismo estilo ordenado para otra forma. Los formatos altos apilan; los anchos se extienden; los banners estrechos solo conservan el titular.
Deja el estilo por escrito: colores, fuentes, el titular, dónde va el acento. Si varias personas crean piezas, esta nota es lo que mantiene la cabecera que alguien hace a medianoche en línea con la publicación que tú hiciste hace una semana.
El calendario del lanzamiento
- 1
Dos semanas antes: la imagen principal
Diseña el anuncio principal y acordad el titular. Haz ya la imagen de vista previa de enlace, para que la página de lanzamiento la muestre desde la primera vez que se comparta. El tamaño de la imagen OG tiene las etiquetas y las pruebas.
- 2
Una semana antes: el adelanto
Una publicación y una historia que insinúan lo que viene con el estilo del lanzamiento, sin desvelarlo.
- 3
Los últimos días: la cuenta atrás
Una historia diaria con el número cambiando y un sticker de cuenta atrás para que la gente pueda pedir un recordatorio.
- 4
El día antes: crea el conjunto completo
Recompón la imagen principal para cada formato de la lista. Programa lo que se pueda programar.
- 5
La mañana del lanzamiento: publícalo todo
Publica las publicaciones y las historias, cambia todas las cabeceras de perfil, envía el email y actualiza la portada de la web.
- 6
Unos días después: da las gracias
Un resumen con el mismo estilo, con resultados reales si quieres compartir alguno, que cierra la historia.
El adelanto: el estilo del lanzamiento y una fecha, nada más.
El anuncio: el mismo estilo, ahora con la presentación.
Un solo titular en todos los gráficos
La gente se encuentra un lanzamiento en muchos sitios: una historia por la mañana, una publicación en LinkedIn a mediodía, un email por la tarde. Debería reconocer la misma noticia cada vez. Eso significa un solo titular, palabra por palabra, en cada gráfico, con los detalles cambiando según el formato. Para el orden de las palabras, consulta cómo diseñar una publicación de anuncio.
Evita
- Un eslogan distinto en cada plataforma
- Una imagen recortada para cada forma
- Colores nuevos inventados para el lanzamiento
- Cabeceras que aún muestran la temporada pasada
Haz
- Un titular, repetido en todas partes
- Cada formato compuesto para su forma
- Tu estilo habitual, un punto más intenso
- Todas las cabeceras cambiadas esa mañana
Lo que se olvida el día del lanzamiento
- La vista previa de enlace. Las plataformas la guardan en caché; si compartiste la página antes de que la imagen estuviera lista, actualízala en el inspector de la plataforma.
- Las cabeceras de perfil. La cabecera de X, el banner de LinkedIn y la portada de Facebook siguen mostrando el estilo viejo. Consulta el tamaño del banner de LinkedIn y el tamaño de la cabecera de Twitter.
- La cabecera del email en modo oscuro. Pruébala; el diseño de cabeceras de email explica qué cambia.
- Las descripciones de imagen. Añade texto alternativo a cada imagen del lanzamiento, en todas las plataformas.
- El enlace de tu perfil. Apúntalo a la página de lanzamiento antes de que salga la primera publicación.
Preguntas frecuentes
¿Qué gráficos necesito para lanzar un producto?
Un adelanto, una cuenta atrás, el anuncio para el feed de cada plataforma, historias del lanzamiento, una imagen de vista previa de enlace, cabeceras de perfil actualizadas, una cabecera de email, la portada de la web y una publicación de agradecimiento después.
¿Cuándo deben estar listos los gráficos del lanzamiento?
Haz la imagen principal y la vista previa de enlace unas dos semanas antes, el adelanto una semana antes y el conjunto completo el día anterior, para que la mañana del lanzamiento solo toque publicar.
¿Cómo mantengo coherentes los gráficos del lanzamiento?
Diseña una imagen principal, anota sus colores, fuentes y titular, y recompón ese mismo diseño para cada formato en lugar de diseñar cada uno desde cero.
¿Qué tamaño tiene la imagen de vista previa de enlace de una página de lanzamiento?
1200×630 píxeles, definida con la etiqueta og:image. Pruébala antes del día del lanzamiento, porque las plataformas la guardan en caché.
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
