Todos os artigos
Produto

Como personalizar fundos de carros com uma API de imagens

Recortes transparentes transformam o fundo em uma decisão de design. Quatro receitas, desde a cor da marca até o piso da concessionária, e os parâmetros por trás delas.

Robin Ashford30 de julho de 20265 minutos de leitura
Hero do blog: fundos

O fundo de uma imagem de veículo costumava ser um fato sobre onde o carro estava estacionado. Com a imagem renderizada, ele se torna um token de design: o carro chega como um recorte limpo, e o que ele está sobre é sua escolha, feita em CSS ou em uma etapa de composição que você controla. As equipes subutilizam isso porque pensam nisso como um problema de edição de imagem. É um parâmetro.

Os blocos de construção.

As solicitações combinam algumas opções: transparency para um corte puro, shadow para um visual de estúdio em solo, ground e mirroring para uma reflexão no chão da loja, além de color, format e dimensionamento. Cada combinação é uma URL, o que significa que cada visual abaixo é um modelo que você define uma vez e aplica a todo o catálogo.

Quatro receitas

1. Cor da marca, em todos os lugares

Um WebP transparente sobre a cor de fundo da sua marca é a redesign completa mais barata disponível: uma regra CSS, e todo o inventário se assenta na sua identidade em vez de em quarenta diferentes pátios de vendas. Funciona igualmente em e-mails, onde o fundo é um preenchimento de célula de tabela.

2. O estúdio em solo

Uma variante de sombra em um campo neutro lê-se como um ensaio de estúdio profissional sem qualquer composição. Esta é a configuração padrão segura para listas e páginas de detalhes. O carro está sobre algo, e todo carro está sobre a mesma coisa. As variantes são mostradas lado a lado em sombras, reflexos e transparência.

Blog inline: fundos de papel

3. O piso da concessionária

Reflexo no chão com espelhamento produz o visual de configurador premium, com o carro em um piso escuro polido. Combine com um tema de página escuro para páginas de lançamento e posições de destaque onde você quer drama deliberado em vez de neutralidade de catálogo.

4. O composto da campanha

Para criativos sazonais ou de campanha, um recorte transparente cai em qualquer cena que sua equipe de design constrói: campos de gradiente, fotografia, ilustração. O enquadramento consistente do recorte é o que faz isso escalar: um modelo, cada veículo, sem trabalho de máscara por carro.

Regras que mantêm tudo com aparência intencional

  • Escolha uma receita por superfície: grades e galerias em um visual, superfícies de campanha em outro
  • Nunca misture carros encostados e flutuantes na mesma grade, parece um bug
  • Mantenha o contraste honesto: carros escuros em fundos escuros precisam do reflexo ou da sombra para se separar
  • Deixe que o modelo possua o fundo; a solicitação deve carregar apenas transparência e tamanho

Onde cada receita se encaixa no funil

As receitas não são intercambiáveis, e escolher por estágio do funil mantém o sistema coerente. Grade de listagem e resultados de pesquisa querem o estúdio neutro, pois a comparação precisa de neutralidade. Páginas de detalhes podem se dar ao luxo do piso da concessionária, pois um carro tem o palco só para si. Superfícies de campanha, desde redes sociais pagas até e-mails sazonais, são onde o composto se destaca, pois esses formatos são projetados para chamar a atenção em vez de comparar.

O email merece uma frase própria, pois é a superfície onde as equipes desistem primeiro. Um recorte transparente sobre um preenchimento de célula de tabela sobrevive ao modo escuro, renderiza de forma idêntica em todos os clientes e não precisa de edição de imagem quando a cor da campanha muda. O fundo é um valor hexadecimal no modelo, então uma reestruturação altera uma variável em vez de mil imagens.

A outra metade da história de branding, o que as imagens deliberadamente não carregam, é a precisão de acabamento e cor.

Quer essas imagens para seu inventário?

Diga-nos quais veículos você lista e enviaremos exemplos reais do seu próprio estoque.

Robin Ashford
Escrito por
Robin Ashford
Chefe de Conteúdo

Robin escreve sobre o ponto onde carros e software se encontram: imagens, dados de veículos e os sistemas que vendem veículos online. Uma década em marketplaces, plataformas de leasing e ferramentas para concessionárias ensinou a ela quais problemas são reais, e os textos aqui se concentram nesses.