Melhores Práticas para Criadores ao Projetar Templates e Produtos Personalizáveis na Zazzle

Se você é um Criador vendendo produtos personalizados na Zazzle, aqui estão algumas dicas, truques e diretrizes ao projetar templates na Zazzle.

Primeiramente, aqui está o Sean, chefe da nossa equipe de Produto/UX, para mostrar o novo processo atualizado de Pós-Venda:

Dicas de Templates para Venda

1. Use rótulos de texto curtos e diretos nos templates de texto. Os clientes olham para os campos de template que você cria e os rótulos inseridos ali nem sempre são úteis. Por exemplo: alguns Criadores deixam o nome do template definido como “Texto 1.” Outros Criadores são muito verbosos em seus rótulos. Recomendamos usar rótulos curtos e diretos que descrevam especificamente o que é o template de texto. Evite colocar detalhes instrucionais nesses rótulos. Por exemplo: se você está criando um template de texto onde o cliente deve inserir o nome da noiva, use apenas o rótulo de texto “Nome da Noiva”. Você pode encontrar as configurações do template em “opções de venda” dentro da ferramenta de design.

2. Nem tudo deve ser marcado como template. Nem tudo em um design deve ser designado como um objeto de template. Por exemplo, a palavra “e” provavelmente não deve ser marcada como objeto de template. Tampouco imagens decorativas como flores ou coroas.

3. Objetos de template devem, idealmente, estar nas camadas superiores do design. Ao projetar templates, os objetos de template (ou seja, conteúdo que os consumidores devem substituir/editar) devem idealmente ficar acima dos objetos que não são template dentro de um design. Descobrimos que essa abordagem resulta em designs muito amigáveis para dispositivos móveis e reduz problemas quando os usuários selecionam acidentalmente objetos que não deveriam ser personalizados.

Templates de Imagem

1. Use molduras e grades em vez de imagens mascaradas por vetor. Recentemente, introduzimos elementos de grade e moldura que você pode definir como objetos de template para seu design na área de “opções de venda” da ferramenta de design. Recomendamos fortemente utilizar molduras e grades em vez de máscaras vetoriais sempre que possível para agilizar o processo de personalização para os consumidores.

2. Mantenha os cortes de imagem precisos. Além de usar molduras e grades em vez de máscaras vetoriais, recomendamos fortemente escolher uma foto que se encaixe bem nas dimensões da moldura para facilitar que o consumidor médio ajuste a foto dentro dela.
    

Templates de Código QR

Quando você usa o gerador nativo de Código QR da Zazzle (encontrado em “Elementos” > Adicionar Código QR), o código não é apenas uma imagem estática. É um objeto de dados dinâmico.

• Resolução: Ele escala perfeitamente sem pixelização, garantindo que permaneça escaneável mesmo em itens pequenos como etiquetas ou cartões de visita.
• Personalização: Você pode mudar as cores do código QR para combinar com seu tema. O código QR ajustará entre preto e branco dependendo do quão escuro/claro você o deixar para garantir que fique contrastado para fácil escaneamento.
• Facilidade de Uso: Os clientes não precisam de habilidades técnicas nem de seu próprio gerador. Eles simplesmente digitam sua URL em uma caixa de texto, e a Zazzle atualiza o código instantaneamente.
• Satisfação do Cliente: Você evita a armadilha do “link morto”. Se um cliente comprar um design com seu código QR pessoal fixado como uma imagem plana, isso será inútil para ele e causará não apenas um cliente insatisfeito, mas também uma devolução e perda de ganhos. Recomendamos que você mantenha as configurações padrão aqui para “forçar substituição”. 

Dicas de Design

1. Use o recurso de opacidade se precisar de uma imagem semi-opaca no seu design. Recomendamos fortemente usar o recurso de opacidade quando precisar de uma imagem semi-opaca no seu design. Você pode encontrar esse recurso na seção “efeitos” da ferramenta de design. Não recomendamos usar caixas/elementos semi-transparentes sobre imagens, pois isso dificulta a seleção da imagem para o cliente ao interagir com objetos na tela de design. Se desejar usar imagens ou caixas semi-transparentes no seu design, considere bloquear o objeto para facilitar que o consumidor selecione o objeto abaixo sem precisar interagir com o painel de camadas.

2. Descarte camadas não utilizadas. Recomendamos descartar/remover camadas que não serão usadas pelos consumidores, como letras opcionais, objetos de design, bem como escudos semi-opacos. Você pode publicar designs adicionais no marketplace contendo letras opcionais e objetos de design, se necessário.
   
3. Bloqueie objetos que não devem ser interagidos pelos consumidores. Como mencionado anteriormente, nem todos os objetos em um design precisam ser marcados como objetos de template. Para objetos que não devem ser interagidos ou geralmente ignorados: considere bloquear ou desabilitar o objeto para que os usuários possam interagir apenas com os objetos que você pretende que eles interajam.
   
   
    
4. Evite agrupar objetos desnecessariamente. Às vezes encontramos designs onde objetos na tela estão agrupados sem necessidade. Embora agrupar objetos possa melhorar a eficiência do design (ex.: mover/escala de um único objeto grande na tela), isso nem sempre resulta na melhor experiência para o consumidor, pois objetos agrupados precisam ser desagrupados para serem modificados e interagidos.
    
