Présenter de nouvelles idées aux clients est devenu un peu plus facile en 2022 avec le lancement de Maquette.

Cette plate-forme SaaS permet aux agences numériques d'explorer et de présenter rapidement de nouvelles idées de sites Web aux clients.

Imaginez ce scénario : vous rencontrez un client et son site Web est ouvert dans le navigateur. Ensemble, vous faites défiler la page de haut en bas pour explorer et discuter de différentes idées. Ces idées que vous documentez sur un bloc-notes pour une réunion d'équipe plus tard.

Maintenant, nous changeons un aspect. Lorsque leur page Web est ouverte, ouvrez un nouvel onglet et connectez-vous à la page de maquette. Saisissez-y l'URL de la page Web. Il charge la page dans la fenêtre du navigateur mais maintenant elle est modifiable et vous pouvez modifier le contenu.

Maintenant, côte à côte, vous avez la page actuelle et une copie modifiable que vous pouvez modifier à la volée.

explorer-mockup-page-edit

Accélérez l'engagement

Il s'agit d'un nouveau niveau d'engagement pour le client. Ils peuvent non seulement proposer des idées, mais même apporter eux-mêmes des modifications à la maquette. C'est un moyen puissant de renforcer la relation.

Mais nous faisons plus que cela. Nous réduisons également le risque que les gens imaginent une idée différemment après en avoir discuté, ce qui peut arriver. Voir une idée prendre forme dans la maquette donne une indication claire de son apparence une fois publiée.

Et pour paraphraser une belle ligne… “Ce qui se passe dans la page maquette reste dans la page maquette”. Rien de créé dans la page de maquette n'a d'impact sur le site en direct. Les maquettes sont toutes hébergées dans un CDN séparé.


SaaS = Facile

Au coeur de Maquette est un éditeur WYSIWYG basé sur un navigateur avec le pouvoir de convertir le contenu d'une URL en un fichier HTML plat et modifiable.

Oui, vous pouvez importer la page d'accueil de Google et jouer avec, mais il est plus probable que vous importiez une URL de client ou de prospect et que vous y exploriez des idées. Ou peut-être une page de votre propre site.

Les maquettes de clients ne sont pas la seule chose pour laquelle la page de maquette est utile.

Nous l'avons utilisé pour créer ce message et nous avons eu l'impression de taper directement sur le site Web de DAN au moment où nous l'avons créé. Au moment où nous l'avons soumis à DAN, nous savions à peu près à quoi tout allait ressembler.

Et pour ce faire, nous avons simplement ouvert un autre article DAN dans Mockup Page et modifié le contenu.


Interface utilisateur simple = les idées sont mises en œuvre plus rapidement

Maquette est une application de bureau mieux utilisée avec Chrome ou Firefox.

Les maquettes peuvent être stockées sur le CDN, enregistrées hors ligne, téléchargées ailleurs et sur lesquelles collaborer. Les meilleurs morceaux? Rapidité et facilité d'utilisation.

L'interface utilisateur contient un tableau de bord dans lequel vous configurez deux paramètres pour une nouvelle maquette ; l'URL à modéliser et une URL de vidéo facultative si vous introduisez une vidéo dans la page. Quatre icônes vous aident à configurer les vidéos YouTube, Vimeo, MP4 et cloud.

Vient ensuite le bouton Créer une maquette qui remplace le tableau de bord par l'éditeur WYSIWYG. Cela devient rempli avec le contenu de l'URL en seulement une seconde ou deux.

Dans la plupart des cas, ce que vous voyez ressemble exactement à la page réelle, sauf que vous pouvez y placer votre curseur et modifier le contenu.

explorer-maquette-page-simple-ui

En tant qu'éditeur WYSIWYG, il a une interface utilisateur assez légère avec une petite barre d'outils et un bouton de sauvegarde et de sortie.

Lorsqu'une vidéo va être ajoutée, un lecteur vidéo supplémentaire apparaît qui peut être redimensionné et déposé dans la page où vous souhaitez que la vidéo apparaisse.

