Comment offrir des services de conception personnalisés à vos clients de développement Web
Publié: 2022-08-24Offrir des services de conception personnalisés dans le cadre de votre service global de développement Web peut vous aider à augmenter votre attrait, vos revenus et vous permettre d'ajouter plus de valeur pour les clients. Découvrez, étape par étape, comment procéder dans cet article.
Vous cherchez à étendre vos services au-delà du travail général de développement Web ? Ou peut-être apprenez-vous de nouvelles compétences en conception de sites Web et cherchez-vous un moyen rentable de les utiliser ?
Dans cet article, nous vous montrons comment offrir des services de conception Web spécialisés à vos clients, même si vous n'avez aucune compétence ou expérience en matière de conception.
Pour votre information, nous avons interrogé nos plus de 50 000 membres et recherché des dizaines de sites Web professionnels pour en arriver aux recommandations et suggestions mentionnées dans cet article.
"L'argent que j'ai gagné grâce à cette activité parallèle a payé des vacances et de nouveaux jouets que je n'aurais pas pu me permettre autrement." – Phil (membre WPMU DEV)
Lorsque vous aurez fini de lire, vous aurez des idées pour…
- Les meilleurs types de services de conception Web à offrir à vos clients.
- Comment mettre en œuvre ou externaliser les services.
- Combien vous pouvez facturer pour les services de conception.
Passez à n'importe quelle section de cet article :
- Les meilleurs services de conception à offrir à vos clients de développement Web
- l'image de marque
- Identité visuelle
- Pages de destination et génération de leads
- Refontes
- Affichage de votre menu de services de conception
- Commencez à offrir des services de conception Web à vos clients
Que sont les services de conception et quels services devriez-vous proposer ?
Comme mentionné ci-dessus, notre définition des services de conception sont des services qui vont au-delà de votre approche normale de thème, de modèle ou de création de page.
Branding, rebranding, création de logo, création de landing page. C'est le genre de choses que beaucoup de développeurs Web pourraient ne pas faire, et c'est très bien.
Mais si vous êtes prêt à gagner un revenu supplémentaire, à offrir plus de valeur à vos clients et à faire en sorte que votre service de développement Web se démarque des autres, nous vous montrons comment le faire.
Ne vous inquiétez pas non plus si vous n'êtes pas designer ou si vous ne pensez pas avoir les compétences ou l'expérience nécessaires pour offrir ces services.
Nous vous proposerons diverses options d'externalisation qui vous permettront toujours d'appliquer une majoration et de réaliser un profit.
Au fur et à mesure que nous abordons chaque service, vous verrez également que nous vous donnons un certain nombre d'outils et de ressources à utiliser si vous souhaitez faire le travail vous-même.
Les 4 meilleurs services de conception Web que vous pouvez offrir (tels que votés par nos membres)
Une fois que vous avez décidé d'offrir ces services de conception Web supplémentaires, la question suivante est de savoir quel type de services vous allez réellement offrir.
Plutôt que de se lancer dans l'obscurité ou de copier ce que disait le meilleur résultat de Google, nous avons pensé demander à un groupe de personnes qui savent mieux que quiconque, car elles font cela pour gagner leur vie…
Nos 50 000+ membres développeurs web !
Voici les services de conception qui sont arrivés en tête lorsque nous leur avons demandé lors d'une récente discussion entre membres :
- l'image de marque
- Identité visuelle
- Pages de destination et génération de prospects
- Refonte
Examinons maintenant chacun de ces services de conception en détail. Vous apprendrez ce qu'implique chaque service, les ressources, les outils et les options d'externalisation pour chacun, ainsi que ce que vous pouvez éventuellement facturer à vos clients.
Service de conception Web 1 : Image de marque
L'image de marque est la façon dont une entreprise se différencie des autres entités et ce à quoi les clients l'identifieront et l'associeront.
Vous n'avez pas besoin d'aller au-delà des bases pour faire fonctionner une marque, surtout s'il ne s'agit pas d'une grande entreprise.
Des composants de marque supplémentaires peuvent également être complétés, s'ils deviennent pertinents.
"Commencez avec seulement ce qui est nécessaire et ajoutez-en si nécessaire." – Databoy (membre WPMU DEV)
–
En quoi consistent les services de branding ?
L'image de marque sur laquelle nous nous concentrons - basée sur les commentaires de la communauté des membres - consiste simplement à créer une marque en incorporant une palette de couleurs, en sélectionnant des polices et en plaçant stratégiquement un logo ou un mot-symbole (nous parlerons de la création de logo séparément ; voir Identité visuelle ci-dessous) .
Créer une palette de couleurs pour la marque de vos clients
Adopter une palette de couleurs fait partie intégrante de la synergie d'un site Web client.
Il existe d'excellents outils en ligne que vous utilisez si vous avez besoin d'aide pour assembler des nuances pour vos clients.
En voici quelques-uns que nous aimons, qui sont tous gratuits.
Outils de palette de couleurs :
Glacières
Avec Coolors, vous pouvez générer rapidement des palettes de manière aléatoire, ou plus précisément en utilisant leur inspecteur de couleurs (barres RVB), ou en téléchargeant une image - pour les solides et les dégradés.
Si vous préférez les options toutes faites, ils ont une énorme bibliothèque.
Cet outil est disponible via les applications iOS et Android, un plugin Figma et une extension Chrome.
Ils proposent également un vérificateur de contraste et un outil de recoloration des illustrations (voir mon cas de test dans l'image ci-dessus).
Couleur Adobe
Adobe Color fournit son outil de roue chromatique professionnel, avec trois modes disponibles : RVB, HSB et LAB.
Vous pouvez extraire un thème d'une image pour l'enregistrer en tant que palette de couleurs ou dégradé.
Les outils d'accessibilité sont un autre avantage ; utilisez leurs modes Contrast Checker et Color Blind Safe pour voir l'un ou l'autre, respectivement.
Gradients d'œufs
Egggradients vous permet de choisir parmi un certain nombre de dégradés prêts à l'emploi. Ce sont des mélanges simples de deux couleurs, mais ils peuvent être utiles ou stimuler la créativité si vous recherchez des approches de palette de base.
Leur générateur de palette de couleurs vous permet de choisir parmi une liste de différents dégradés de nuances.
Ils ont également une section "50 nuances de couleur", qui tirera des tons aléatoires dans cette famille de couleurs, chacun avec des codes hexadécimaux correspondants.
Choisir les polices du site Web
La typographie et le bon choix de polices jouent un rôle crucial dans le succès d'un nouveau design.
Il existe plusieurs outils décents pour comparer et tester les polices, ainsi que des sites qui offrent un accès à un assortiment robuste des polices elles-mêmes.
Encore une fois, ce sont toutes des options gratuites.
Outils de police Web
Paire de polices
Fontpair a une collection de polices pré-jumelées sur leur site recueillies sur le Web.
Ils ont une page de suggestions/soumissions, avec de nouveaux appariements ajoutés chaque semaine.
Jumeler et comparer
Pair & Compare facilite l'expérimentation des appariements de polices.
Vous pouvez utiliser Google ou des polices locales (partagées depuis votre appareil) et avoir jusqu'à trois comparatifs simultanément à l'écran.
Il existe de nombreuses options d'édition : taille, épaisseur, couleur, hauteur de ligne, etc.
Vous pouvez également modifier n'importe quel exemple de texte et mettre en signet les polices pour les tester ultérieurement.
Polices Google
Google Fonts est une excellente ressource pour rechercher et utiliser des polices, avec près de 1500 familles, y compris des polices variables et des symboles de matériaux.
Ils sont tous libres d'utilisation, même à des fins commerciales ou dans le cadre d'un produit vendu dans le commerce (exemple : un logo ou un mot-symbole).
Les téléchargements sont disponibles pour les familles ou les styles individuels, et peuvent être partagés avec d'autres via des liens.
Sites supplémentaires proposant des polices gratuites :
- FontBase (il s'agit d'un système de gestion de polices)
- Écureuil de police
- Dafont.com
- FontSpace
- 1001FreeFonts
- Polices urbaines
Et une sélection de sites de polices premium/payants :
- Polices Adobe
- Mes polices
- Polices EnvatoElements
- FontBundles
Combien pouvez-vous facturer pour les services de branding ?
Pour avoir une idée de la tarification de vos services de branding, un exercice utile consiste à vérifier ce que la concurrence propose et facture pour la création d'un contenu identique ou similaire.
Nous l'avons fait nous-mêmes et voici quelques exemples pertinents pour nous inspirer des prix :
TechCrunch a publié un excellent article sur le coût de l'image de marque et de l'identité visuelle d'une startup, d'un designer avec une décennie d'expérience (y compris Fortune 500).
Voici une ventilation de ce qu'ils ont facturé:
Les estimations de prix sont divisées en deux catégories, en fonction du stade de l'entreprise, ce qui, comme vous pouvez le constater, affecte considérablement les coûts approximatifs.
The Branded Agency est une agence numérique à service complet qui offre des services et des conseils englobant tous les éléments et niveaux de l'image de marque.
Ils ont un article informatif dans lequel ils fournissent des spécifications pour aider à la planification et au calcul des coûts de marque.
Il y a aussi des variations dans ces prix, mais ils sont toujours utiles pour avoir une idée de la gamme typique des services de conception.
Le savoir peut vous aider à éviter une surcharge ou une sous-facturation massive, en tenant compte de votre niveau de compétence et de connaissances (et de la portée d'un projet donné).
Bien sûr, plus vous incluez de produits dans vos packages de marque, plus vous pouvez et devez fixer des prix plus élevés.
Fourchette de prix moyenne pour les services de branding : 1 000 $ à 30 000 $+
Service de conception Web 2 : Identité visuelle
Une identité visuelle peut être un graphique uniquement (logo), un texte artistique uniquement (mot-symbole), une combinaison des deux ou le complément complet de tous.
Cela peut être aussi simple qu'un cercle avec une initiale ou le nom de l'entreprise dans une police, un poids et une couleur spécifiques.
Exemple concret >> WPMU DEV ! :
En quoi consiste la fourniture d'un service d'identité visuelle
Décider d'un logo pour un client présente différents degrés de difficulté.
Cela se résume à leur caractère particulier et à leur budget.
Plus la conception envisagée par le client est compliquée ou spécifique, plus ses besoins seront satisfaits en optant pour une conception personnalisée.
L'autre avantage distinct d'un design personnalisé est qu'il sera unique. Les éléments préfabriqués sont accessibles à tous, de sorte que plusieurs entreprises peuvent acheter et utiliser le même design.
Tout comme nous avons vérifié certains sites qui peuvent aider avec les éléments de base de l'image de marque, nous avons ensuite cherché des ressources qui offrent de bons choix pour les identités visuelles (logos, mots-symboles, etc.).
Outils et options d'externalisation pour la création de logos personnalisés
Logo.com
Tous les logos sur Logo.com sont gratuits.
Ce sont des emporte-pièces préfabriqués très basiques, mais il y en a beaucoup.
Ils permettent également une grande variation de couleur (il y a un champ Hex) si vous avez besoin d'une teinte très spécifique.
Jouer avec la personnalisation gratuite du logo sur Logo.com.
Étant donné qu'ils sont entièrement gratuits, c'est une option décente si vous n'avez besoin de rien de complexe ou d'unique.
Marché créatif
Creative Market propose plus de 150 000 modèles de logo à utiliser dans l'image de marque de l'entreprise, le commerce électronique et l'entrepreneuriat.
Les ensembles de modèles de logo incluent des badges, des icônes et d'autres éléments permettant de créer des logos uniques et modernes.
Ce sont toutes des conceptions pré-faites, alors gardez à l'esprit que n'importe quel nombre de personnes peut acheter/utiliser l'œuvre en plus de vous. Si votre client veut un logo unique, cette option ne fonctionnera pas.
Fiverr
Fiverr est un marché de vendeurs très populaire, où vous engagez un artiste individuel pour n'importe quel nombre d'éléments de conception proposés en tant que concerts.
Parce que cela dépend entièrement du designer que vous choisissez, votre kilométrage peut varier. Mais en général, les critiques semblent satisfaits dans l'ensemble et estiment qu'ils ont obtenu une bonne affaire pour ce qu'ils ont payé.
Nos meilleurs outils pro WP dans un seul pack
Les prix varient de 5 $ à 995 $, selon le niveau de compétence de l'artiste et les composants inclus.
Logoglo
Logoglo est un site de logos premium. Tout ce que vous obtiendrez ici serait un design unique et unique, fabriqué par des professionnels à partir de zéro, sur la base de votre brief.
Les packages incluent plus de contenu à mesure que vous montez dans les niveaux - tels que le nombre de concepts initiaux, le délai d'exécution et les allocations de révision.
C'est une excellente option si vous avez un client qui a un budget légèrement plus important et qui veut des œuvres d'art que les gens ne trouveront pas ailleurs.
99designs
99designs est une filiale de VistaPrint, l'imprimerie en ligne à succès.
Les offres incluent le niveau des concepteurs, et si vous obtenez un gestionnaire dédié et un support prioritaire.
Le nombre de concepts de design présentés commence à 30 et va jusqu'à 90. Tous les designs sont accompagnés d'une garantie de remboursement et de la pleine propriété des droits d'auteur.
Combien pouvez-vous facturer pour les services d'identité visuelle ?
Jacob Cass est un designer de marque, un stratège et le fondateur de JUST Creative , un cabinet de conseil en branding et design primé.
JC.com a un article sur le coût de conception, avec un tableau utile sur les prix de conception de logo. De plus, ils ont fourni une liste qui détaille les coûts plus en détail.
Le Full Branding pour les identités mondiales a un prix extrêmement élevé, atteignant plus d'un million de dollars.
C'est bien sûr l'échelon supérieur de l'élite, bien au-dessus de la moyenne.
Pour le niveau sur lequel nous nous concentrons, vous pouvez voir que l'écart va de 0 $ pour les créateurs de logos bricoleurs/gratuits à plus de 5 000 $ pour un designer expérimenté.
Fourchette de prix moyenne pour les services d'identité visuelle : 500 $ à 5 000 $
Service de conception Web 3 : pages de destination et génération de prospects
L'objectif principal de la plupart des sites Web (en dehors de l'éducation et du divertissement) est de transformer le trafic entrant en prospects.
Offrir une page de destination ou des services similaires basés sur la conversion à vos clients en vaut la peine.
Après tout, ils ne sont pas susceptibles de refuser le potentiel de gagner plus de clients et de prospects.
« Chaque page a un but, convertir. Assurez-vous d'avoir un chemin clair sur la façon dont le client veut convertir, quel est l'objectif que le client attend de chaque visiteur. Gardez votre conception axée sur l'obtention de ce clic de conversion. – Chris (membre WPMU DEV)
Ce que cela implique et les outils pour vous aider à fournir des services de page de destination et de génération de leads
Pages de destination
Vous avez peut-être déjà un modèle que vous utilisez pour les pages de destination des clients - que vous ayez créé vous-même, acheté ou acquis gratuitement.
Si vous recherchez quelque chose de nouveau ou si vous n'avez pas encore de référence, voici quelques options pour les sites Web de pages de destination.
Outils et options d'externalisation
Belle page
Nicepage propose plus de 10 000 pages de destination préconçues, ou vous pouvez créer la vôtre.
Vous pouvez modifier n'importe lequel des modèles prédéfinis, en utilisant leur propre créateur de site Web - qui permet le glisser-déposer, aucune personnalisation de codage comme l'édition de contenu, le changement de mise en page (blocs), la modification des couleurs et des polices, et faire des ajustements pour différents responsive modes.
Nicepage est disponible pour Windows ou Mac OS en tant que plugin WordPress.
Fiverr
Les concepteurs de pages de destination expérimentés de Fiverr peuvent créer la mise en page et l'identité de marque appropriées pour votre page.
Attendez-vous à des images de qualité supérieure, à une conception réactive adaptée aux appareils mobiles et aux ordinateurs de bureau, au téléchargement de contenu (du contenu que vous avez fourni) et plus encore.
Les prix varient considérablement en fonction de ce que vous voulez, de la rapidité avec laquelle vous le souhaitez et des compétences et de l'expérience autoproclamées de l'artiste que vous choisissez. Pour référence, nous avons trouvé des prix allant de 5 $ à 1 500 $.
Landingfolio
Landingfolio propose une collection magnifique et diversifiée de pages de destination, sélectionnées sur le Web.
Leurs offres comprennent :
- Modèles de site CSS Tailwind - Figma inclus sur toutes les conceptions
- Logos - une collection du designer Jord Riekwel, offerte à la communauté (ils sont gratuits)
- Générateur de maquettes - créez rapidement des maquettes d'appareils pour votre application ou votre conception Web ; entrez l'URL de votre site Web et ils généreront les maquettes pour vous
Tailwind est un framework CSS comme Bootstrap, qui accélère votre temps de développement. Il utilise des classes pour styliser les éléments, vous n'avez donc pas à écrire de CSS.
Constructeurs de pages populaires comme Elementor et Divi
Bien sûr, vous pouvez toujours vous tourner vers les constructeurs de pages et les thèmes si nécessaire, dont la plupart vous aideront à créer des pages de destination personnalisées de qualité pour les clients.
Divi propose uniquement une version payante de leur constructeur, qui fournit un produit final agréable en ce qui concerne les pages de destination et les éléments de conversion. Elementor a également la capacité de créer des pages de destination dans leurs versions gratuites et Pro.
Créez des modules de génération de leads avec Hustle
Chaque bonne page de destination a besoin d'éléments de génération de leads efficaces.
Vous pouvez créer d'excellents modules de génération de leads avec notre plugin Hustle gratuit.
Opt-ins, pop-ups, slide-ins, partages sociaux et intégrations - Hustle vous aide à les créer tous, conçus pour générer des résultats et convertir les visiteurs.
Il est facile de créer de superbes modules en quelques minutes avec les modèles conçus par des professionnels de Hustle (18 et plus).
Tous sont adaptés aux mobiles et sont accompagnés d'un choix de formulaires d'inscription par e-mail et de conceptions d'information (c'est-à-dire que les utilisateurs cliquent sur un bouton et sont renvoyés vers une autre page).
Hustle est disponible en versions gratuite et professionnelle. Les deux vous offrent tous les mêmes paramètres et options.
La seule différence est que la version Pro est livrée avec des opt-ins illimités, un contenu personnalisé et un partage social.
Vous voulez plus d'agitation ? Découvrez ces articles riches en informations sur le blog :
- Comment tirer le meilleur parti de Hustle
- Comment utiliser les conditions de visibilité dans Hustle
- Comment obtenir le plus d'abonnés par e-mail en utilisant Hustle
Combien pouvez-vous facturer pour les services de page de destination et de génération de prospects ?
F5 Studio , une équipe de développement Web prospère qui est en activité depuis 2013, a un excellent article décomposant les éléments de conception et ce qui entre dans la tarification de sa page de destination.
Ils disent que les agences numériques facturent environ 600 $ à 3 000 $ pour créer une page de destination statique, et de 2 000 $ à 5 000 $ pour une page de destination dynamique.
Brimar , une agence de marketing à service complet primée, a partagé ces informations sur le coût de la page de destination, affirmant qu'une agence peut facturer entre 300 $ et 3 000 $ par page de destination, en fonction de la complexité du projet et des objectifs commerciaux des clients.
Dans l'ensemble, le coût de la création d'une page de destination varie en fonction de la portée complète du travail et de la quantité de travail qui sera impliquée.
Fourchette de prix moyenne pour les services de page de destination et de conversion : 300 $ à 5 000 $
Service de conception Web 4 : Projets de refonte/rebranding
Il existe plusieurs raisons pour lesquelles un client peut bénéficier ou souhaiter une refonte de son site Web. Les plus courants sont :
- L'aspect général est obsolète ou peu attrayant.
- L'identité de l'entreprise n'est pas bien reflétée dans la conception, ou ne sera bientôt pas due à un changement de marque prévu.
- La convivialité est médiocre, ce qui rend la navigation difficile et limite les conversions.
"C'est particulièrement important pour une refonte complète (l'interface utilisateur peut nécessiter une refonte complète) si vous essayez de plaire à un public complètement différent, par exemple si un site Web passe de b2c à b2b." – Marianna (membre WPMU DEV)
De quoi s'agit-il et les outils pour vous aider à fournir un service de refonte
Comprendre l'expérience utilisateur est essentiel. Si les taux d'interaction/conversion d'un site sont bien inférieurs au trafic de son site, il vous incomberait de vous pencher sur l'analyse du comportement.
Hotjar et Crazy Egg pour des informations UX
Des outils comme Hotjar et Crazy Egg peuvent fournir un excellent aperçu de la conception/utilisabilité UX d'un site.
En observant le comportement de l'écran enregistré, vous pouvez identifier les points faibles et effectuer des mises à niveau basées sur des données d'utilisation réelle.
Hotjar offre son service gratuitement, jusqu'à mille dollars (par mois) en fonction des fonctionnalités dont vous avez besoin et du nombre de sessions ("Observer") ou de réponses ("Demander").
La tarification de Crazy Egg comprend 5 forfaits différents, à partir de moins de trente dollars par mois, à un prix sur devis. Chaque niveau permet une plus grande quantité de services (comme les vues de page suivies, les instantanés et les enregistrements).
Apprendre où les clients déplacent leur souris et où ils cliquent, ce sur quoi ils se concentrent par rapport à ce qu'ils ignorent, élimine tout doute et toute conjecture, vous permettant de vous concentrer sur les domaines spécifiquement mis en évidence comme mûrs pour l'amélioration.
Combien pouvez-vous facturer pour les services de refonte ?
Les refontes sont très similaires aux nouvelles conceptions en termes d'effort global requis. Ils impliquent bon nombre des mêmes éléments, outils et exigences de temps.
Le seul différentiel de prix avec une refonte serait le coût supplémentaire des outils d'analyse UX, comme expliqué ci-dessus.
En ce qui concerne les coûts globaux de refonte Web, les participants à une récente enquête mondiale sur la refonte ont révélé quelques statistiques clés :
- Coût moyen pour concevoir un site Web (avec les fonctionnalités de base) : 3 200 $
- Temps moyen pour concevoir un site web (avec les fonctionnalités de base) : 2 mois
- La principale raison pour laquelle les gens embauchent un concepteur de sites Web professionnel (plutôt que d'utiliser un logiciel de création de site) : la possibilité de personnaliser complètement.
Quelle que soit la raison d'une refonte, il est important d'établir à l'avance quelles sont les attentes en matière de portée et de coût.
Nous constatons une moyenne de 3 000 $ et un délai d'environ deux mois pour les conceptions/refontes Web complètes. Tenez-en compte de votre temps de construction moyen et des services que vous inclurez pour vous aider à fixer vos prix.
Fourchette de prix moyenne pour les refontes de sites Web : 2 000 $ à 4 000 $
Rassembler tous vos composants de conception Web
Après avoir rassemblé des informations et les avoir dûment prises en compte, vous pouvez désormais créer un menu adapté de manière unique à vos services de conception de sites Web, offrant un accès facile (et une proposition de valeur) aux clients intéressés.
Un exemple de menu complet de services de conception :
Voici un exemple que nous avons proposé, qui comprend des variations sur les prix élémentaires, en fonction des composants inclus et du travail prévu.
Commencez à offrir des services de conception Web à vos clients
Nous espérons que vous avez retiré des informations précieuses de cet aperçu détaillé de l'offre de services de conception Web.
Si vous avez besoin de plus de conseils ou de précisions sur tout ce qui est discuté dans l'article, n'hésitez pas à nous demander dans les commentaires ci-dessous.
Il y a beaucoup de balles à garder en l'air en tant que développeur Web. Chez WPMU DEV, notre objectif est d'aider à rendre ce processus aussi simple que possible.
Si vous souhaitez essayer notre plateforme, notre plan gratuit est le meilleur point de départ. Il comprend une gestion de site illimitée, une facturation intégrée, des plugins, etc.