# Gráficos estilo UGC: contenido de clientes con tu marca [Canonical HTML page](https://gradiently.design/es/guide/ugc-style-graphics) Las fotos y reseñas de clientes son lo más creíble que puedes publicar, y lo más difícil de hacer que parezca de tu marca. Un buen marco consigue ambas cosas a la vez. ## The short version - Los gráficos estilo UGC colocan la foto, el vídeo o las palabras de un cliente dentro de un marco de marca coherente, para que las republicaciones parezcan parte de tu feed. - Pide siempre permiso al cliente antes de republicar su contenido y menciónalo por su usuario en el diseño y en el pie de foto. - El marco debe llevar tu marca mientras el contenido del cliente queda intacto: sin filtros que cambien el aspecto del producto. - Tres marcos cubren casi todo: uno para fotos, una tarjeta de reseña y un marco vertical de story para vídeos compartidos. - Crea cada marco una vez como diseño maestro, duplícalo y cambia el contenido: cada republicación lleva minutos y encaja con la anterior. Los **gráficos estilo UGC** son publicaciones construidas en torno a contenido generado por usuarios: la foto de un cliente, un vídeo corto o una reseña que escribió, dentro de un marco que pertenece a tu marca. El contenido del cliente convence, porque es real. El marco hace el trabajo de marca, porque es coherente. Si aciertas con ambos, la republicación se lee como *tu* publicación, protagonizada por un cliente, y no como una captura de pantalla soltada en el feed. Esta guía explica cómo pedir permiso, los tres marcos que merece la pena crear, cómo dar el crédito correctamente y las pequeñas decisiones de diseño que mantienen honesto el contenido de los clientes. ## Pregunta antes de republicar contenido de clientes Que te etiqueten no es lo mismo que darte permiso. Un cliente que te etiqueta en una foto de su taza nueva la ha compartido con sus seguidores, no ha cedido su uso a tu marca. Pregunta por escrito, siempre. Un comentario o un mensaje directo bastan para la mayoría de los negocios pequeños, siempre que guardes la respuesta. 1. **Pregunta en el mismo hilo** Responde donde publicó: «Nos encanta. ¿Podemos compartirla en nuestra página, con el crédito para ti?» Algo claro y concreto vale más que un párrafo legal. 2. **Di dónde se usará** Si podrías usarla en un anuncio, en tu web o en papel, dilo ahora. El permiso para republicar en una story no se extiende a una campaña de pago. 3. **Pregunta cómo quiere el crédito** La mayoría de la gente quiere su usuario. Algunos prefieren solo el nombre de pila, o ningún nombre. Su respuesta va en el diseño. 4. **Guarda el sí** Haz una captura de la respuesta y archívala junto a la imagen original. Si alguien pregunta más adelante, podrás mostrar exactamente lo acordado. > **Los anuncios son distintos** Las ubicaciones de pago tienen reglas más estrictas en cada plataforma, y algunos clientes aceptan una republicación pero no un anuncio. Consigue un sí aparte y explícito antes de que el contenido de un cliente aparezca en algo que pagues por promocionar. ## Tres marcos UGC que merece la pena crear No necesitas una composición nueva para cada republicación. Tres marcos resuelven casi todo lo que te envían los clientes y, una vez creados, cada publicación nueva es un cambio de contenido, no un trabajo de diseño. | Marco | Úsalo para | Tamaño | | --- | --- | --- | | Marco de foto | Fotos de clientes con el producto en uso | Publicación de Instagram 1080×1350 | | Tarjeta de reseña | Reseñas escritas, comentarios, mensajes | Cuadrado 1080×1080 o publicación 1080×1350 | | Marco de story | Vídeos compartidos y republicaciones rápidas de fotos | Story 1080×1920 | Tres marcos, tres tamaños reales. La publicación vertical ocupa más del feed que un cuadrado, lo que favorece a las fotos. ### El marco de foto Da a la foto del cliente la mayor parte del lienzo y rodéala con un borde del fondo de tu marca, más ancho abajo para la línea de crédito. Recorta la foto con una forma constante: un rectángulo redondeado, un arco o un círculo. La forma se vuelve reconocible en una cuadrícula y la gente aprende que este tipo de publicación es un momento de cliente. ### La tarjeta de reseña Las reseñas escritas no necesitan ninguna foto. Pon las palabras del cliente en grande, su nombre pequeño debajo y deja que el fondo lleve la marca. Mantén la cita corta: una o dos frases extraídas de una reseña más larga, nunca unidas a partir de partes distintas. El [diseño de publicaciones de testimonios](https://gradiently.design/es/guide/testimonial-post-design) profundiza en la composición de citas y las valoraciones con estrellas. Una tarjeta de reseña vertical con una cita de una clienta sobre llevar un vestido a tres bodas, con el crédito a su usuario Una tarjeta de reseña: las palabras del cliente la sostienen y el crédito va justo debajo. Un marco vertical de story titulado Visto por ahí, con espacio para una foto de cliente compartida Un marco de story para republicaciones, con un encabezado fijo para que los seguidores reconozcan la serie. ### El marco de story Cuando compartes la story de un cliente, la plataforma la deja sobre un fondo liso. Un marco de marca de 1080×1920 detrás convierte una republicación en un momento diseñado. Deja libres los 250 píxeles de arriba y de abajo, como explica el [tamaño de las stories de Instagram](https://gradiently.design/es/guide/instagram-story-size), y deja abierto el centro para la publicación compartida. ## Cómo dar crédito a los clientes en el diseño El crédito va en la imagen y también en el pie de foto, porque las imágenes viajan sin pies de foto. Las capturas, los guardados y las republicaciones eliminan el texto. Una pequeña línea de crédito en el diseño hace que el cliente siga unido a su obra dondequiera que acabe. ### Evita - Crédito solo en el pie de foto - «Foto: cliente» sin nombre - Recortar la marca de agua del propio cliente - Un crédito gris y diminuto que desaparece en el fondo ### Haz - El usuario en la imagen y en el pie de foto - El nombre que pidieron, escrito exactamente - Su marca de agua en su sitio - Un crédito con un tamaño que se pueda leer ## Mantén honesto el contenido de los clientes Todo el valor del UGC es que es real. Cuando se retoca la foto de un cliente para que el producto parezca mejor de lo que es, deja de ser una prueba y pasa a ser un anuncio que finge ser un cliente. Pon tu marca en el marco, no en la foto. - No cambies el color del producto ni su aspecto. - No edites las palabras de una reseña, solo acórtala con un recorte honesto. - Los recortes ligeros y enderezar la imagen están bien; quitar defectos del producto, no. - Si tiñes una foto para que encaje con la marca, deja el producto sin teñir o indica que está estilizada. Este último punto importa para un feed cohesionado. Un baño dúo tono con los colores de tu marca puede unir una foto de cliente muy cargada con el resto de tu cuadrícula, pero solo en fotos de estilo de vida donde el color no es lo que se vende. Para el tono de un cosmético o el color de una pintura, muéstralo exactamente como lo vio el cliente. ## Haz que el marco sea reconociblemente tuyo Las fotos de clientes varían muchísimo: luz distinta, móviles distintos, habitaciones distintas. El marco es lo constante. Un color de fondo o un material distintivo alrededor de cada republicación da un mismo aspecto a un conjunto variado de fotos, y esa coherencia es lo que hace que una cuadrícula parezca una marca. La [coherencia de marca](https://gradiently.design/es/guide/brand-consistency) explica el principio general. - Marco espresso: #1c1917 - Tarjeta papel: #f5efe6 - Acento arcilla: #c2410c - Crédito piedra: #57534e Una pequeña paleta UGC: un marco oscuro para fotos, una tarjeta clara para reseñas, un acento para el encabezado de la serie y un tono discreto para los créditos. En Gradiently, el marco puede ser un Mark, un fondo vivo que solo tú y tu equipo autorizado podéis usar una vez que lo reservas. Las fotos se recortan en arcos, círculos y formas orgánicas, y pueden teñirse con los colores del Mark en monocromo, dúo tono o veladura cuando conviene a la imagen. La tinta automática mantiene legible la línea de crédito dondequiera que caiga. Guarda un marco terminado como maestro, duplícalo para cada republicación y el trabajo se reduce a un cambio de dos minutos. Para más formas de construir un conjunto, mira las [plantillas para redes sociales](https://gradiently.design/es/guide/social-media-templates). ## Ideas de publicaciones UGC para empezar - **Cliente de la semana:** una foto y una frase sobre cómo usa el producto. - **Primeras impresiones:** una serie de tarjetas de reseña cortas de quienes compran por primera vez. - **Antes y ahora:** el mismo producto un año después, en la foto del propio cliente. - **Vuestras configuraciones:** cómo distintos clientes combinan, guardan o exhiben lo que compraron. - **Respuesta del mes:** un mensaje o comentario precioso, con crédito, como tarjeta de cita. Mézclalas con tus propias publicaciones en lugar de publicarlas seguidas. Un feed lleno de republicaciones empieza a parecer que no tiene nada propio que decir. Para planificar el equilibrio, prueba los [pilares de contenido](https://gradiently.design/es/guide/content-pillars) o un [calendario de contenido para redes sociales](https://gradiently.design/es/guide/social-media-content-calendar). ## FAQ ### ¿Qué son los gráficos estilo UGC? Son publicaciones sociales construidas en torno a contenido de clientes, como una foto, un vídeo o una reseña, dentro de un marco de marca coherente y con crédito al cliente. ### ¿Necesito permiso para republicar la foto de un cliente? Sí. Que te etiqueten no es un permiso. Pregunta directamente al cliente, dile dónde aparecerá el contenido y guarda su respuesta. ### ¿Cómo debo dar crédito al contenido generado por usuarios? Pon el usuario del cliente, o el nombre que prefiera, en la propia imagen y en el pie de foto, para que el crédito sobreviva a las capturas y a las republicaciones. ### ¿Puedo editar la foto de un cliente antes de republicarla? Los recortes ligeros y enderezar la imagen están bien. No retoques ni cambies el color del producto, porque eso convierte una prueba honesta en un anuncio engañoso. ### ¿Qué tamaño debe tener una publicación UGC en Instagram? Usa 1080×1350 para republicar fotos, 1080×1080 o 1080×1350 para tarjetas de reseña y 1080×1920 para compartir stories.