Par Margaux Bourlon, le October 21, 2022
TechEn quête d’un site web responsive design, vous vous êtes tourné vers un webdesigner.
Mi-graphiste, mi-développeur, vous attendez de ce créa qu’il vous fournisse une maquette pour votre prochain site web. Peut-être, attendez-vous de lui qu’il donne aussi vie à votre application web ou mobile.
Seulement, vous hésitez : comment devez-vous aborder cette collaboration ?
Les histoires de collaboration infructueuses avec des webdesigners freelance et des agences abondent sur le web. Et vous ne souhaitez surtout pas avoir à ajouter une page supplémentaire à ce livre des malheurs.
Rassurez-vous : travailler avec un webdesigner est excessivement simple, en plus d’être bénéfique pour votre image de marque.
Suivez ces 7 conseils et votre collaboration se déroulera sans encombre.
Avant de vous adresser à un webdesigner, vous devez être capable de répondre à une question : quel est l’objectif principal de votre site web ?
Plus vous comprendrez ce que vous voulez, plus votre graphiste web sera capable de créer une maquette qui comblera vos attentes.
Pour être certain que votre web-designer puisse vous créer une identité visuelle sur-mesure, voici quelques informations que vous devez avoir en tête :
Ces questions peuvent sembler sans importance, et pourtant.
Observez par exemple les communications web et print de deux marques qui vendent les mêmes produits (des vêtements) : Louis-Vuitton et Zara.
Leurs positionnements marketing étant radicalement opposés (luxe vs populaire), cela se reflète aussi sur leurs sites web : structure, typographie, arborescence, visuels, ergonomie… la différence est flagrante.
Raison pour laquelle vous devez absolument fournir ces informations à votre graphiste web. De la conception jusqu’à la réalisation de votre site d’e-commerce, y compris dans vos actions de webmarketing, ces réponses guideront vos développeurs, marketistes et webdesigners.
Maintenant que vous savez ce que votre application web ou produit digital fera, reste encore la question du comment.
D’emblée, sachez que deux produits qui remplissent exactement la même fonction peuvent le faire via des fonctionnalités différentes. Et c’est valable aussi bien pour les produits physiques que les services numériques.
Sceptique ? Si nous vous disions que Ryanair – une compagnie aérienne – est en concurrence avec Zoom, nous croiriez-vous ?
Et pourtant, c’est bel et bien le cas. Toutes deux répondent exactement au même problème : permettre aux cadres de faire des réunions B2B.
Sans surprise, l’expérience utilisateur proposée par chaque site, leurs bannières, leurs logos et leurs communications visuelles n’ont rien à voir.
Pour être certain de lister toutes les fonctionnalités de votre future application, voici quelques astuces :
Une fois que vous avez en main la liste complète des futures fonctionnalités spécifiques qui vous intéressent, il est temps de vous rapprocher d’un webdesigner.
Absolument tous les webdesigners apprécient qu’on leur fournisse des références. Cela permet de voir les chartes graphiques qui vous plaisent (ou au moins, qui séduisent vos cibles).
Mais surtout, votre référence sera plus appréciée si vous expliquez à votre web-designer pourquoi elle vous plaît.
En fournissant des exemples – accompagnées de descriptions spécifiques dans votre briefing si possible -, l’équipe de créatifs en charge de votre projet web sera capable de créer l’interface web que vous désirez.
Mieux encore, ils pourront créer des logos, plaquettes, flyers et autres déclinaisons d’outils de communication qui refléteront votre identité. Votre personnalité.
Côté développement, définir le périmètre de vos fonctionnalités permet à votre webdesigner de vous recommander un cms type WordPress ou Shopify, ou un développement sur-mesure.
Qu’attendez-vous comme prototype ?
Des pages web remplies de textes ? Des illustrations ? Des templates prêts à l’emploi ?
Vous l’aurez compris, définir le type de contenus qui abondera sur votre futur service digital est une étape cruciale. Une étape trop souvent sautée par de nombreuses personnes en quête de gain de temps et d’argent.
Hélas, en sautant cette étape, vous perdrez presque tous les avantages des wireframes. Par conséquent, sans wireframe, votre équipe projet et vous n’êtes pas certain de comprendre les choses de la même façon.
Heureusement, créer un wireframe est excessivement simple.
Grâce à cette réflexion en amont, vous êtes certain que la gestion de votre projet sera plus simple. Toutes les parties auront le même niveau de compréhension. Développeurs et designers sauront exactement ce que vous attendez d’eux et comment cela doit être implémenté.
Par ailleurs, si vous avez fait appel à un web-designer, celui-ci saura s’il doit se faire aider par un rédacteur ou développeur expérimenté (particulière si vous voulez autre chose qu’un site vitrine responsive en HTML/CSS, ou un petit site d’e-commerce).
La charte graphique est un document qui détaille les différents aspects de votre stratégie de communication digitale et physique. À l’intérieur, figurent vos codes couleurs, les différentes versions de votre logo, les polices typographiques autorisées et tout un ensemble de règles.
Grâce à elle, vous aurez une identité visuelle unique et facilement reconnaissable par votre cible. Si peu importe où vous êtes, vous arrivez à reconnaître des produits Coca-Cola ou Mcdonald’s, c’est grâce à ce document.
Plus tôt vous serez fixé sur ce que vous attendez, plus vous aurez de chances d’obtenir un résultat satisfaisant.
Lorsque les éléments de votre charte graphique sont fournis en retard, vos concepteurs web devront prendre davantage de temps pour les modifier. Typographie, couleurs primaires, secondaires, mise en page… absolument tout sera revisité.
Naturellement, le calendrier de votre projet s’en trouvera rallongé.
D’emblée, sachez que certaines polices peuvent ne pas fonctionner sur certains sites web.
Pour contourner ce problème, les polices populaires ont généralement leurs propres versions web, gratuites jusqu’à un certain trafic.
Raison pour laquelle demandez toujours à l’agence ou au webdesigner freelance avec qui vous travailler de vérifier cela pour vous.
Vous ne voudriez pas être facturé pour avoir utilisé une police, n’est-ce pas ?
Si votre webmaster travaille selon les cérémonies agiles, alors vous recevrez très rapidement une maquette fonctionnelle de votre application.
Mais attention : ce n’est pas parce qu’elle fonctionne chez vous qu’elle fonctionnera chez tous vos prospects.
Peut-être vous souviendrez-vous d’Internet Explorer 9, qui était réputé pour avoir des normes incompatibles avec la plupart des navigateurs. Par conséquent, certaines animations ne fonctionnaient tout simplement pas sur ce navigateur.
Si vous ne voulez pas perdre une partie de votre audience à cause de problèmes d’incompatibilité, vous avez une seule solution : mener des tests utilisateurs et faire des retours à votre webdesigner.
Mais vous pouvez aller encore plus loin. Pourquoi ne pas contacter nos experts pour discuter de votre projet digital ? Écrivez-nous. Cela ne vous engage à rien et nous vous répondrons rapidement.
Business
Est-ce que vous voulez dépasser les limites de votre application mobile ou site web actuel ? Partager facilement vos contenus sur tous vos différents canaux d’acquisition ? Ou alors vous voulez vous démarquer de vos concurrents en créant une plateforme d’expérience numérique – ou DXP pour les intimes – qui éblouira vos clients ? Si vous avez répondu …
19 septembre 2023
Business
Les émissions de CO2. Quand on pense à ce gaz à effet de serre, on pense immédiatement aux mines de charbons, aux pots d’échappement des voitures ou aux cheminées des usines. Et pourtant, une autre source de pollution est très souvent oubliée par les défenseurs de la protection de l’environnement. Spoiler, vous l’avez entre les …
14 juillet 2023
Business
2020. Si pour beaucoup, 2020 rime avec le Covid-19, l’inflation et le « quoi qu’il en coûte », pour les experts français de la cybersécurité, elle rime avec scandale. En cause, la BPI France et la fintech française Doctolib ont toutes deux commis la même erreur : héberger les données de leurs clients français – dont peut-être les …
12 juillet 2023