Ta vitrine change de style et prend de l’allure

De quoi rendre ta vitrine encore plus à ton image. D'un côté, une série de nouveaux styles qui changent son caractère d'un coup : ils se choisissent en un clic dans Thème et se combinent entre eux. De l'autre, la barre en haut de tes pages se règle enfin, et tes photos, ton équipe, tes réalisations, ton journal et tes témoignages gagnent de nouvelles façons de se montrer.

Sept thèmes façon affiche

Sept nouveaux thèmes associent chacun deux couleurs franches, comme une affiche : un bleu vif sur crème, un vert sapin sur jaune beurre, un cobalt sur jaune citron, du citron sur charbon, du cuivre sur un gris-vert brumeux, du citron vert avec une encre violette, et un pourpre velours sur ocre doux.

Passe une section en Foncé et les deux couleurs s'inversent : c'est ce qui donne l'effet d'affiche. Tu les trouves sur la carte des thèmes prêts à l'emploi.

Tes cartes dans un viseur

Tes cartes (produits, formules, articles) peuvent porter un viseur : quatre équerres fines posées sur leurs coins, comme dans le viseur d'un appareil photo. L'effet est graphique, et il laisse toute la place à ce que la carte montre.

Tu le choisis sur la carte Style des cartes. Les équerres prennent ta couleur de marque, ou celle de ton texte si elle se voit trop peu.

Des angles vifs et un coin coupé

Avec Coin coupé, tout passe à angle vif, sauf le coin en bas à droite de ton bouton principal, de tes cartes et de tes photos, coupé en biais. Une seule exception, répétée partout : c'est elle qu'on remarque.

Tu le choisis sur la carte Style des coins. Sur iPhone, ce coin reste pour l'instant légèrement arrondi.

Une police technique pour tes titres : Tektur

Tektur est une police carrée, aux angles coupés, qui donne à tes titres un air précis et moderne. Elle va bien aux activités qui fabriquent, réparent ou conçoivent.

Tu la choisis sur la carte Typographie, pour tes titres. Pour ton texte, garde une police plus sobre.

Tes mots surlignés à l'encre

Les mots que tu fais ressortir dans le titre de ton accueil ont une nouvelle forme, Encre : un bloc de la couleur de ton texte, aux coins carrés, avec tes mots écrits dans ta couleur de marque. L'emphase est aussi forte qu'avec un grand aplat de couleur, mais elle pèse moins à l'œil.

Tu la choisis sur la carte Badges et surlignages. La forme Arrondi, celle par défaut, a aussi été revue.

Un effet sur tes photos

Noir et blanc, sépia, délavé, éclatant, pellicule ou projecteur : choisis un effet, et toutes tes photos de présentation le prennent d'un coup. Pratique quand tes photos viennent de plusieurs appareils et ne vont pas ensemble. Pellicule ajoute un grain fin et des couleurs un peu passées. Projecteur va plus loin : grain, fines rayures, une lueur chaude et des bords doux, comme une diapositive projetée au mur. Sur ordinateur, l'image vacille très légèrement.

L'effet se pose sur ton accueil, ton à propos, ta galerie, tes coulisses, ton histoire, ton équipe et ton journal. Les photos de tes articles ne sont jamais modifiées : ton client voit ce qu'il va recevoir. Tes réalisations, tes logos, tes avant / après et les photos de tes clients non plus. Et dans Vitrine, chaque section peut prendre un autre effet, ou aucun.

Un style complet en quatre réglages

Ces nouveautés vont bien ensemble. Pour un air technique et précis, essaie Tektur pour tes titres, Coin coupé pour tes coins, Encre pour tes mots surlignés et Viseur pour tes cartes. Tu changes d'avis ? Chaque réglage se reprend en un clic, et ta vitrine suit aussitôt.

Ta barre de navigation, à ton allure

La barre en haut de tes pages est la première chose que ton visiteur voit, sur chaque page. Tu choisis maintenant son allure :

• Classique : ton logo et ton nom à gauche.
• Centrée : ton logo et ton nom au milieu, tes liens à gauche.
• Flottante : une barre arrondie, détachée des bords, comme posée au-dessus de ta page.

Tu choisis aussi ce qu'elle montre : ton logo, ton nom, le badge « Entreprise vérifiée », et ton nom écrit en majuscules ou en minuscules. Ton logo ou ton nom reste toujours là : c'est par lui qu'on revient à ton accueil. Sur téléphone, ta vitrine garde le rond de ton logo et son menu ; si tu masques ton logo, tes initiales prennent sa place.

Ton équipe, tes réalisations et ta galerie en tranches

Une photo s'ouvre en grand, les autres attendent en fines tranches à côté, et ton visiteur en ouvre une autre d'un clic.

