Skip to content
Todas as Publicações
Blog25 de março de 20265 min read
SL

Screenshots.live

Team

Localizacao de capturas de tela da App Store para mais de 30 idiomas sem equipe de design

Saiba como templates dinamicos permitem localizar capturas de tela da App Store para mais de 30 idiomas sem equipe de design, aumentando conversoes em 25-40%.

O problema de localizacao que todo publisher de apps enfrenta

Voce criou um app que funciona em 30 idiomas. Suas strings estao traduzidas, seus formatos de data estao corretos e seus layouts RTL renderizam perfeitamente. Entao alguem faz a pergunta que faz todo product manager estremecer: e as capturas de tela da App Store?

De repente, uma tarefa aparentemente simples se torna um pesadelo logistico. Cada idioma suportado na App Store requer seu proprio conjunto de capturas. A Apple suporta 40 localizacoes. O Google Play suporta ainda mais. Se seu listing usa cinco capturas por tipo de dispositivo e voce suporta iPhone, iPad e Android, estamos falando de potencialmente milhares de assets de imagem individuais, todos precisando ser mantidos em sincronia toda vez que voce atualiza sua interface ou ajusta sua mensagem de marketing.

A maioria das equipes lida com isso de uma de tres formas, todas dolorosas:

  • Ignorar a localizacao completamente e enviar capturas em ingles para todos os lugares. Isso deixa conversao significativa na mesa.
  • Recriar capturas manualmente no Figma ou Photoshop para cada idioma, cada release. Preciso mas brutalmente lento.
  • Contratar uma agencia de localizacao especializada em assets ASO. Caro e com prazos de entrega.

Nenhuma dessas abordagens escala. A boa noticia e que a automacao baseada em templates dinamicos resolve esse problema completamente.

Por que capturas localizadas importam: Os dados

  • 25-40% de melhoria na taxa de conversao quando capturas sao localizadas para o idioma nativo do usuario.
  • Os Top 100 apps na maioria das categorias localizam suas capturas para pelo menos 10 idiomas.
  • Alemao, japones, frances e espanhol estao entre as localizacoes de maior valor.
  • Capturas localizadas sinalizam qualidade. Usuarios associam inconscientemente marketing localizado com um produto bem cuidado.

Considere isso: se seu app recebe 50.000 impressoes por mes so no Brasil, e capturas localizadas elevam sua taxa de conversao de 30% para 38%, sao 4.000 downloads adicionais por mes de um unico mercado. Multiplique por 10 ou 20 mercados e o impacto se torna transformador.

O fluxo de trabalho tradicional esta quebrado

Passo 1: Tirar capturas base. Um desenvolvedor ou engenheiro QA captura o app em cada estado chave. Tempo: 1-2 horas.

Passo 2: Projetar os quadros. Um designer cria quadros de marketing com legendas, fundos e molduras de dispositivos. Tempo: 4-8 horas.

Passo 3: Traduzir legendas. Enviar textos para tradutores. Tempo: 1-3 dias.

Passo 4: Aplicar traducoes aos designs. O designer abre cada arquivo, troca texto, ajusta layouts e exporta. Para 10 idiomas: 10-20 horas.

Passo 5: Exportar e fazer upload. Gerar PNGs corretamente dimensionados. Tempo: 2-4 horas.

Tempo total por release: 40-80 horas de esforco combinado.

Templates dinamicos: Crie uma vez, localize infinitamente

A ideia central por tras dos templates dinamicos e a separacao de responsabilidades. O design da sua captura e definido uma vez como template. O conteudo variavel e injetado no momento da renderizacao.

Como funciona com Screenshots.live

Screenshots.live fornece um editor visual onde voce projeta seu template de captura com variaveis de espaco reservado. Estas variaveis podem representar:

  • Legendas de texto como titulos e subtitulos
  • Capturas do dispositivo mostrando a interface real do seu app
  • Cores ou imagens de fundo para variacoes sazonais ou regionais
  • Texto de badges como "Novo" ou "Escolha do Editor"

