Tous les articles
Produit

Comment personnaliser les arrière-plans de voitures avec une API d'images

Les fonds transparents découpés transforment l'arrière-plan en une décision de design. Quatre recettes, de la couleur de la marque au sol du showroom, et les paramètres qui les sous-tendent.

Robin Ashford30 juil. 20265 minutes de lecture
Héro de blog: arrière-plans

L'arrière-plan d'une image de véhicule était autrefois un fait sur l'endroit où la voiture était garée. Avec des images rendues, il devient un jeton de conception: la voiture arrive sous forme de découpe propre, et ce sur quoi elle repose est votre choix, fait en CSS ou dans une étape de composition que vous contrôlez. Les équipes sous-utilisent cela car elles le considèrent comme un problème de retouche d'image. C'est un paramètre.

Les blocs de construction

Les requêtes combinent quelques options: transparency pour une découpe pure, shadow pour un look studio ancré, ground et mirroring pour une réflexion de salle d'exposition, plus color, format et la taille. Chaque combinaison est une URL, ce qui signifie que chaque look ci-dessous est un modèle que vous définissez une fois et appliquez à l'ensemble du catalogue.

Quatre recettes

1. Couleur de la marque, partout

Un WebP transparent sur votre couleur de fond de marque est la refonte complète la moins chère disponible: une règle CSS, et tout l'inventaire repose sur votre identité plutôt que sur quarante cours différentes. Fonctionne également dans les emails, où le fond est une couleur de remplissage de cellule de tableau.

2. Le studio au sol

Une variante d'ombre sur un fond neutre se lit comme un shooting studio professionnel sans aucun compositing. C'est le défaut sûr pour les listes et les pages de détails. La voiture repose sur quelque chose, et chaque voiture repose sur la même chose. Les variantes sont présentées côte à côte sur ombres, reflets et transparence.

En ligne de blog : fonds de papier

3. Le sol du showroom

La réflexion au sol avec miroir produit l'apparence du configurateur premium, avec la voiture sur un sol sombre poli. Associez-la à un thème de page sombre pour les pages de lancement et les placements phares où vous souhaitez un drame délibéré plutôt qu'une neutralité de catalogue.

4. La composition de la campagne

Pour les créations saisonnières ou de campagne, un découpage transparent s'intègre dans toute scène que votre équipe de design construit: champs de dégradé, photographie, illustration. Le cadrage constant du découpage est ce qui permet l'échelle: un modèle, chaque véhicule, sans travail de masquage par voiture.

Règles qui le font paraître délibéré

  • Choisissez une recette par surface: les grilles et les galeries dans un style, les surfaces de campagne dans un autre
  • Ne mélangez jamais les voitures au sol et les voitures flottantes dans la même grille, cela ressemble à un bug.
  • Garder le contraste honnête: les voitures sombres sur des fonds sombres ont besoin du reflet ou de l'ombre pour se séparer
  • Laissez le modèle gérer l'arrière-plan; la demande ne doit porter que sur la transparence et la taille

Où chaque recette s'intègre dans l'entonnoir

Les recettes ne sont pas interchangeables, et choisir selon l'étape du tunnel permet de garder le système cohérent. Les grilles de liste et les résultats de recherche nécessitent le studio au sol, car la comparaison exige de la neutralité. Les pages de détails peuvent se permettre le sol du showroom, car une voiture a la scène pour elle seule. Les surfaces de campagne, des réseaux sociaux payants aux e-mails saisonniers, sont là où la composition gagne sa place, puisque ces formats sont conçus pour attirer l'attention plutôt que pour la comparaison.

L'email mérite sa propre phrase, car c'est la surface où les équipes abandonnent en premier. Une découpe transparente sur un remplissage de cellule de tableau survit au mode sombre, se rend de manière identique sur tous les clients, et ne nécessite aucun éditeur d'image lorsque la couleur de la campagne change. L'arrière-plan est une valeur hexadécimale dans le modèle, donc un rebranding touche une variable au lieu de mille images.

L'autre moitié de l'histoire de la marque, ce que les images ne portent pas délibérément, porte sur la précision des finitions et des couleurs.

Vous souhaitez ces images pour votre inventaire?

Indiquez-nous quels véhicules vous listez et nous vous enverrons des exemples réels de votre propre stock.

Robin Ashford
Rédigé par
Robin Ashford
Chef de contenu

Robin écrit sur le point de rencontre entre les voitures et les logiciels: l'imagerie, les données des véhicules et les systèmes qui vendent des véhicules en ligne. Une décennie passée dans les places de marché, les plateformes de leasing et les outils de concessionnaires lui a appris quels problèmes sont réels, et les écrits ici se concentrent sur ceux-ci.