5. Utilize as “Opções de Venda” do template de forma ideal. Objetos de template têm propriedades diferentes e é bastante comum usá-las incorretamente ou não usá-las. Como lembrete:
   • Torne objeto(s) permanentes e sempre visíveis. Usuários podem mover, escalar e modificar objetos onde essa opção está ativada, mas não podem deletar o objeto do design.
   • Desabilite toda interação com o objeto. Como o nome indica, quando essa propriedade está ativada, os usuários poderão ver o objeto no design, mas não poderão selecioná-lo ou realizar qualquer ação significativa nele.

• Permita edição na página do produto. Os usuários poderão modificar seu design publicado. Recomendamos que você sempre ative esse recurso, pois a Zazzle é toda sobre personalização!
• Force os clientes a substituir pelo próprio conteúdo. Os usuários devem substituir sua imagem pela deles antes de adicionar o item ao carrinho. Essa propriedade adiciona atrito ao processo de checkout e pode resultar em venda perdida. Recomendamos usar seu próprio julgamento ao definir essa propriedade e usá-la apenas quando lidar com conteúdo licenciado.

6. Aproveite o recurso de imagem de fundo para imagens com sangria total. Muitas vezes, vemos que imagens destinadas à impressão com sangria total são tratadas como uma camada normal na tela. Se a imagem não deve ser interagida pelo cliente, considere usar o recurso de imagem de fundo para que as imagens preencham corretamente até a sangria e o corte da imagem fique restrito aos limites da área designável do produto.
    
7. Minimize camadas sobrepostas. É altamente recomendável minimizar camadas sobrepostas, tanto quanto possível, para que os consumidores possam selecionar facilmente (diretamente) os objetos de design na tela sem precisar ocultar camadas ou mover objetos para personalizar objetos de template. Para isso: tente manter cortes de imagem precisos, objetos de texto em sua própria linha (ou coluna) e evite sobreposições ao mínimo.
    
8. Mantenha caixas de texto e imagens dentro da área de design Certifique-se de que quaisquer caixas de texto ou espaços reservados para imagens fiquem dentro da área de design pretendida. Quando as caixas se estendem muito além dos limites, isso pode confundir os clientes - especialmente em telas menores, tornando pouco claro onde a caixa começa e termina. Caixas ou imagens muito grandes também podem causar corte de texto longo durante a impressão. Você pode precisar ajustar o “espaçamento entre linhas” do texto para ajustar a altura da caixa delimitadora do texto para que não sobreponha outras caixas delimitadoras, pois algumas fontes de caligrafia são desnecessariamente altas.
   Para melhores resultados, sempre configure templates usando as linhas seguras e linhas de sangria:
   • Coloque todo texto e elementos editáveis importantes dentro da linha segura.
   • Estenda cores de fundo ou padrões completamente até a linha de sangria para que imprimam até a borda.
     Leia sobre linhas seguras e de sangria
     
     
     
      
9. Utilize objetos SVG se forem para serem recoloridos. Frequentemente vemos casos onde clientes querem recolorir uma imagem de cor única em um design, mas não conseguem porque a imagem é rasterizada. Recomendamos fortemente usar arquivos SVG em vez de rasterizados no seu design, sempre que possível, pois arquivos SVG podem ser recoloridos usando nosso recurso interno de recoloração. Além disso, objetos SVG podem ser escalados infinitamente e geralmente imprimem melhor que imagens rasterizadas.
    
10. Tente evitar usar imagens contendo texto. Recomendamos evitar imagens com texto, pois os consumidores frequentemente querem modificar opções de texto nesses objetos (como mudar cor ou estilo da fonte), mas não conseguem porque o objeto é baseado em imagem. Recomendamos bloquear a imagem se decidir usar imagens com texto e a imagem não for para ser modificada.
    
    
     
11. Tente evitar usar grandes escudos com recortes. Já encontramos designs onde camadas contêm grandes escudos com ‘recortes’ para imagens. Nesses designs, objetos de template de imagem ficam atrás do grande escudo, o que dificulta (a) ver os limites da imagem, assim como (b) selecionar e alterar a imagem. Se um grande escudo for parte integral do design, sugerimos usar o recurso de bloqueio para que os clientes não cliquem acidentalmente no recorte do escudo ao personalizar seu design.
     

12.  Tenha cuidado com marcas d’água. A grande maioria das lojas na Zazzle não tem marcas d’água ativadas. Anecdoticamente, observamos que marcas d’água em designs impactam negativamente a experiência do consumidor e, em última análise, a taxa de conversão. Leia mais sobre marcas d’água
     

13. Tente projetar templates com CMYK em vez de RGB. Certas cores podem apresentar desafios do preview na tela para a impressão, mas a paleta de cores atualizada na ferramenta de design é comprovadamente confiável para impressão em diferentes substratos da Zazzle. Leia mais sobre orientação de cores para impressão.
     
14. Tenha cuidado com o comprimento do texto placeholder. Você vai querer garantir que os campos de texto do template acomodem uma variedade de comprimentos de texto para evitar que o texto quebre ou seja cortado acidentalmente. Pode ser útil testar seus próprios campos de texto do template com diferentes comprimentos de texto (para nomes, meses, números) para assegurar uma experiência satisfatória para o cliente.