Uma vez salvo o template, voce o renderiza via REST API passando seus valores de variaveis:

POST /v1/renders
{
  "templateId": "tmpl_abc123",
  "variables": {
    "headline": "Acompanhe seus habitos sem esforco",
    "subheadline": "Junte-se a 2 milhoes de usuarios",
    "screenshot": "https://cdn.example.com/screens/pt/home.png",
    "locale": "pt"
  },
  "output": {
    "format": "png",
    "width": 1290,
    "height": 2796
  }
}

Mesmo template, mesmo design, mesma qualidade, idioma diferente. Cada renderizacao leva segundos, nao horas.

Configuracao YAML para localizacao

templates:
  - id: tmpl_hero_screen
    locales:
      en:
        headline: "Track your habits effortlessly"
        subheadline: "Join 2 million users worldwide"
        screenshot: screens/en/home.png
      pt:
        headline: "Acompanhe seus habitos sem esforco"
        subheadline: "Junte-se a 2 milhoes de usuarios"
        screenshot: screens/pt/home.png
import yaml
import requests

with open('screenshots.yml') as f:
    config = yaml.safe_load(f)

for template in config['templates']:
    for locale, variables in template['locales'].items():
        response = requests.post(
            'https://api.screenshots.live/v1/renders',
            json={
                'templateId': template['id'],
                'variables': variables,
                'output': {'format': 'png', 'width': 1290, 'height': 2796}
            },
            headers={'Authorization': 'Bearer YOUR_API_KEY'}
        )
        print(f"Rendered {locale}: {response.json()['url']}")

Guia passo a passo: De zero a 30 capturas localizadas

Passo 1: Auditar suas capturas atuais. Identifique quais capturas convertem melhor.

Passo 2: Extrair texto em variaveis. Cada pedaco de texto deve se tornar uma variavel.

Passo 3: Projetar seu template no Screenshots.live. Use o editor visual.

Passo 4: Preparar traducoes. Use seu pipeline de localizacao existente.

Passo 5: Capturar screenshots localizados do app. Use seu framework de automacao de testes.

Passo 6: Configurar seu pipeline de renderizacao. Configure seu YAML ou construa um script simples.

Passo 7: Renderizar e revisar. Gere todas as capturas e faca uma verificacao rapida de QA visual.

Passo 8: Fazer upload para as lojas. Use Fastlane Deliver ou as APIs das lojas.

Passo 9: Automatizar para o futuro. Integre o passo de renderizacao no seu pipeline CI/CD.

Lidando com casos especiais na localizacao

Texto em alemao e 30% mais longo que em ingles. Seu template deve usar tamanhos de texto flexiveis.

Japones e chines precisam de fontes diferentes. Templates suportam substituicoes de fontes por idioma.

Idiomas RTL como arabe e hebraico. Layouts de templates podem ser espelhados.

Diferencas culturais em imagens. Alguns mercados respondem melhor a imagens ou esquemas de cores diferentes.

O calculo do ROI

Abordagem manual: 15 idiomas vezes 10 capturas vezes 20 minutos por captura igual a 50 horas de trabalho de design por release. A 75 USD por hora, sao 3.750 USD por release. Com atualizacoes trimestrais, sao 15.000 USD por ano.

Abordagem automatizada: Configuracao unica de template de 4-6 horas. Tempo de geracao por release de aproximadamente 15 minutos. Custos de renderizacao API de aproximadamente 50 USD por release. Custo anual abaixo de 500 USD apos a configuracao inicial.

Conclusao

Localizar suas capturas de tela da App Store e uma das atividades ASO de maior impacto disponiveis para publishers de apps. A barreira sempre foi o enorme volume de trabalho necessario para manter capturas em dezenas de idiomas. Templates dinamicos eliminam essa barreira completamente.

Com Screenshots.live, voce projeta uma vez, traduz suas variaveis e renderiza para cada idioma com uma unica chamada de API. Sem equipe de design necessaria. Sem tempos de espera de agencias. Sem capturas desatualizadas mostrando a interface do ano passado em um idioma que seus usuarios nao falam.

Posts relacionados