Pour ton équipe, la tranche ouverte montre le nom, le rôle et les liens de la personne. Pour tes réalisations, leur nom, leur description et, si tu as mis un lien, une flèche pour aller le voir. Pour ta galerie, la photo seule, qu'une flèche agrandit en plein écran. Sur téléphone, les tranches s'empilent, et celle qu'on touche s'agrandit à sa place.

Tes réalisations et tes coulisses en chemises

Chaque réalisation, ou chaque étape de ta façon de travailler, est rangée dans une chemise à onglet, avec son numéro en grand et sa photo qui dépasse en haut quand tu en as mis une. Sur ordinateur, quand ton visiteur passe la souris dessus, le devant de la chemise descend et découvre la photo.

Pour tes réalisations, toute la chemise mène au lien du projet quand tu en as mis un. Sur téléphone, les chemises défilent au doigt, côte à côte.

Tes photos sur une corde à linge

Tes photos, tes réalisations ou les portraits de ton équipe, pincés sur une corde qui pend et défile toute seule. Chaque photo se balance doucement, et ton visiteur peut tirer la corde à la souris ou au doigt : elle garde son élan, comme une vraie. Quand la souris est sur la corde, elle s'arrête, et la photo survolée montre son nom.

Les pinces prennent ta couleur de marque. Un clic sur une photo de ta galerie l'agrandit, un clic sur une réalisation mène à son lien.

Tes réalisations et tes collections en jeu de cartes

Étale tes réalisations, ou les pièces d'une collection, en arc comme un jeu de cartes tenu en main. La carte du milieu est droite et en grand, avec son nom et sa phrase (ou son prix), les autres pivotent de chaque côté. Un clic sur une carte la fait venir au centre, et le bouton de celle du milieu ouvre sa page.

Ton journal et tes coulisses en pile de tirages

Pose tes articles, ou les étapes de ta façon de travailler, en pile comme des tirages photo. La carte de devant est bien droite, avec sa photo et son titre, et les deux suivantes dépassent derrière, pivotées de chaque côté. Ton visiteur les feuillette avec les flèches, les petites vignettes ou en faisant glisser la carte : elle suit sa main en pivotant, puis la suivante prend sa place.

Un clic sur l'article de devant l'ouvre. Pour tes coulisses, le texte de l'étape s'affiche sous la pile.

Ta galerie et les photos de tes clients en planche-contact

Tes photos forment une grande grille sans bords, comme une planche-contact de photographe. Ton visiteur s'y promène en la faisant glisser : elle garde son élan quand il la lâche, avance toute seule quand sa souris approche d'un bord, et respire doucement avec sa souris. Au survol, la photo grandit un peu et son texte apparaît.

Dans ta Galerie, un clic agrandit la photo. Dans tes Photos clients, le prénom, la ville et la légende apparaissent au survol. Il faut au moins 6 photos pour que la planche s'affiche.

Ton équipe en trombinoscope

Une personne à la fois : son portrait en grand, son nom, son rôle et quelques lignes de présentation. Dessous, une petite barre aligne les visages de toute ton équipe. Un clic sur un visage, et il s'envole de la barre pour devenir le portrait. Sur ordinateur, les visages grossissent sous la souris, et les flèches annoncent qui vient ensuite.

Chaque membre de ton équipe gagne un champ Présentation, facultatif : deux ou trois phrases sur son parcours ou ce qu'il fait pour tes clients.

Tes coulisses et ton histoire en fil d'étapes

Tes étapes l'une sous l'autre, leur numéro en grand, le texte d'un côté et la photo de l'autre, en alternance. Un ruban relie chaque étape à la suivante en serpentant, et se colore à mesure que ton visiteur descend dans la page.

Dans tes Coulisses, chaque numéro roule jusqu'à sa valeur quand ton visiteur arrive à l'étape. Dans Notre histoire, c'est ta date qui s'affiche en grand. Sur téléphone, le ruban devient un trait droit à gauche.

Tes réalisations en répertoire

La liste numérotée de tes réalisations, leur nom en grand, et une grande photo à côté qui change avec la ligne que ton visiteur survole. Tes étiquettes deviennent des filtres en haut de la liste, chacun avec le nombre de réalisations qu'il regroupe.

Sur téléphone, la ligne touchée s'ouvre sur sa photo et sa phrase. Quand une réalisation a un lien, un clic sur sa photo l'ouvre. Il faut au moins trois réalisations pour que le répertoire s'affiche.

Tes témoignages en récits clients

Tes clients listés à gauche, le récit de l'un d'eux au centre, sa photo à droite. Sa citation courte s'affiche en grand, son avis apparaît mot à mot dessous, et quand le récit change, la photo suivante se découvre en glissant. Les récits défilent tout seuls, et un clic sur un client l'affiche.

