Aller au contenu

De la maquette au site validé.

Le site de la Savonnerie des Remparts ouvert en préproduction : un retour épinglé sur la photo d'accueil, sa bulle ouverte, et le module « Retours » de Blummy.
Capture réelle : les retours posés sur le site en préproduction.

Direction, maquettes, préproduction : votre client répond sur le site lui-même.

Tester Blummy

Vous jouez le client, sans inscription.

La direction

Deux directions, un choix.

Pour les webdesigners et les agences web, Blummy fait valider la direction, les maquettes et le site en préproduction, avec les retours posés sur la page.

Présentez deux à quatre pistes de page d'accueil, côte à côte. Votre client en retient une, qui devient la V1.

Le mode Proposition dans l'espace client : « Visuel d'accueil : deux directions », « La maison » retenue en grand, « Le produit en gros plan » proposé, et la décision de Camille qui crée la version 1.
Capture réelle : le mode Proposition, ici sur les deux directions d'accueil du site.

Mode Proposition

Exemple

Deux pistes pour l'accueil du site de la Savonnerie des Remparts : Camille en retient une, qui devient la version 1.

Les maquettes

Les maquettes, écran par écran.

Vos maquettes d'écrans s'ouvrent en galerie : votre client retient, écarte ou demande une retouche sur chaque écran, en entourant la zone.

Exemple : trois maquettes d'écrans du site de la Savonnerie des Remparts, ouvertes en galerie ; sur l'accueil, Élodie entoure le bouton « Venir à la boutique » et demande une retouche : « plus visible ». Retouche demandée Approuvé Accueil Nos savons · La boutique Élodie V. « plus visible » Exemple : trois maquettes d'écrans du site de la Savonnerie des Remparts, ouvertes en galerie ; sur l'accueil, Élodie entoure le bouton « Venir à la boutique » et demande une retouche : « plus visible ». Retouche demandée Élodie V. « plus visible » Approuvé
Exemple : trois écrans du site, un bouton entouré.

Mode Galerie

Exemple

Trois écrans du site : l'accueil, la gamme, la boutique. Élodie entoure le bouton de la boutique : « plus visible ».

La préproduction

Le vrai site, pas une capture.

Une ligne de script sur votre préproduction, et votre client ouvre le vrai site depuis son espace. Chaque mise à jour lui dit ce qui a changé et ce qu'il faut vérifier.

L'espace client : « Ouvrir le site et déposer vos retours », puis les mises à jour datées du site, « L'encart sur le vrac est en place », avec ce qui a changé et ce qu'il faut vérifier.
Capture réelle : la mise à jour du site, annoncée au client.

Mode Site web

Exemple

« Mise à jour du site : la page « La boutique » présente maintenant le vrac. » Camille ouvre le site et va droit à la boutique.

Les retours

Chaque retour, à sa place.

Votre client pose un point ou une zone directement sur la page. Le retour retient la page, l'endroit et la taille de l'écran ; la mise à jour suivante y répond.

Exemple : sur la page « La boutique » du site en préproduction, Élodie épingle le bouton « Commander » avec le bouton « Faire un retour » de Blummy ; son retour garde la page, l'endroit et la largeur de son écran, puis part avec « Envoyer mes retours ». É On le voit à peine sur mon écran. La boutique · écran de 1440 px Envoyer le retour 1 retour prêt, il n'est pas parti. Envoyer mes retours Exemple : sur la page « La boutique » du site en préproduction, Élodie épingle le bouton « Commander » avec le bouton « Faire un retour » de Blummy ; son retour garde la page, l'endroit et la largeur de son écran, puis part avec « Envoyer mes retours ». É On le voit à peine sur mon écran. La boutique · écran de 1440 px Envoyer le retour 1 retour prêt, il n'est pas parti.
Exemple : un retour épinglé sur le bouton de la boutique.

Mode Retours sur le site

Exemple

Sur « La boutique », Élodie épingle le bouton « Commander » : « on le voit à peine sur mon écran ». Vous savez sur quelle page, et quelle largeur d'écran.

La mise en ligne

Validé, puis remis proprement.

Votre client valide le site quand la dernière mise à jour lui va. Vous lui remettez alors les accès, chiffrés, et le code source, directement depuis le projet.

Reproduction d'après le vrai gabarit : la remise des accès du site de la Savonnerie des Remparts ; l'adresse du site, l'identifiant de l'administration masqué, le bouton « Afficher ». Vos accès 1 accès transmis. Le site en ligne savonnerie-des-remparts.example Identifiants Administration du site •••••••• Afficher Disponible jusqu'au 17 nov. Votre agence voit quand ces identifiants ont été affichés pour la première fois. Reproduction d'après le vrai gabarit : la remise des accès du site de la Savonnerie des Remparts ; l'adresse du site, l'identifiant de l'administration masqué, le bouton « Afficher ». Vos accès 1 accès transmis. Le site en ligne savonnerie-des-remparts.example Identifiants Administration du site •••••••• Afficher Disponible jusqu'au 17 nov. Votre agence voit quand ces identifiants ont été affichés pour la première fois.
Reproduction d'après le vrai gabarit : les accès du site, mot de passe masqué.

Mode Validation, Livraison

Exemple

