Comment devenir concepteur de modèles de flux Web
Obtenez plus de 10 modèles GRATUITS
Pensez à utiliser vos compétences en conception de sites Web pour gagner de l'argent ? Se transformant en Flux Web le créateur de modèles pourrait être votre prochaine bonne étape. Voyons ce que vous devez apprendre :
Point principal à retenir : La création de modèles Webflow vous permet de faire preuve de créativité, d'obtenir des liquidités stables et d'aider les entreprises à se développer, tout en créant une source de financement qui croît d'elle-même.
Flux de podcasts - Flux Web Modèle de site Web pour podcast | Flux Web Tutoriel pour débutants
Débuter avec Webflow
Pour commencer avec Webflow, lancez-vous dans son apparence et découvrez le cœur de la conception Web. Webflow facilite le codage en le rendant visuel, mais connaître les bases de la création Web vous aidera à créer de meilleurs modèles. Une fois que vous connaissez les idées, utilisez l'apparence de l'outil pour les utiliser.
Comment utiliser le look Webflow
L'apparence de Webflow comprend cinq éléments principaux : le canevas central, la barre supérieure, les outils de gauche, les outils de droite et la barre inférieure. Au milieu se trouve le toile, où vous créez votre site dès maintenant. Le barre supérieure comporte des onglets tels que Design, CMS, Insights et View ways. Sur le outils de gauche, trouvez des moyens d'ajouter des bits et de gérer des pages. Le bons outils sont pour le style et les numéros, et les barre inférieure a des moyens de se déplacer et de faire des pauses.
Découvrez les raccourcis pour travailler rapidement. Comme :
Le Outil de recherche rapide (Commande + E sur Mac ou Ctrl + E sur Windows) vous permet de trouver rapidement des outils. Sachez que Webflow fonctionne mieux sur les grands écrans et qu'il fonctionne bien avec une souris et des touches.
Principes de base de la création de sites Web : HTML, CSS et conception facile à utiliser
Même si Webflow crée un bon CSS pour vous, la connaissance du HTML, du CSS et de la conception facile à utiliser vous aide à faire des choix judicieux en matière de conception. Une conception facile à utiliser est désormais plus importante, avec plus de la moitié des visites sur le Web depuis des mobiles, soit une forte hausse par rapport à la période précédente. Cela signifie que vous devez vous assurer que vos modèles s'affichent correctement sur les téléphones, les onglets et les ordinateurs de bureau.
Utilisez des tailles libres et non des pixels fixes. Pour le texte, utilisez em ou rem, pour les largeurs, utilisez %, et pour les hauteurs, utilisez les unités de vue (vh, volkswagen). Comme le dit le designer Nick Gard : « N'utilisez jamais d'unités fixes ! » Utilisez des trucs comme Boîte flexible pour créer des designs faciles à utiliser et ajouter des éléments tels que des menus mobiles pour une utilisation sur téléphone. Assurez-vous que le texte peut être lu sur n'importe quel outil en définissant la bonne taille de mot et l'interligne.
Fabrication de pièces et de symboles réutilisables
Les pièces réutilisables, autrefois appelées symboles, sont essentielles pour faciliter la conservation et la modification des modèles. Lorsque vous créez une pièce, toutes les modifications apportées à la première pièce modifient toutes les copies. Les barres de navigation, les pieds de page, les parties supérieures et les modèles de cartes sont les plus courants, qui vous permettent de conserver une apparence stable et facile à modifier.
Par exemple, si vous modifiez l'apparence d'un bouton en une partie, cette modification apparaîtra partout où le bouton est utilisé. Pour garder les choses en ordre, nommez vos pièces avec des étiquettes claires et claires comme « Menu principal » ou « Carte d'article » afin de savoir à quoi elles servent tout de suite. Les pièces peuvent également présenter des caractéristiques, des taches et des types de style, ce qui vous donne le choix tout en préservant la conception principale. En réfléchissant à l'avance à votre système de pièces, vous permettez aux utilisateurs de modifier plus facilement vos conceptions sans en altérer l'apparence.
Création de modèles pour des domaines de travail particuliers
Une fois que vous aurez maîtrisé les bases de Webflow, la prochaine étape consiste à créer des modèles pour certains domaines de travail. Examinez les problèmes spécifiques dans des domaines tels que l'immobilier, la santé ou les ventes en ligne, et créez des modèles qui résolvent ces problèmes réels, et pas seulement des problèmes de base.
Comment en savoir plus sur les marchés cibles
Pour créer de bons modèles, vous devez connaître les domaines de travail que vous visez. La recherche est importante : les entreprises qui utilisent des outils pour écouter les discussions sur les réseaux sociaux ont 2,5 fois plus de chances d'être les meilleures sur leur marché. En fait, 45 % des entreprises prospères utilisent ces outils pour identifier les tendances et répondre à des besoins spécifiques.
Commencez par consulter les rapports et les actualités de l'industrie. Consultez des magazines spécialisés, consultez des études de marché et restez au courant des blogs qui concernent votre zone cible. Par exemple, les concepteurs de soins de santé peuvent examiner Soins de santé modernes ou Informations sur le HIMSS, tandis que les spécialistes de l'immobilier pouvaient vérifier Actualités Inman ou des mises à jour de la National Association of Realtors.
Discutez avec de grands noms de l'industrie sur LinkedIn et Twitter. Laissez des commentaires sur leurs publications, posez des questions pointues et établissez des liens. Ces influenceurs parlent souvent des nouvelles tendances et idées avant qu'elles ne deviennent populaires. Vous pouvez également utiliser des outils pour suivre les mots importants et les discussions.
Assister à des conférences et à des salons professionnels, que ce soit en personne ou en ligne, vous donne de nombreuses idées de première main. Ces lieux sont également parfaits pour rencontrer des personnes susceptibles d'utiliser vos modèles.
Créez des profils d'utilisateurs détaillés en réalisant des entretiens et des enquêtes. Discuter directement avec les employés de ce dont ils ont besoin sur leurs sites Web, de leur travail quotidien et des problèmes qu'ils rencontrent peut vous aider à déterminer les caractéristiques dont vos modèles ont besoin.
« Tirez parti des différents outils existants (les cartes thermiques, par exemple) et demandez à des personnes qui ne sont pas impliquées dans le processus de conception du site Web de les utiliser avant sa mise en ligne. Si vous constatez que les utilisateurs cliquent avec rage dans certaines zones, ou qu'ils n'en consultent jamais d'autres, l'équipe de développement Web obtiendra des informations précieuses qui permettront d'apporter les corrections nécessaires avant qu'un site ne soit mis en ligne, améliorant ainsi de manière significative le parcours utilisateur et l'expérience utilisateur sur un site donné. » — Amanda Foley, associée directrice, Kiterocket
Tout d'abord, vérifiez vos concurrents. Examinez ce qui existe sur votre marché pour voir ce qui fonctionne et ce qui ne fonctionne pas. Vérifiez leurs prix, ce que disent les acheteurs et quels sont les besoins qui ne sont pas encore satisfaits. Cela vous aidera à créer des idées qui sortent vraiment du lot.
Obtenir votre CMS et le rendre facile à utiliser
Votre étude devrait vous aider à configurer votre CMS et à le rendre facile à utiliser. Un bon CMS correspond bien à la façon dont le travail est effectué dans certains domaines. Par exemple :
Il est également essentiel de s'assurer que tout le monde peut utiliser vos créations, en particulier dans les domaines de la santé et de l'argent. Environ 15 % de la population mondiale est handicapée, mais Web AIM dit que 98 % des sites contiennent des éléments qui les rendent difficiles à utiliser et qui pourraient être corrigés. Utilisez des outils tels que le correcteur de couleurs de Webflow pour vous assurer que vos designs sont faciles à utiliser pour tous. Mettez également du texte clair sur les images afin que les lecteurs d'écran puissent bien les expliquer.
Configurez vos contenus avec des titres faciles à suivre (H1, H2, H3) pour que les choses soient claires. Cela aide à la fois les personnes qui utilisent des lecteurs d'écran et les sites de recherche. L'outil Vision de Webflow peut vous montrer comment les personnes malvoyantes peuvent voir vos modèles.
« Les consommateurs exigent la sécurité des données sous la forme d'un SSL. Ce symbole de cadenas sur leur barre d'adresse renforce votre crédibilité et donne aux utilisateurs la tranquillité d'esprit lorsqu'ils naviguent. » — John Li, cofondateur et directeur technique de Fig Loans
Dans les emplois qui traitent d'informations privées, la sécurité est essentielle. Ajoutez des éléments pour les règles de confidentialité, respectez les lois (comme la HIPAA dans le domaine des soins de santé), et la sécurité prouve que vous gagnez la confiance des utilisateurs.
Création de modèles rapides et adaptés aux téléphones
La rapidité de chargement d'un site Web peut modifier la façon dont les utilisateurs agissent et façonnent les résultats commerciaux. À titre d'exemple, les sites qui se chargent en deux secondes ont un faible taux de fermeture de 9 %. Mais s'ils prennent plus de cinq secondes, les taux de congés pourraient grimper à 38 %. Réduire le temps de chargement d'une seconde seulement pourrait augmenter les ventes de 17 %.
Voici quelques moyens d'accélérer le chargement des sites :
Supprimez les éléments tiers inutiles qui peuvent ralentir le chargement. Pour les éléments indispensables tels que les statistiques ou les outils de discussion, configurez les scripts pour qu'ils se chargent un par un ou utilisez l'attribut delay. Gestionnaire de balises Google peut aider à bien les gérer.
Utilisez l'option de nettoyage de Webflow dans le Gestionnaire de styles pour éliminer les CSS inutiles, tout en préservant l'ordre de vos modèles. Vérifiez à quel point les sites fonctionnent souvent avec des outils tels que Informations sur la vitesse de page, GT Metrix, ou Pingdom pour détecter et résoudre tous les problèmes.
Réfléchissez aux éléments supplémentaires dont vos modèles de travail pourraient avoir besoin. Par exemple, les modèles de location de voitures nécessitent souvent des configurations de réservation et des expositions de flottes, tandis que les modèles de boutiques en ligne nécessitent des moyens de gérer les paiements et de suivre les stocks. Réfléchissez-y pour conserver un bon équilibre entre utilisation et rapidité.
Création de votre livre de modèles
Une fois que vous maîtrisez Webflow et que vous avez créé des modèles personnalisés, il est temps de montrer ce que vous avez créé. Un portfolio solide est essentiel pour démontrer vos compétences et aider les gens à comprendre comment vous pouvez les aider. Le site de votre portfolio n'est pas simplement l'endroit où vous listez vos œuvres, c'est aussi l'occasion de montrer comment vous voyez les choses et ce que vous pouvez faire. Comme Jason Marder, qui dirige le design chez Rayure, souligne souvent :
« [Votre portfolio] est le seul endroit sur Internet où vous avez un contrôle total sur le support ET le message ».
Création d'un site Web de portfolio de travail
Votre portefeuille doit indiquer votre voie. Soulignez vos meilleures œuvres et expliquez comment et pourquoi chacune d'entre elles. Comme le dit Sergie Magdalin, qui a contribué au lancement de Webflow :
« En tant que personne qui examine quotidiennement les candidatures de designers, consulter un portfolio est l'une des premières choses que je fais. Je peux me faire une idée très rapidement de l'expérience de cette personne en me basant sur les maquettes de projets qu'elle propose et sur la façon dont elle présente ses informations ».
Démarrez fort en affichant votre meilleur design directement sur la première page de votre site. Regroupez vos autres activités par domaine, comme les boutiques en ligne, la santé ou les maisons, afin que les personnes qui recherchent puissent trouver rapidement ce dont elles ont besoin.
Ne vous contentez pas d'images. Transformez chaque projet en une histoire complète en partageant les problèmes que vous avez rencontrés, les solutions que vous avez apportées et ce que vous avez accompli. Ajoutez des résultats clairs, tels que des chargements de pages plus rapides, de meilleurs taux de conversion ou une utilisation plus fluide des appareils mobiles pour mettre en valeur votre travail.
Utilisez des images de premier ordre et donnez des liens vers des démos en direct afin que les utilisateurs puissent jouer avec vos créations. Accélérez le temps de chargement des images et affichez les vues sur les écrans d'ordinateur et de téléphone afin de mettre en valeur vos compétences en matière de conception réactive.
L'ajout d'avis clients peut renforcer la confiance, alors ajoutez-les quand vous le pouvez. Gardez vos coordonnées faciles à repérer sur toutes les pages et utilisez des appels à l'action puissants qui incitent les visiteurs à vous engager ou à acheter vos créations.
Lorsque votre vitrine est belle, adaptez votre style de conception aux besoins de vos clients pour rendre vos modèles encore plus attrayants.
Placer les clients au premier plan en matière de design
Une vitrine solide n'est qu'un début. Pour vraiment vous démarquer, concentrez-vous d'abord sur ce dont le client a besoin, c'est-à-dire des designs faciles à utiliser et modifiables. Vos modèles devraient être facilement adaptés à différentes utilisations.
Créez des pièces adaptées à tous les domaines. Par exemple, créez des sections principales avec des parties que les clients peuvent modifier, comme des images, du texte ou des couleurs, sans modifier le design.
Réfléchissez à la façon dont les choses peuvent évoluer. Utilisez des grilles et des parties qui peuvent être déplacées ou modifiées selon les besoins, que ce soit pour une simple page ou un site volumineux.
Il est essentiel que les choses restent les mêmes. Créez des systèmes de conception reproductibles avec un espace, un type et des couleurs cohérents que les clients peuvent utiliser sur l'ensemble de leurs sites. Notez clairement ces choix pour aider les clients à être sûrs de pouvoir changer les choses.
Pensez également à qui utilisera vos créations. Que ce soit pour les petites ou les grandes entreprises, adapter vos modèles à leur niveau de compétence les rendra plus faciles à utiliser et plus appréciés.
Comment rédiger et emballer des modèles
Une écriture claire peut rendre vos modèles spéciaux. Chaque design doit comporter trois éléments clés : un guide de style, une page d'instructions et un journal des modifications.
Pensez également à l'accès. Indiquez comment vos designs respectent les règles d'accès, telles que le contraste des couleurs, le texte des images et les titres corrects. Fournissez des conseils pour aider les clients à respecter ces règles lorsqu'ils ajoutent du contenu.
Lorsque vous triez vos modèles, utilisez des balises appropriées pour aider les utilisateurs à les trouver rapidement. Attribuez à chacun une étiquette principale pour indiquer l'utilisation de sa clé, et ajoutez des balises supplémentaires pour plus d'informations. Par exemple, un modèle d'application thérapeutique peut se trouver sous « Beauté et bien-être » avec une balise secondaire « Application ».
À la fin, assurez-vous que vos documents sont faciles à consulter. Utilisez des titres, des listes et des images pour aider les clients à trouver des idées concrètes. Ajoutez des informations de version dans votre package afin que les clients puissent suivre les modifications ou les correctifs. Cela renforce la confiance au fil du temps.
sbb-itb-fdf3c56
Mise en vente de modèles sur le marché Webflow
Lorsque vous vendez vos modèles sur le Marché Webflow, vous pouvez obtenir un gros 80 % de réduction sur chaque vente. Mais le simple fait de mettre en place un design ne le fera pas bien se vendre. Vous devez atteindre des niveaux de qualité supérieurs et briller parmi tant d'autres. Voici les étapes à suivre pour que tout fonctionne bien.
Atteindre la barre haute du marché Webflow
Webflow ne veut que ce qu'il y a de mieux en termes de qualité de template. Une personne de l'équipe Webflow Market déclare :
« Chez Webflow, nous sommes très fiers de la qualité. Chaque soumission de modèle que nous recevons est évaluée personnellement par un membre de l'équipe Webflow Marketplace, selon les critères ci-dessous. »
Pour obtenir la note « Bien » sur leur échelle, votre modèle doit atteindre cette note. Si c'est seulement « satisfaisant », vous obtiendrez des conseils et aurez jusqu'à deux essais pour le faire juste avant qu'il ne soit jeté. Quelle est la principale raison de lancer ? Ne pas respecter les règles d'envoi. Il est donc essentiel de connaître règles d'envoi, échelle de conception, et comment ça fonctionne échelle bien avant que vous n'y mettiez votre travail.
Votre modèle doit également réussir éléments de base du Web sur les écrans de bureau et de téléphone. Assurez-vous que toutes les images, enseignes et caractères peuvent être revendus de la bonne façon, et évitez d'utiliser des logos ou des articles de marque marqués. Les éléments personnalisés sont généralement interdits, à l'exception de certains cas tels que le lissage des caractères, l'absence d'index pour certaines pages et les SVG correctement conçus.
Lorsque vous donnez un nom à votre modèle, créez-le court et clair - un ou deux mots qui montrent à quoi il sert. Ne l'emballez pas avec trop de mots, n'utilisez pas de discours de rue, de signes étranges ou de grosses et minuscules étranges.
Comment envoyer votre modèle
Le mode d'envoi comporte de nombreuses étapes, donc dresser une liste à partir des règles de Webflow peut vous aider à rester sur la bonne voie. Si vous êtes nouveau, n'oubliez pas d'envoyer un seul modèle à la fois jusqu'à ce que tu aies un bon palmarès.
Votre pack d'envoi doit contenir les éléments suivants :
Vous devez également avoir certaines informations dans le pied de page : ajoutez un lien « Propulsé par Webflow » et un lien de licence sur votre page de licence. Assurez-vous de placer des balises alt sur les images juste pour l'apparence et de réduire la taille de votre code CSS.
Choisissez un tag principal qui affiche le style et le type propres à votre modèle. De plus, la configuration SEO de votre page d'accueil doit correspondre au nom de votre modèle.
Lorsque l'équipe Webflow vous donne des notes, parcourez chacune d'elles en profondeur. Gardez votre journal des modifications à jour et informez l'équipe de tout changement de conception important. Cela garantit uniquement le top, modèles de haute qualité atteindre les acheteurs. Une fois que votre modèle est accepté, la prochaine étape consiste à bien le commercialiser.
Optimisez vos modèles pour augmenter vos ventes
La création d'un modèle haut de gamme n'est que le début. Pour augmenter les ventes, vous avez besoin d'un plan de vente solide pour présenter votre produit aux acheteurs potentiels.
Marketing de contenu est une initiative forte. Par exemple, un modèle Webflow et un kit d'interface utilisateur tels que Flowzaï, écrit des articles de blog pour donner des conseils judicieux et attirer les acheteurs. En combinant une recherche de mots intelligente avec le référencement, ils modifient les visites sur le Web en termes de ventes.
Des sites de réseaux sociaux tels que Twitter, Instagram, et LinkedIn sont les meilleurs endroits pour présenter vos créations et discuter directement avec des acheteurs potentiels. Rejoindre des groupes de design peut également donner des conseils utiles et des points de vue sur ce que les gens aiment.
Assurez-vous d'expliquer pourquoi vos modèles sont spéciaux. Un chargement rapide, des mouvements sympas ou des éléments conçus pour certains domaines de travail indiquent clairement la valeur de vos modèles.
Pour augmenter vos ventes, pensez à utiliser push par e-mail et publicités ciblées. Des offres spéciales, des baisses de prix ou des équipes avec les meilleurs designers et des plans d'aide peuvent élargir encore votre portée.
Enfin, ne regardez pas au-delà de la valeur de aide aux acheteurs. Fournir des guides simples, proposer de nombreuses méthodes d'aide et répondre rapidement aux avis des utilisateurs peut constituer un groupe d'acheteurs solide. Les acheteurs satisfaits reviennent souvent et parlent de vos modèles aux autres.
Gagnez de l'argent grâce à vos modèles de flux Web
Une fois que vos modèles sont en vente sur le Webflow Marketplace, vous pouvez leur faire gagner de l'argent régulièrement grâce à des prix intelligents, une assistance de qualité et des services supplémentaires. Voyons comment vous pouvez augmenter vos gains.
Comment fixer les prix de vos modèles
Il est essentiel de fixer des prix intelligents pour vos modèles. Optez pour des prix qui reflètent les économies de temps et d'argent réalisées grâce à vos modèles. Des prix variés peuvent attirer différents acheteurs. Certains voudront peut-être payer une seule fois pour s'approprier entièrement le design, tandis que d'autres pourraient trouver utile de bénéficier d'une aide et de mises à jour continues. Il convient de noter que 52 % des entreprises ayant une base d'abonnements optent pour un tarif forfaitaire, ce qui pourrait être une bonne idée pour économiser de l'argent de façon permanente. Visez une fourchette de bénéfices de 10 à 20 % après tout.
Cependant, la tarification n'est pas le seul moyen d'obtenir des liquidités stables : l'aide et les mises à jour sont également importantes.
Mettre à jour les modèles et aider les clients
Des mises à jour régulières et une assistance client de qualité peuvent transformer un acheteur ponctuel en un acheteur fidèle. Gardez vos modèles à jour grâce aux nouvelles fonctionnalités de Webflow et aux tendances de conception pour rester au top. Les mises à jour vous permettent également de reprendre contact avec les anciens acheteurs et de les fidéliser.
Configurez un système d'aide simple et efficace, tel qu'un e-mail ou un formulaire sur votre site, et proposez des guides clairs ou une aide vidéo pour les problèmes courants. Maintenez un bon système et un journal des modifications pour les mises à jour, afin de montrer aux acheteurs votre engagement en matière de qualité.
Vous songez à en faire encore plus ? Pensez à proposer des services sur mesure.
Offrant des services et des extras sur mesure
Les modèles ne sont qu'un début. De nombreux acheteurs souhaitent des modifications supplémentaires pour s'adapter à leur marque ou ajouter des fonctionnalités uniques. L'offre de ces services peut augmenter considérablement vos revenus. Par exemple, Rebecca Lowe de Marion & Co a doublé ses revenus d'entreprise après avoir intégré Webflow, puis les a triplés en mélangeant les ventes de modèles avec la visibilité de la marque et de nouveaux projets.
Vous pouvez également proposer des options supplémentaires, comme un entretien continu, des ajustements avancés ou même des sessions d'apprentissage. Ces extras n'augmentent pas seulement vos revenus, mais font également de vos modèles la passerelle vers davantage de services. Certains designers gagnent entre 1 500 et 2 000 dollars par mois à partir d'un petit ensemble de modèles. En donnant de la valeur à chaque étape, vous pouvez développer une entreprise prospère modèle d'entreprise.
Derniers mots : votre étape pour gagner en tant que créateur de modèles Webflow
Devenir bon en matière de fabrication Modèles Webflow demande du travail, mais les bénéfices peuvent être importants. De nombreux créateurs gagnent beaucoup d'argent en créant et en vendant les meilleurs modèles. L'astuce consiste à améliorer votre métier et à savoir comment bien exposer et vendre votre travail.
Comme nous en avons parlé, commencez par bien connaître la conception Web et apprenez tout ce que vous pouvez sur Webflow. Ensuite, examinez le marché pour trouver les domaines dans lesquels vous êtes doué et qui nécessitent vos compétences.
Avant de vous lancer dans la vente, créez une série d'œuvres présentant de nombreux bons designs. Vos designs doivent être propres, bien fonctionner et répondre aux besoins de personnes réelles. Il est essentiel d'atteindre les objectifs de Webflow pour vous assurer que vos créations se vendent et sont appréciées.
Les chances de gagner de l'argent augmentent à mesure que de plus en plus de personnes veulent des designs Webflow. De nombreux fabricants gagnants associent des plans de conception intelligents à davantage d'offres.
Le marketing est également essentiel. Présentez vos modèles sur les réseaux sociaux, dans des groupes de conception et dans des lieux où les gens recherchent des idées. L'ajout d'éléments tels que des pages de style, des règles, des étapes et des notes de mise à jour peut donner plus de valeur à votre travail et attirer des acheteurs.
Pour rester au top sur le long terme, vous devez apporter un soutien de qualité, maintenir vos conceptions à jour avec les nouvelles fonctionnalités de Webflow et vous concentrer sur le bien. Une bonne réputation en matière d'aide et de travail frais vous permettra de retrouver des acheteurs et de progresser régulièrement.
La voie à suivre est claire : connaissez vos outils, créez des designs de qualité, créez un ensemble d'œuvres solide et trouvez des moyens intelligents de vendre votre travail. Commencez dès maintenant et vous pourrez transformer vos compétences en design en un emploi en pleine croissance.