Et à ce point il n'y a pas de codage impliqué. Tout est pointer, cliquer, glisser et déposer.


Copier coller

Pour aider à produire des idées plus rapidement, il est facile de copier des composants d'autres pages Web dans la maquette avec une simple routine de copier-coller.

Supposons que vous souhaitiez ajouter un formulaire de commentaires. Vous pouvez localiser pratiquement n'importe quel formulaire de commentaires sur le Web, utiliser la souris pour tout sélectionner et le copier puis le coller dans la maquette. Le formulaire de commentaires apparaîtra immédiatement. Il en va de même pour les images et autres éléments HTML.

Il est utile de créer une page Web complète des différents éléments HTML que vous utilisez couramment. Vous pouvez les copier à partir de cette page dans différentes maquettes chaque fois que vous en avez besoin.


Et si je suis designer ? J'aime coder…

Mockup Page a été délibérément conçu pour être facile à utiliser grâce à son interface utilisateur WYSIWYG, mais l'accès complet à la source est à portée de clic.

Il est réalisé via l'inspecteur des navigateurs.

Comme toute page Web, vous pouvez cliquer avec le bouton droit de la souris sur un élément et sélectionner Inspecter (Chrome). La console de développement intégrée révèle le code source et le rend modifiable.

La beauté de l'utiliser avec Mockup Page est que toutes les modifications apportées à partir de l'inspecteur seront enregistrées lors de l'enregistrement de la maquette.

Chaque partie de la source peut être modifiée via l'inspecteur afin que vous ayez le contrôle ultime sur le document.


La collaboration d'équipe? Facile.

L'utilisation d'un logiciel de partage d'écran comme Skype ou AnyMeeting permet de transmettre le contrôle de la maquette d'une personne à l'autre. Cela fonctionne parfaitement pour les réunions à distance avec les clients ainsi que pour les équipes qui peuvent être situées dans différentes régions du monde.

Les maquettes peuvent également être importées dans différents comptes. Disons qu'une entreprise a plusieurs comptes. Un pour la direction pour explorer des idées, deux pour deux conseillers commerciaux pour présenter des idées aux clients et quatre pour quatre designers qui travaillent à partir de comptes distincts.

L'un des conseillers commerciaux a collaboré à une maquette avec un client et envoie l'URL de la maquette à l'équipe de conception. L'un des membres de l'équipe de conception importe la maquette et peut ensuite la modifier et l'enregistrer.

Le concepteur 2 peut importer la maquette du concepteur 1 et continuer à l'éditer.

Et ainsi de suite jusqu'à ce que la maquette soit terminée. À ce stade, il est facile de copier le code en production.


The Big Kahuna – Acquisition rapide de clients

L'utilisation la plus puissante de Mockup Page est peut-être qu'elle peut vous aider à acquérir rapidement de nouveaux clients.

En important une page Web de prospects dans Mockup Page et en modifiant le contenu, vous créez de nouveaux exemples de pages qui mettent en valeur les compétences et la vision de votre entreprise.

Idéalement, chaque piste que nous obtenons est chaleureuse, mais les e-mails peuvent être très efficaces avec les pistes froides, car ils suscitent l'intrigue du prospect. Après tout, vous êtes peut-être sur le point de leur montrer leur avenir.

Un court e-mail d'introduction avec un lien vers la ou les pages de maquette que vous avez créées indique au prospect que vous le prenez au sérieux et lui donne l'occasion de comparer ce qu'il a maintenant avec ce qu'il pourrait avoir lorsqu'il vous embauchera. C'est un lien attrayant sur lequel cliquer et cela ne leur a rien coûté.

Comme votre entreprise fournit des services numériques de premier ordre, les maquettes seront sans aucun doute bien meilleures que ce que l'entreprise possède actuellement. Lorsqu'ils en font l'expérience, attendez-vous à une réponse rapide d'un prospect enthousiaste et désireux de faire des affaires.

Combien d'affaires pouvez-vous vous inscrire avec l'aide de Mockup Page? Cliquez ici pour le tester dès maintenant et découvrez.

Laisser un commentaire