Camille valide le site vitrine. Vous lui transmettez l'adresse de l'administration et ses identifiants : elle les affiche quand elle en a besoin.

Votre site, dans un espace à votre nom.

Adresse de l'espace client : votre-agence.blummy.fr

Votre logo, votre couleur, et chaque mise à jour au même endroit. Sans compte à créer.

Commentez le site, à vos couleurs.

Vous êtes Camille, de la Savonnerie des Remparts : votre agence vient de mettre le site vitrine à jour.

Adresse de l'espace client : votre-agence.blummy.fr

Démo interactive
Reproduction d'après la vraie visionneuse. La démo s'ouvre à votre nom et à votre couleur.
Tester Blummy

Vous jouez le client, sans inscription.

Vous serez Camille : ouvrez le site et posez un retour sur la page.

Vos autres métiers.

Branding

Des présentations adaptées à tous vos supports.

  • Présentez vos pistes côte à côte : votre client compare, marque sa préférence et choisit.
  • La piste retenue devient la V1 : les allers-retours partent de là.
  • Déclinaisons du logo en galerie, charte graphique à feuilleter comme un livre.
  • Demandez ce qui manque : ancien logo, textes, photos.
  • Retours posés sur la création, jusqu'à l'identité validée et les fichiers transmis.
Les pistes proposées au choix dans l'espace client.
Capture réelle de la démo, à vos nom et couleur.
Réseaux sociaux

Des présentations adaptées à tous vos supports.

  • Faites valider la direction et les visuels avant de produire les posts.
  • Chaque post s'affiche tel qu'il sera publié : LinkedIn, Instagram, TikTok, YouTube ou Facebook, sur mobile ou ordinateur.
  • Carrousel ou vidéo courte : votre client valide le rendu final, pas un dossier d'images.
  • Il surligne une phrase du texte ou propose sa réécriture, au mot près.
  • Relances automatiques quand un post attend ses retours, jusqu'à la validation.
Le post d'ouverture de Les Cordées, vu dans le fil Instagram sur ordinateur, dans l'espace client.
Capture réelle de la démo, à vos nom et couleur.
Photo

Des présentations adaptées à tous vos supports.

  • Présentez le shooting en galerie, comme une planche contact en ligne.
  • Votre client retient, écarte ou demande une retouche, photo par photo.
  • Fixez combien de photos retenir : il voit ce qu'il lui reste à choisir, vous voyez où en est la sélection.
  • Chaque retouche arrive en nouvelle version de la photo, sans doublon dans vos dossiers.
  • Relances automatiques quand la série attend ses retours, puis les photos retenues transmises.
La galerie du shooting de la Brûlerie Vauclair dans l'espace client, sélection en cours.
Capture réelle de la démo, à vos nom et couleur.
Vidéo et motion

Des présentations adaptées à tous vos supports.

  • Votre client regarde le montage dans un vrai lecteur, pas un lien de téléchargement.
  • Il met en pause, entoure la zone et laisse son retour au timecode exact.
  • V1, V2, V3 : chaque version garde ses retours, plus de « c'était dans quelle version ? ».
  • Vos formats courts s'affichent tels qu'ils seront publiés, réseau par réseau.
  • Relances automatiques quand une version attend votre client, puis validation du film au même endroit.
Le lecteur vidéo de l'espace client, le film de lancement des Ateliers Arpège en pause.
Capture réelle de la démo, à vos nom et couleur.
Print

Des présentations adaptées à tous vos supports.

  • Faites choisir votre client entre plusieurs directions artistiques, présentées côte à côte.
  • Présentez vos affiches en grand, et vos plaquettes, catalogues ou magazines en livre à feuilleter, couverture et papier compris.
  • Votre client pose ses retours directement sur la page : fini le PDF annoté renvoyé par mail.
  • Échanges, fichiers échangés, versions : tout l'historique du projet reste au même endroit.
  • Version après version, avancez jusqu'à la validation du BAT, dans Blummy.
Le catalogue des vins du Domaine des Vallerons présenté en livre dans l'espace client.
Capture réelle de la démo, à vos nom et couleur.

Tester Blummy

Vos questions sur le web.

Faut-il installer quelque chose ?

Sur votre préproduction, une ligne de script, à retirer à la mise en ligne. Votre client n'installe rien.

Ça marche sur téléphone ?

Le dépôt de retours sur le site est pensé d'abord pour l'ordinateur ; chaque retour note l'appareil et la taille de l'écran.

Et si la préproduction demande un mot de passe ?

Indiquez les accès dans la mise à jour : seuls les interlocuteurs du projet les voient.

Et mes maquettes Figma ?

Présentez-les par leur lien, ou en images pour que votre client entoure une zone.

Mes clients doivent-ils créer un compte ?

Non. Ils ouvrent un lien ; pour valider ou faire un retour, ils confirment leur adresse en un clic, sans mot de passe.

Quel projet voulez‑vous découvrir ?

Vous jouez le client d'une agence fictive, sans inscription.

  • Print Une plaquette, feuilletée comme un vrai livre.
  • Vidéo et motion Un film, commenté au bon instant.
  • Réseaux sociaux Un carrousel, tel qu'il sera publié.
  • Web Un site, commenté directement en ligne.
  • Photo Un shooting, trié photo par photo.
  • Branding Des pistes, puis le choix.