Si ta citation courte commence par un chiffre, comme « 12 bavoirs pour la crèche », ce chiffre compte depuis zéro à l'arrivée du récit. Sur téléphone, les visages de tes clients forment une rangée au-dessus de la photo.

Tes témoignages en face-à-face

Un témoignage à la fois, coupé en deux : la citation à gauche sous de grands guillemets, le portrait de ton client en carte à droite. Entre les deux, un trait porte deux flèches pour passer au suivant ou revenir. Rien ne défile tout seul : ton visiteur lit à son rythme.

Cette allure prend tout son sens avec des photos de clients. Sans photo, le portrait affiche les initiales.

Tes témoignages en chaîne de portraits

Un avis en grand, avec la photo de ton client à côté quand tu l'as ajoutée, et les autres qui attendent en portraits autour. La chaîne avance toute seule : l'avis en cours se range en portrait, le suivant grandit et prend sa place.

Si tu as écrit une citation courte pour un témoignage, elle devient le gros titre de l'avis : « Reçue en quatre jours », « Jules ne la quitte plus ». Dès que ton visiteur clique sur un portrait, celui-ci passe au centre et la chaîne s'arrête, pour qu'il lise tranquillement. Sur téléphone, l'avis s'affiche seul, la photo en haut, avec de petites barres dessous pour passer d'un avis à l'autre.

Tes photos sur plans décalés

Tes photos, tes réalisations ou les portraits de ton équipe défilent en boucle sur plusieurs plans, grandes et petites, en hauteur ou en largeur. Les plus proches vont plus vite que celles du fond : elles se croisent en passant, et ta section prend du relief. Ton visiteur les fait glisser à la souris ou au doigt ; quand sa souris passe sur la bande, elle ralentit, et le nom d'une réalisation ou d'un membre de ton équipe apparaît sous sa photo.

Un clic sur une photo de ta galerie l'agrandit, un clic sur une réalisation mène à son lien. Tu la choisis dans l'allure de ta Galerie, de ton Équipe ou de tes Réalisations.

Ton histoire en frise à la une

Tes dates clés s'alignent sur une ligne, la plus récente ouverte : ton visiteur voit d'abord où tu en es aujourd'hui, puis passe la souris sur une date (ou la touche, sur téléphone) pour remonter le temps. Chaque date ouvre sa carte, avec la photo de l'étape quand tu en as ajouté une, et la ligne se soulève doucement sous la date choisie.

Tu ajoutes une photo à chaque étape dans le panneau de ta section Notre histoire, et tu choisis l'allure Frise à la une juste au-dessus. Sur téléphone, les dates deviennent une rangée d'onglets au-dessus de la carte.

Tes collections, tes articles et tes réalisations sur un podium

Posés en rangée, celui du milieu levé, son nom et sa phrase dessous ; les autres attendent plus bas de chaque côté. Ton visiteur passe au suivant en cliquant un voisin ou en faisant glisser la rangée, qui tourne sans fin, et un clic sur celui du milieu ouvre sa page.

Il en faut au moins trois : en dessous, la section garde son allure habituelle. Pour ton Journal, les articles mis en avant passent d'abord, huit au plus.

Où les trouver

Les styles se choisissent dans Thème :

• les sept thèmes façon affiche, sur la carte des thèmes prêts à l'emploi ;
• le Viseur, sur la carte Style des cartes ;
• le Coin coupé, sur la carte Style des coins ;
• Tektur, sur la carte Typographie ;
• l'Encre, sur la carte Badges et surlignages.

Le reste se règle dans Vitrine › Mise en page, dans le choix de l'allure de chaque section :

• la barre de navigation, sur sa ligne tout en haut de ta page d'accueil ;
• les tranches, pour ton Équipe, tes Réalisations ou ta Galerie ;
• les chemises, pour tes Réalisations ou tes Coulisses ;
• la corde à linge et les plans décalés, pour ta Galerie, ton Équipe ou tes Réalisations ;
• le jeu de cartes, pour tes Réalisations ou une Collection ;
• la pile de tirages, pour ton Journal ou tes Coulisses ;
• la planche-contact, pour ta Galerie ou tes Photos clients ;
• le trombinoscope, pour ton Équipe ;
• le répertoire, pour tes Réalisations ;
• le fil d'étapes, pour tes Coulisses ou ta section Notre histoire ;
• les récits clients, le face-à-face et la chaîne de portraits, pour tes Témoignages ;
• la frise à la une, pour ta section Notre histoire ;
• le podium, pour ta Mosaïque de collections, ton Journal ou tes Réalisations.

→ Prépare ta vitrine en brouillon, pour essayer tout ça dans un aperçu avant de le montrer à tes visiteurs.