# Gráficos estilo UGC: como emoldurar conteúdo de clientes na sua marca [Canonical HTML page](https://gradiently.design/pt-br/guide/ugc-style-graphics) Fotos e avaliações de clientes são o que há de mais crível para publicar, e o mais difícil de deixar com a cara da sua marca. Uma boa moldura resolve as duas coisas de uma vez. ## The short version - Gráficos estilo UGC colocam a foto, o vídeo ou as palavras de um cliente dentro de uma moldura de marca consistente, para que os reposts pareçam parte do seu feed. - Peça sempre permissão ao cliente antes de repostar o conteúdo dele e dê o crédito pelo @ no design e na legenda. - A moldura deve carregar a sua marca enquanto o conteúdo do cliente fica intacto: sem filtros que mudem o aspecto do produto. - Três molduras atendem à maioria das necessidades: uma moldura de foto, um cartão de avaliação e uma moldura vertical de story para vídeos compartilhados. - Crie cada moldura uma vez como design mestre, depois duplique e troque o conteúdo, para que cada repost leve minutos e combine com o anterior. **Gráficos estilo UGC** são posts construídos em torno de conteúdo gerado pelo usuário: a foto de um cliente, um vídeo curto ou uma avaliação que ele escreveu, colocados dentro de uma moldura que pertence à sua marca. O conteúdo do cliente convence, porque é real. A moldura faz o trabalho da marca, porque é consistente. Acerte as duas coisas e um repost parece um post *seu* que por acaso tem um cliente como estrela, e não uma captura de tela jogada no feed. Este guia trata de como pedir permissão, das três molduras que valem a pena criar, de como dar o crédito direito e das pequenas escolhas de design que mantêm o conteúdo do cliente honesto. ## Peça antes de repostar o conteúdo de um cliente Ser marcado não é o mesmo que receber permissão. Um cliente que marca você em uma foto da caneca nova compartilhou com os seguidores dele, não licenciou para a sua marca. Peça, por escrito, todas as vezes. Um comentário ou uma mensagem direta bastam para a maioria dos pequenos negócios, desde que você guarde a resposta. 1. **Peça na própria publicação** Responda onde a pessoa postou: “Adoramos isto. Podemos compartilhar na nossa página, com crédito para você?” Simples e específico vale mais que um parágrafo jurídico. 2. **Diga onde vai aparecer** Se puder usar em um anúncio, no seu site ou em material impresso, diga agora. A permissão para repostar em um story não se estende a uma campanha paga. 3. **Pergunte como quer o crédito** A maioria quer o @. Alguns preferem só o primeiro nome, ou nenhum nome. A resposta vai no design. 4. **Guarde o sim** Tire uma captura da resposta e arquive junto com a imagem original. Se alguém perguntar depois, você poderá mostrar exatamente o que foi combinado. > **Anúncios são diferentes** Posicionamentos pagos têm regras mais rígidas em cada plataforma, e alguns clientes aceitam um repost, mas não um anúncio. Peça um sim separado e explícito antes de o conteúdo do cliente aparecer em qualquer coisa que você pague para impulsionar. ## Três molduras de UGC que valem a pena criar Você não precisa de um layout novo para cada repost. Três molduras resolvem quase tudo que os clientes enviam e, depois que existem, cada novo post é uma troca e não um trabalho de design. | Moldura | Use para | Tamanho | | --- | --- | --- | | Moldura de foto | Fotos de clientes com o produto em uso | Post do Instagram 1080×1350 | | Cartão de avaliação | Avaliações escritas, comentários, mensagens | Quadrado 1080×1080 ou post 1080×1350 | | Moldura de story | Vídeos compartilhados e reposts rápidos de fotos | Story 1080×1920 | Três molduras, três tamanhos reais. O post vertical ocupa mais do feed do que um quadrado, o que combina com fotos. ### A moldura de foto Dê à foto do cliente a maior parte da tela e envolva-a em uma borda com o fundo da sua marca, mais larga embaixo para a linha de crédito. Recorte a foto em um formato consistente: um retângulo arredondado, um arco ou um círculo. O formato se torna reconhecível em uma grade, e as pessoas aprendem que esse tipo de post é um momento do cliente. ### O cartão de avaliação Avaliações escritas não precisam de foto nenhuma. Componha as palavras do cliente grandes, o nome pequeno embaixo, e deixe o fundo carregar a marca. Mantenha a citação curta: uma ou duas frases tiradas de uma avaliação mais longa, nunca costuradas de partes diferentes. [Design de post de depoimento](https://gradiently.design/pt-br/guide/testimonial-post-design) vai mais a fundo em layout de citação e estrelas. Um cartão vertical de avaliação com uma citação de cliente sobre usar um vestido em três casamentos, com crédito ao @ dela Um cartão de avaliação: as palavras do cliente sustentam, o crédito fica logo abaixo. Uma moldura vertical de story com o título Flagrado por aí, com espaço para uma foto de cliente compartilhada Uma moldura de story para compartilhamentos, com um título fixo para os seguidores reconhecerem a série. ### A moldura de story Quando você compartilha o story de um cliente, a plataforma o joga sobre um fundo liso. Uma moldura de marca de 1080×1920 atrás dele transforma o compartilhamento em um momento desenhado. Deixe os 250 pixels de cima e de baixo livres de palavras, como explica [tamanho do story do Instagram](https://gradiently.design/pt-br/guide/instagram-story-size), e deixe o meio aberto para o post compartilhado. ## Como dar crédito aos clientes no design O crédito deve ficar na imagem e também na legenda, porque as imagens viajam sem legendas. Capturas de tela, salvamentos e compartilhamentos tiram o texto. Uma pequena linha de crédito no design mantém o cliente ligado ao trabalho dele onde quer que ele vá parar. ### Evite - Crédito só na legenda - “Foto: cliente” sem nome - Cortar a marca d’água do próprio cliente - Um crédito cinza e minúsculo que some no fundo ### Faça - O @ na imagem e na legenda - O nome que a pessoa pediu, escrito exatamente - A marca d’água dela mantida no lugar - Crédito em um tamanho que alguém consiga ler ## Mantenha o conteúdo do cliente honesto Todo o valor do UGC é ser real. Quando uma foto de cliente é retocada para o produto parecer melhor do que é, ela deixa de ser prova e vira um anúncio fingindo ser um cliente. Ponha a sua marca na moldura, não na foto. - Não mude a cor do produto nem o seu aspecto. - Não edite as palavras de uma avaliação, só encurte com um corte honesto. - Cortes leves e endireitar a imagem são aceitáveis; remover defeitos do produto não. - Se você tingir uma foto para combinar com a marca, mantenha o produto sem tingir ou diga que é uma foto estilizada. Esse último ponto importa para um feed coeso. Uma lavagem duotone nas cores da marca pode ligar uma foto de cliente movimentada ao resto da sua grade, mas só em fotos de estilo de vida em que a cor não é o argumento de venda. Para um tom de cuidado com a pele ou uma cor de tinta, mostre exatamente como o cliente viu. ## Deixe a moldura reconhecivelmente sua As fotos de clientes variam muito: luz diferente, celulares diferentes, ambientes diferentes. A moldura é a constante. Uma cor de fundo ou material distintivo em volta de cada repost dá a um conjunto variado de fotos um visual comum, e essa consistência é o que faz uma grade parecer uma marca. [Consistência de marca](https://gradiently.design/pt-br/guide/brand-consistency) trata do princípio mais amplo. - Moldura café: #1c1917 - Cartão papel: #f5efe6 - Destaque argila: #c2410c - Crédito pedra: #57534e Uma pequena paleta de UGC: uma moldura escura para fotos, um cartão claro para avaliações, um destaque para o título da série e um tom discreto para os créditos. No Gradiently, a moldura pode ser um Mark, um fundo vivo que só você e sua equipe autorizada podem usar depois que você o reserva. As fotos se recortam em arcos, círculos e formas orgânicas, e podem ser tingidas com as cores do Mark em mono, duotone ou lavado quando combina com a foto. A tinta automática mantém a linha de crédito legível onde quer que ela caia. Guarde uma moldura pronta como mestre, duplique-a para cada novo repost, e o trabalho vira uma troca de dois minutos. Para mais jeitos de montar um conjunto, veja [modelos para redes sociais](https://gradiently.design/pt-br/guide/social-media-templates). ## Ideias de posts de UGC para começar - **Cliente da semana:** uma foto, uma linha sobre como a pessoa usa o produto. - **Primeiras impressões:** uma sequência de cartões de avaliação curtos de quem comprou pela primeira vez. - **Antes e agora:** o mesmo produto um ano depois, na foto do próprio cliente. - **Seus cantinhos:** como diferentes clientes combinam, guardam ou exibem o que levaram. - **Resposta do mês:** uma mensagem ou um comentário carinhoso, com crédito, como cartão de citação. Misture-os com os seus próprios posts em vez de publicá-los em sequência. Um feed só de reposts começa a parecer que não tem nada próprio a dizer. Para planejar o equilíbrio, experimente [pilares de conteúdo](https://gradiently.design/pt-br/guide/content-pillars) ou um [calendário de conteúdo para redes sociais](https://gradiently.design/pt-br/guide/social-media-content-calendar). ## FAQ ### O que são gráficos estilo UGC? São posts de redes sociais construídos em torno de conteúdo de clientes, como uma foto, um vídeo ou uma avaliação, colocados dentro de uma moldura de marca consistente, com crédito ao cliente. ### Preciso de permissão para repostar a foto de um cliente? Sim. Ser marcado não é permissão. Peça diretamente ao cliente, diga onde o conteúdo vai aparecer e guarde a resposta. ### Como devo dar crédito a conteúdo gerado pelo usuário? Coloque o @ do cliente, ou o nome que ele preferir, na própria imagem e na legenda, para que o crédito sobreviva a capturas de tela e compartilhamentos. ### Posso editar a foto de um cliente antes de repostar? Cortes leves e endireitar a imagem são aceitáveis. Não retoque nem mude a cor do produto, porque isso transforma uma prova honesta em um anúncio enganoso. ### Qual o tamanho de um post de UGC no Instagram? Use 1080×1350 para reposts de fotos, 1080×1080 ou 1080×1350 para cartões de avaliação e 1080×1920 para compartilhamentos de story.