8 extraits CSS et JavaScript qui célèbrent l’informatique rétro – Revivez l’époque des Commodore 64 et des écrans monochromes à travers ces hommages.

Expérimenter la superposition, le filtrage et le masquage en CSS – Comment ajouter des effets de type Photoshop à vos conceptions avec CSS.

Les visages derrière les polices de caractères – En savoir plus sur l’impact et l’héritage des innovateurs typographiques.

Faire du bruit statique à partir d’un étrange bogue de dégradé CSS – Créer un effet de bruit rappelant les parasites de la télévision.

Feuille de triche Git avec plus de 40 commandes et concepts – Utilisez cette référence pratique pour un accès rapide aux commandes Git.

Principes de conception – Découvrez cette collection open source de principes et de méthodes de conception.

Les concepts de conception Web qui étaient en avance sur leur temps – Nous ne serions pas là où nous en sommes aujourd’hui sans ces techniques de la vieille école.

Analyseur de qualité de code CSS en ligne – Cet outil évalue votre CSS en fonction d’une gamme de gardes de qualité.

Un guide sur l’accessibilité du clavier : HTML et CSS (Partie 1) – Comment créer une excellente expérience de clavier pour les utilisateurs.

Ressources Web sur la durabilité – Une variété de guides pour vous aider à créer des sites Web respectueux de l’environnement.

15 modèles de maquette de créateur de scène de héros gratuits pour Photoshop – Créez la zone de héros parfaite avec l’un de ces modèles exceptionnels.

Chronologie CSS – Étudiez l’évolution de CSS avec ce projet de chronologie interactive.

TourGuide JS – Créez une expérience d’intégration des utilisateurs avec cette bibliothèque JavaScript.

kickstartDS – Démarrez rapidement votre projet de système de conception avec ce kit.

Dictionnaire UX – Une ressource créée par la communauté pour vous aider à rafraîchir la terminologie UX.

Que faire lorsqu’un client essaie votre patience – Scénarios où la patience est requise et quand il est temps de dire “ça suffit”.

Stratégie de contenu 101 – Les bases de l’élaboration d’une stratégie de contenu pour votre site Web.

Trouver une nouvelle maison pour la communauté WordPress – Un aperçu de la façon dont WordPress pourrait alimenter sa propre communauté.

Prendre des commandes au point de vente est une perspective passionnante. Imaginez ceci : les clients viennent dans votre boutique éphémère ou votre stand de vendeur lors d’une convention ou d’un salon, trouvent les produits qu’ils recherchent et effectuent un achat sur-le-champ sans avoir à faire la queue ni à se soucier de la disponibilité des stocks.

Cela pourrait changer la donne pour votre entreprise et, heureusement, il n’est pas trop difficile de mettre en place un système de point de vente WooCommerce. Si vous cherchez à commencer à accepter des paiements au point de vente (POS) pour votre boutique WooCommerce, alors ce guide est pour vous.

Commençons!

Qu’est-ce que le point de vente ?

Point de vente (POS) fait référence à l’endroit où un client effectue un achat. Cela peut être en personne ou en ligne.

Les achats en personne au point de vente sont effectués à l’aide de terminaux électroniques, également appelés machines de point de vente. Ces machines sont connectées à un système informatique central qui traite et enregistre la transaction. Le compte bancaire du client est alors débité du montant de l’achat et les fonds sont transférés sur le compte du vendeur.

Les achats en ligne au point de vente sont effectués à l’aide d’une passerelle de paiement, qui est un logiciel qui traite et enregistre les transactions en ligne. Le compte bancaire du client est alors débité du montant de l’achat et les fonds sont transférés sur le compte du vendeur.

La prise de commandes au point de vente présente de nombreux avantages, tels que :

• Efficacité et précision accrues des commandes
• Réduction des temps d’attente pour les clients
• Capacité à vendre des produits incitatifs et croisés
• Satisfaction client accrue

Avec ces détails à l’écart, passons à la configuration de votre système de point de vente WooCommerce.

Comment configurer un système de point de vente WooCommerce

Il existe deux composants principaux pour mettre en place un système de point de vente avec WooCommerce : le matériel et le logiciel.

Le matériel fait référence aux appareils physiques qui seront utilisés pour recevoir et traiter les paiements. Cela comprend la machine de point de vente, l’imprimante de reçus, le lecteur de codes-barres et le tiroir-caisse.

Le logiciel fait référence au logiciel qui sera utilisé pour gérer votre système de point de vente. Cela inclut le plugin de point de vente WooCommerce et une passerelle de paiement.

Matériel de point de vente

Il existe de nombreux types de matériel de point de vente disponibles sur le marché, il est donc important de choisir les bons appareils pour vos besoins.

La chose la plus importante à considérer est la compatibilité. Tout le matériel de votre point de vente doit être compatible avec le logiciel que vous utilisez. Par exemple, si vous utilisez un plug-in ou une extension WooCommerce POS spécifique, vous devrez utiliser du matériel, tel qu’une imprimante de reçus USB et un lecteur de codes-barres, qui fonctionne avec ces systèmes.

Si vous n’avez l’intention d’effectuer des transactions POS qu’occasionnellement, un dispositif de transaction en personne comme ceux disponibles auprès des processeurs de paiement peut être tout ce dont vous avez besoin.

Logiciel de point de vente

Point de vente pour WooCommerce est une excellente option pour gérer votre système de point de vente. Il est compatible avec tous les principaux fournisseurs de passerelles de paiement et offre de nombreuses fonctionnalités, telles que :

• Gestion de l’inventaire
• Gestion de la clientèle
• Coupons et réductions
• Rapports sur les ventes
• Calculs fiscaux
• Compatibilité avec plusieurs registres
• Soutien au rayon magasin

Cette extension est disponible pour 199 $ par an.

D’autres options de plug-in ou d’extension incluent wePOS et Carré pour WooCommerce.

Passerelle de paiement

Pour accepter les paiements, vous devrez connecter une passerelle de paiement à votre WooCommerce. Une passerelle de paiement est un logiciel qui traite et enregistre les transactions en ligne.

Il existe de nombreux fournisseurs de passerelles de paiement différents, il est donc important d’en choisir un compatible avec WooCommerce, bien sûr. Certaines options populaires incluent PayPal, Stripe et Square.

Une fois que vous avez choisi une passerelle de paiement, vous devrez créer un compte et obtenir les informations d’identification appropriées, telles qu’une clé API ou un extrait de code. Ces informations d’identification seront entrées dans la page des paramètres de WooCommerce.

Comment utiliser un système de point de vente WooCommerce

L’utilisation d’un système de point de vente WooCommerce est assez simple. La première chose que vous devrez faire est d’ajouter vos produits au système. Cela peut être fait en saisissant manuellement les informations sur le produit ou en scannant le code-barres du produit.

Une fois vos produits ajoutés, vous devrez créer un client. Cela peut être fait en saisissant les informations du client.

Ensuite, vous pouvez ajouter des produits à leur commande. Cela peut être fait en scannant le code-barres du produit ou en recherchant le produit par son nom.

Une fois que vous avez ajouté tous les produits à la commande, vous pouvez passer à la caisse. Lors du paiement, vous devrez sélectionner un mode de paiement et entrer les informations appropriées.

Selon le système que vous avez sélectionné, le client peut être en mesure de présenter sa carte de paiement contre votre appareil de traitement des paiements. Ou vous devrez peut-être utiliser un scanner ou un curseur de carte. Une fois le paiement traité, vous pouvez imprimer un reçu pour le client. Vous pouvez également envoyer le reçu par e-mail ou SMS au client s’il le préfère.

Et toutes ces informations de commande, y compris le suivi des stocks, seront signalées dans WooCommerce, que vous pourrez consulter ultérieurement via le tableau de bord WordPress.

Et c’est tout! Vous avez maintenant terminé avec succès une transaction en utilisant votre système de point de vente WooCommerce.

Les achats au point de vente dans WooCommerce ouvrent de nouvelles opportunités pour les entreprises

L’utilisation d’un système de point de vente WooCommerce peut être un excellent moyen de rationaliser les transactions et de mieux gérer votre entreprise. Si vous cherchez un moyen de faire passer votre boutique WooCommerce au niveau supérieur, envisagez d’ajouter des fonctionnalités de point de vente.

Vous êtes-vous déjà senti incroyablement submergé lorsque vous avez été chargé ou forcé de faire face à un problème dans votre vie qui semblait impossible à résoudre ?

Et si cela signifiait la différence entre la vie et la mort ?

Il y a une scène célèbre dans le film Apollo 13 qui se termine avec le directeur de vol Gene Kranz disant à l’équipe : “L’échec n’est pas une option.”

Les curseurs personnalisés sont un excellent exemple d’amélioration progressive de la conception. Vous commencez avec une interface utilisateur (UI) simple pour les petits appareils tactiles. À partir de là, les appareils plus grands offrent la possibilité d’inclure plus de cloches et de sifflets.

Pour les utilisateurs d’ordinateurs de bureau et d’ordinateurs portables, les effets de curseur peuvent ajouter un élément amusant. Ils peuvent également être liés à l’image de marque. Pensez à un site Web sur le thème de Star Wars qui utilise l’emblématique sabre laser comme curseur. Les possibilités sont pour le moins intrigantes.

Heureusement, la création de ces effets ne nécessite aucune astuce mentale Jedi. Au lieu de cela, un peu de CSS et de JavaScript est tout ce dont vous avez besoin pour commencer.

Nous avons parcouru l’univers de CodePen à la recherche d’effets de curseur sympas. Voici huit extraits de code qui mettent en valeur la créativité des concepteurs de sites Web.

Les différents états du curseur par Zack Hoherchak

Avant de créer des effets exceptionnels, c’est une bonne idée de vous familiariser avec les différents états du curseur. Survolez les exemples ici et voyez comment le CSS cursor travaux immobiliers. Cela seul peut aider à améliorer la convivialité des éléments cliquables.

Sentiers de curseur au néon par Kévin Levron

Peut-être que cette piste de curseur aux couleurs vives ne convient pas à tous les types de sites Web. Mais dans le bon cadre (par exemple, un portefeuille), cet effet pourrait fournir un plaisir high-tech. L’animation fluide et les transitions de couleurs ne manqueront pas d’attirer l’attention de l’utilisateur.

Écran de texte du curseur Spotlight par Caroline Artz

Les effets de curseur peuvent aller au-delà de cette petite flèche (ou point, dans ce cas) sur votre écran. Ici, il ajoute un effet de survol de projecteur à un texte de titre. Ce qui est vraiment étonnant, ce sont les bits relativement petits de CSS et de JavaScript requis pour créer la présentation.

Cet effet témoigne du potentiel des curseurs pour améliorer l’image de marque. Imaginez que ce curseur à éclaboussures d’encre soit utilisé sur le portfolio d’un écrivain ou même dans une imprimerie. Il est également restreint par rapport à certains des effets les plus extravagants. Cela le rend plus adapté aux entreprises

Curseur circulaire avec mode de fusion par Clément Girault

Voici une implémentation intelligente de CSS qui améliore la convivialité. En utilisant le blend-mode , le curseur change de couleur en fonction du contenu de la page. Cela peut améliorer la visibilité de l’élément sur une variété d’arrière-plans.

Curseur de la souris pointant vers CTA par Aaron Iker

Est-ce que vous vraiment vous voulez attirer l’attention d’un utilisateur sur une zone spécifique ? Cet extrait comporte une flèche de curseur qui tourne pour pointer continuellement vers un bouton d’appel à l’action. C’est une petite astuce qui pourrait être juste la chose pour pimenter une zone de héros ou d’autres liens importants.

Curseur personnalisé interactif par hb

Et si un curseur pouvait s’adapter contextuellement en fonction du type de contenu sur lequel vous survolez ? C’est l’idée derrière cet extrait. Le pointeur est un cercle par défaut. Mais survolez un lien et il se transforme en un contour rectangulaire. Il “colle” également aux éléments de navigation dans l’en-tête de la page.

CurseurGeist par Adam Kuhn

Les fêtes de fin d’année sont une excellente excuse pour utiliser les effets de curseur. Par exemple, Halloween offre un éventail de possibilités – comme ce fantôme effrayant. C’est festif, mais la couleur translucide signifie qu’elle ne détournera pas trop du contenu de la page. Notez également comment il réagit à la vitesse des mouvements de votre curseur.

Les effets de curseur peuvent être un puissant outil de conception

Un curseur personnalisé peut avoir autant d’impact que n’importe quelle astuce dans la boîte à outils d’un concepteur. Les extraits ci-dessus ont le pouvoir de transformer un site Web et de créer une ambiance spécifique.

Mais comme on dit, un grand pouvoir s’accompagne d’une grande responsabilité. Et il est tout à fait possible de pousser un effet de curseur trop loin. Cela nuit à la convivialité, sans parler de l’accessibilité. Par conséquent, il est sage d’être judicieux quant à où et comment nous les mettons en œuvre. Pourtant, le bon effet peut aller loin.

Vous cherchez plus d’inspiration? Découvrez notre Collection CodePen pour une gamme complète d’effets de curseur.

Personne n’aime faire des erreurs.

Bien sûr, il y a tout ce truc « d’échouer plus vite » où vous vous convainquez que l’échec est une bonne chose parce que vous pouvez grandir et apprendre et maintenant vous ne perdrez pas votre temps sur quelque chose qui finira par échouer.

Ce n’est pas de cela que je parle, cependant.

Ce dont je parle, ce sont les flubs. Les erreurs stupides que vous commettez. Les opportunités perdues parce que vous ne saviez pas mieux (ou ne pouviez pas vous en soucier moins).

De telles erreurs peuvent être dévastatrices pour votre travail si elles ne sont pas contrôlées. Et – aussi génial que soit le travail en freelance – la nature inhérente du travail en freelance est qu’il n’y a personne qui vérifie derrière vous, donc à peu près tout ce que vous faites n’est pas contrôlé.

Lorsque vous faites constamment des erreurs sans un second regard en arrière, vous vous coupez les genoux. Vous subirez beaucoup de rejet, vous ferez face à beaucoup de frustration et vous passerez peut-être (probablement) même par le processus humiliant d’être renvoyé.

Il y a des erreurs courantes que les designers indépendants commettent tout le temps qui les met dans l’eau chaude et ne les mène nulle part. Ce sont les “mauvaises” sortes d’erreurs, celles qui vous coûtent du temps, des concerts et de l’argent.

Reconnaissez ces erreurs commises par les designers indépendants, apprenez à les éviter et voyez votre entreprise commencer à en récolter les bénéfices. (Ne vous inquiétez pas, cela ne devrait pas faire trop mal !)

1. Lâcher des bombes à facture

L’une des choses que je dis aux prospects lorsqu’ils me demandent mes tarifs, c’est que mon modèle de tarification est configuré de sorte qu’il y a pas de mauvaise surprise. Je suis tout au sujet des attentes claires en termes de coût et de budget, et j’ai entendu une tonne d’histoires d’horreur de clients recevant des factures bien plus élevées que prévu, sans avertissement.

Ne soyez pas le concepteur qui va au-delà du nombre d’heures estimé pour terminer le travail sans avertissement. Ne pas.

Lorsque vous faites cela, vous avez essentiellement frappé votre client dans le ventre, puis vous avez ri.

Soyons clairs : je ne suggère pas que vous travailliez gratuitement. Ce que je dis, c’est qu’il ne faut pas larguer de bombes après coup.

Que devriez-vous faire à la place ? Enregistrement!

Dès que vous vous rendez compte que vous allez avoir besoin de beaucoup plus de temps que prévu pour réaliser le projet, informer le client. Proposez une nouvelle estimation, puis proposez un plan d’action.

Maintenant, je ne vous dirai pas que donner un coup de tête vous évitera d’avoir des conversations inconfortables. Je vous dirai que ce sera absolument mieux que de simplement faire le travail et d’envoyer ensuite une facture trois fois supérieure à ce que le client attendait.

Lorsque vous vérifiez à la minute qu’il y a un problème avec l’estimation, vous communiquez clairement que vous respectez le temps, le budget et la confiance du client. Vous travaillez ensemble, et cela signifie que vous avez une relation. Ne pas lâcher de bombes financières protège et renforce la relation, et avoir cette confiance sera bénéfique pour vous et vos clients à long terme.

2. Chercher des clients partout

L’un des débats éternels pour les indépendants de tous bords, mais surtout pour les concepteurs de sites Web, est de savoir si (et comment) se nicher et choisir un marché spécifique à servir.

La crainte est qu’en ciblant uniquement un type spécifique de client, vous laissez de bonnes opportunités (et beaucoup d’argent) sur la table. C’est comme FOMO, mais avec le travail au lieu de la vie.

Mais la peur de manquer quelque chose étouffera votre entreprise avant même que vous ayez vraiment la chance de décoller.

Je suis un grand fan du choix d’un créneau parce que j’ai trouvé dans mon propre travail indépendant qu’avoir une sorte de limite autour de l’endroit où je recherche des clients et des opportunités que je poursuis est incroyablement libérateur. De nombreux concepteurs de sites Web ont vécu la même chose.

Au lieu de saisir toutes les occasions de décrocher un client, pensez aux types de clients avec lesquels vous souhaitez réellement travailler. Votre meilleur marché pourrait être des clients dans un endroit particulier (par exemple, votre ville), des propriétaires qui dirigent un type d’entreprise spécifique (comme des professionnels du fitness, des coachs de vie ou des magasins Etsy), ou des personnes qui ont une certaine approche de leur travail, quel qu’il soit. (comme vibrant et énergique, sophistiqué et élégant, ou basé sur la nature).

« Lorsque vous concevez pour un créneau, vos clients sauront que vous comprenez leurs besoins. ”

Une fois que vous pouvez vous concentrer sur qui sont vos meilleurs collaborateurs, vous pouvez vous concentrer sur leur recherche et travailler avec eux, et laisser tout le monde et tout le reste derrière vous. Vos clients seront ravis de trouver un designer qui les comprend vraiment, eux et leur entreprise, et vous trouverez une satisfaction et un succès commercial énormes.

3. Minimiser votre propre valeur

Je vois ça tout le temps. Vous l’avez probablement vu aussi… peut-être en vous-même.

Toute cette tendance à se sous-évaluer se manifeste de plusieurs façons, qui se présentent toutes comme de l’insécurité. Certaines erreurs courantes incluent :

• Sous-facturer votre travail (ou même travailler gratuitement parce que vous êtes « si nouveau »)
• Ne jamais augmenter vos tarifs parce que vous êtes convaincu que personne ne vous paierait vraiment plus que ce que vous gagnez déjà
• Minimiser l’importance des compétences très réelles que vous apportez à la table, pour un certain nombre de raisons (par exemple, vous êtes certifié Google Analytics et avez une compréhension approfondie de ce qui convertit, mais vos clients veulent négocier des tarifs plus bas parce qu’ils ne Je ne pense pas que l’analyse compte)
• Laisser vos clients diriger le spectacle au lieu d’affirmer vos propres opinions professionnelles à leur place (vous avez vu le dessin animé, n’est-ce pas ?)
• Ne jamais dire non ou mettre en place des limites (par exemple, répondre toujours aux e-mails, laisser la portée s’étendre sans commentaire ou entreprendre trop de projets à la fois)

La pige est un champ de mines (superbe)

Il n’y a pas de limite aux erreurs que vous ferez en affaires, mais ce sont les trois principales que je vois encore et encore.

La meilleure façon de les surmonter et de les éviter à l’avenir est d’être prêt à s’affirmer en tant que propriétaire d’entreprise averti tout en restant une personne normale qui apprécie les relations que vous entretenez avec vos clients.

Travailler à la pige peut être délicat (il y a d’autres personnes impliquées, après tout), mais cela n’a pas à être misérable. La meilleure chose que vous puissiez faire est de continuer à poser des questions, de continuer à apprendre et de continuer à observer ce que les autres autour de vous font bien.

« Le travail à la pige peut être délicat, mais il n’est pas nécessaire que ce soit misérable. Tout ce dont vous avez besoin, ce sont quelques stratégies ! ”

Quelle est la plus grosse erreur que commettent les designers indépendants ? Faites le nous savoir dans les commentaires!

Une excellente introduction efficace pour votre vidéo aidera à attirer votre public et l’encouragera à continuer à regarder jusqu’à la fin. Créer une introduction à partir de zéro peut prendre du temps, mais vous pouvez facilement gagner du temps avec un modèle professionnel préconçu.

Dans cette collection, nous avons rassemblé les meilleures intros vidéo professionnelles gratuites pour After Effects que vous pouvez utiliser comme point de départ dans votre projet vidéo.

Quel que soit le type de vidéo que vous montez et produisez, vous trouverez ci-dessous un modèle d’introduction qui répond à vos besoins.

Vous aimerez peut-être aussi notre collection des meilleurs modèles de vidéos d’introduction professionnelles pour After Effects.

Ce modèle gratuit Retro Wave Intro est parfait pour tout projet vintage ou rétro. Le modèle a un design coloré et deux calques de texte modifiables, un espace réservé pour le logo et un contrôleur en couleur.

Ce modèle Elegant Corporate Intro peut être utilisé dans des vidéos de style entreprise, mais vous pouvez également l’utiliser pour des projets de mariage ou de mode. Le modèle comprend huit espaces réservés de texte et d’image, ainsi qu’un fichier d’aide détaillé.

Si vous avez besoin de quelque chose de simple pour pouvoir créer rapidement une introduction vidéo, voici le modèle d’introduction After Effects gratuit dont vous avez besoin. Le modèle est aussi simple que possible et vous pouvez facilement personnaliser les couleurs et ajouter le texte de votre choix.

Si vous êtes un fan du style cyberpunk, ne manquez pas cette intro Cyberpunk. C’est un excellent choix si vous essayez d’obtenir un aspect plus cinématographique dans vos vidéos, et ce serait également un choix idéal pour une entreprise de technologie.

Ce modèle d’introduction gratuit présente une typographie audacieuse et des couleurs bicolores. Vous obtiendrez cinq espaces réservés d’image ou de vidéo, quatre espaces réservés de texte, un espace réservé de logo et un contrôleur de couleur personnalisé.

Le modèle Modern Intro présente un design audacieux et moderne. Le modèle comprend plusieurs styles et vous pouvez facilement personnaliser le texte, les couleurs et les autres éléments utilisés dans l’introduction.

Considérez ce modèle d’introduction créatif et unique pour votre prochain projet vidéo. Le modèle est facile à personnaliser en termes de couleurs et de texte, et vous pouvez également contrôler facilement la durée de toute l’animation.

Cette jolie introduction est un excellent choix si vous êtes un photographe travaillant sur une présentation vidéo de votre travail ou essayant de créer une présentation vidéo personnelle. Déposez vos photos, changez les couleurs et vous êtes prêt à partir.

Le modèle 2D Clean Intro pour After Effects présente un style de conception vintage et comprend un fichier d’aide détaillé qui vous aidera à personnaliser le modèle selon vos besoins.

Ce modèle sera utile lorsque vous travaillez sur des projets nécessitant un look rétro. Le modèle comporte un simple badge de style rétro sur un fond coloré, et vous pouvez facilement personnaliser les couleurs et la durée de l’animation.

Si vous avez besoin d’une manière créative et unique de présenter le travail de votre client de conception Web ou votre portefeuille, essayez ce modèle de présentation de site Web moderne. Vous pouvez également l’utiliser pour présenter vos modèles de site Web ou vos thèmes CMS.

Ce modèle d’introduction After Effects gratuit est fourni avec 15 espaces réservés d’image différents et peut être utilisé pour des vidéos d’entreprise ou toute vidéo faisant la promotion d’une marque de mode ou de bijoux.

Essayez cette introduction 2D sur écran partagé pour une introduction plus créative qui facilite la présentation de différentes informations.

Un projet vidéo de jeu n’est pas complet sans une bonne introduction. Essayez ce modèle d’introduction de jeu court mais agréable pour pimenter n’importe quelle chaîne de jeu sur Youtube ou Twitch.

Ce modèle d’introduction After Effects clair et propre est livré avec sept espaces réservés d’image ou de vidéo et sept espaces réservés de texte. Il présente une animation élégante qui est parfaite pour les projets vidéo d’entreprise ou d’affaires.

Personne n’est parfait, et cela vaut également pour les propriétaires de sites Web. Même les sites Web les meilleurs, les mieux codés et les mieux conçus rencontreront des erreurs et des problèmes à un moment donné – c’est tout simplement inévitable. En fait, une partie du processus de possession d’un site Web consiste à être en mesure d’identifier et de corriger une erreur au fur et à mesure qu’elle survient.

Souvent, vous rencontrerez des problèmes après avoir changé d’hôte, mis à jour des plugins ou des thèmes dans WordPress, ou ajouté des extraits de code à des conceptions existantes. Il ne faut pas grand-chose pour casser un site et l’empêcher d’interagir correctement avec les navigateurs.

Cependant, toutes les erreurs ou tous les problèmes ne sont pas identiques. Certains sont relativement mineurs et peuvent être corrigés facilement. d’autres peuvent nécessiter plus de temps et d’efforts de votre part.

C’est pourquoi, dans cet article, nous décrirons 8 types différents d’erreurs et de problèmes de sites Web basés sur le navigateur que vous pourriez rencontrer, ainsi que des conseils sur la façon de les identifier et de les corriger sur place.

Erreur de page introuvable (404)

C’est peut-être le type d’erreur le plus courant que vous rencontrerez. Une erreur 404 se produit lorsqu’un utilisateur tente d’accéder à une page qui n’existe pas sur votre site Web. Il peut y avoir un certain nombre de raisons pour lesquelles cela peut se produire, mais généralement, c’est parce que la page en question a été déplacée ou supprimée.

Dans tous les cas, si un utilisateur rencontre une erreur 404 sur votre site Web, il est important de configurer une page d’erreur personnalisée. Cela devrait inclure un bref message expliquant l’erreur, ainsi que des liens vers d’autres pages de votre site Web que l’utilisateur pourrait trouver utiles.

Erreur de délai de connexion

Une erreur de délai de connexion se produit lorsque le navigateur d’un utilisateur ne parvient pas à établir une connexion avec votre serveur. Cela peut se produire pour un certain nombre de raisons, mais généralement, cela est dû à un trafic important sur votre site Web ou à un problème avec votre serveur lui-même.

Si vous rencontrez fréquemment cette erreur, cela peut indiquer que vous devez mettre à niveau votre plan d’hébergement vers un plan pouvant accueillir plus de trafic. Alternativement, si le problème concerne votre serveur, vous devrez peut-être contacter votre hébergeur ou votre développeur Web pour obtenir de l’aide.

Erreur interne du serveur

Une erreur de serveur interne est similaire à une erreur de délai de connexion, en ce sens qu’elle est également causée par un problème avec votre serveur. Cependant, cette erreur est généralement plus grave et peut être causée par des problèmes plus urgents comme un fichier ou une base de données corrompus.

Si cette erreur se produit, la première chose à faire est d’accéder directement à votre serveur afin d’identifier et de résoudre le problème via un client FTP tel que FichierZilla ou Cybercanard

Les solutions potentielles incluent :

• Vérifier (et ajuster) vos autorisations de fichiers
• Vider le cache de votre site Web
• Exécution d’une analyse de logiciels malveillants
• Mise à niveau de votre plan d’hébergement

Erreur de mode d’entretien

Si vous êtes en train d’apporter des modifications ou des mises à jour à votre site Web, vous souhaiterez peut-être le mettre en mode maintenance. Cela signifie essentiellement que votre site Web n’est accessible qu’à vous et aux autres administrateurs ; les utilisateurs réguliers verront une page d’erreur personnalisée expliquant que le site Web est en panne pour maintenance.

Mettre votre site Web en mode maintenance est un processus relativement simple, mais il est important de ne pas oublier de le sortir du mode maintenance lorsque vous avez terminé d’apporter des modifications. Sinon, vos utilisateurs réguliers continueront de voir la page d’erreur et pourraient devenir frustrés.

Erreur DNS

Une erreur DNS, ou Domain Name System, se produit lorsque le navigateur d’un utilisateur ne parvient pas à résoudre le nom de domaine de votre site Web. Cela se produit généralement en raison d’un problème avec vos paramètres DNS.

Voici comment ajuster vos paramètres DNS pour résoudre cette erreur :

1. Connectez-vous à votre bureau d’enregistrement de nom de domaine et sélectionnez l’outil de gestion DNS.
2. Recherchez l’enregistrement A du nom de domaine de votre site Web et assurez-vous que l’adresse IP est correcte.
3. S’il n’y a pas d’enregistrement A pour le nom de domaine de votre site Web, vous devrez en créer un.
4. Assurez-vous que votre enregistrement www CNAME pointe vers le nom de domaine de votre site Web.
5. Enregistrez vos modifications et attendez que le DNS se propage (cela peut prendre jusqu’à 24 heures).

Erreur de certificat SSL

Un certificat SSL, ou Secure Sockets Layer, est un type de certificat de sécurité qui permet de crypter les données transmises entre le navigateur d’un utilisateur et votre site Web. Si un certificat SSL est installé sur votre site Web, vous pouvez rencontrer une erreur s’il expire ou s’il n’est pas correctement configuré.

Si vous rencontrez une erreur de certificat SSL, la première chose à faire est de vérifier la date d’expiration de votre certificat. S’il a expiré, vous devrez le renouveler.

Si votre certificat est toujours valide, mais que vous rencontrez une erreur, le problème peut provenir de votre configuration. Pour résoudre ce problème, suivez simplement ces étapes :

1. Connectez-vous à votre bureau d’enregistrement de nom de domaine et sélectionnez l’outil de certificats SSL/TLS.
2. Recherchez le certificat SSL pour le nom de domaine de votre site Web et assurez-vous que les détails sont corrects.
3. S’il n’existe pas de certificat SSL pour le nom de domaine de votre site Web, vous devrez en créer un.
4. Enregistrez vos modifications et attendez que le SSL se propage (cela peut prendre jusqu’à 24 heures).

Erreur de compatibilité du navigateur

Les erreurs de compatibilité du navigateur se produisent lorsque le navigateur d’un utilisateur n’est pas compatible avec le code utilisé pour créer votre site Web. Cela peut se produire pour un certain nombre de raisons, mais généralement, c’est parce que l’utilisateur utilise un navigateur obsolète ou non pris en charge.

Si vous rencontrez cette erreur, la première chose à faire est de vérifier si le navigateur que vous utilisez est pris en charge ou à jour. Si ce n’est pas le cas, vous devrez peut-être mettre à jour votre navigateur ou passer à un autre navigateur pour afficher correctement le site Web.

Il peut également être utile de créer un avis sur votre site Web indiquant clairement la compatibilité de son navigateur, en particulier si votre site comporte une toute nouvelle fonctionnalité ou un attribut qui n’est pas encore universellement pris en charge.

Erreurs de sites Web malveillants

Si vous rencontrez une erreur indiquant que votre site Web a été signalé comme malveillant, c’est probablement parce que votre site Web a été piraté. Cela peut se produire pour un certain nombre de raisons, mais généralement, c’est parce que les pirates ont pu exploiter une faille de sécurité sur votre site.

Si vous pensez que votre site Web a été piraté, la première chose à faire est de changer tous vos mots de passe, surtout si vous pensez que les pirates peuvent y avoir accès. Vous devez également exécuter une analyse de sécurité sur votre site Web pour rechercher tout code ou fichier malveillant qui aurait pu être injecté. Si vous en trouvez, vous devrez les supprimer, puis mettre à jour votre site Web vers la dernière version pour corriger la faille de sécurité.

Ne laissez pas les problèmes de navigateur arrêter la progression du site

Les erreurs de site Web qui apparaissent dans les navigateurs peuvent être frustrantes, mais heureusement, la plupart d’entre elles sont relativement faciles à corriger. En suivant les étapes décrites dans cet article, vous devriez être en mesure d’identifier et de corriger les erreurs et les problèmes de site Web basés sur le navigateur que vous rencontrez.

Comment organiser vos fichiers de conception d’une manière qui reflète le processus de conception, crée une visibilité sur notre travail et met en évidence la valeur stratégique de la conception de produits.

Au début de chaque journée de travail, je nettoie mon espace physique immédiat. C’est ma version de « mise en place » ; une phrase culinaire française qui signifie « mettre en place » ou « rassembler ». Les chefs professionnels utilisent la mise en place car elle optimise leur travail pour la rapidité et l’efficacité. C’est aussi un terme utilisé par les psychologues et fait référence à :

“comment un environnement donné impose des contraintes sur ce que l’on se sent capable de faire dans cet environnement, et comment ces évaluations et prédispositions impactent le processus de préparation à l’action.” Wikipédia

L’organisation de mon espace physique m’aide à me préparer mentalement et physiquement au travail de la journée. La même règle s’applique aux espaces numériques dans lesquels je travaille.

Lorsque j’ai débuté dans le design, j’étais curieux de savoir à quoi ressemblaient les planches d’art des autres concepteurs de produits. Comment ont-ils organisé leurs espaces de travail numériques ? Dans l’esprit d’aider les autres débutants ou ceux qui ont de petites équipes de conception, je partage comment je décompose mes fichiers de conception et ce que j’ai appris après 5 ans de travail en tant que designer au sein d’une équipe de conception et de recherche UX de plus de 300 personnes.

Au début de chaque projet, j’organise mes plans de travail dans Figma selon le principe général procédé de design. Cela aide à garder mon espace de travail propre et illustre la réflexion et les décisions qui ont abouti à la solution finale. Cela facilite également la navigation. La façon dont vous étiquetez vos pages et vos cadres est importante.

La disposition des cadres et des plans de travail à l’intérieur d’une page peut donner une idée de la relation entre les écrans, si elle est utilisée de manière cohérente entre les pages et les pages. — Bonnes pratiques de conception

Mes fichiers de conception sont partagés avec d’autres concepteurs, ingénieurs et partenaires de produits et ils référenceront un cadre spécifique dans un tableau d’art spécifique. Tout comme un livre, il est plus facile d’être sur la même page (littéralement) si les chapitres et les numéros de page sont uniques. Cette convention de nommage a été adaptée de Nick Smithconcepteur principal senior chez LinkedIn.

Les tableaux d’art sont organisés comme suit :

• 0.0 Couverture
• 1.0 Travail de réflexion
• 2.0 Modèles de blocs et fils
• Écrans 3.0
• Pont 4.0
• 5.0 Exploration
• 6.0 Annexe

Chaque cadre d’une page est numéroté en référence à la page parent. Par exemple, si le nom de la page parent est “6.0 Annexe”, le premier cadre de l’annexe sera 6.0. La deuxième image est 6.1, et ainsi de suite.

Pour rendre cela plus facile, j’utilise un plug-in appelé Renommer qui nomme automatiquement vos cadres.

Avant de toucher des écrans ou des fils haute-fidélité, je fais un travail de réflexion. A ce stade, je me fais une idée du projet. Cette page est l’endroit où j’articule le but du projet, le problème, visualise toute recherche quantitative et qualitative, et tout audit concurrentiel ou comparatif. Au fur et à mesure que le projet progresse, je peux revenir et ajouter à cela en développant des diagrammes visuels, des architectures d’information ou des cartes de systèmes.

Le travail de réflexion peut être difficile à justifier dans un calendrier avec des partenaires interfonctionnels qui ne sont pas familiers avec le processus de conception, mais il fait partie intégrante. Considérez le travail de réflexion comme la fondation d’une maison ; vous voulez que la fondation soit solide. Si vous construisez une maison sur des fondations fragiles, le beau travail de peinture n’aura pas d’importance car votre maison s’effondre. Un entrepreneur devra retravailler la fondation et par la suite le travail de peinture. Vous voyez la métaphore là-bas? Si vous vous lancez dans des conceptions haute fidélité sans bien comprendre l’espace problématique, vous devrez peut-être retravailler vos conceptions haute fidélité ultérieurement.

En tant que designer, vous avez un super pouvoir ; vous pouvez visualiser des systèmes complexes d’une manière simple et rapidement compréhensible. Le travail de réflexion est pour votre bénéfice et celui des autres. Sur des projets antérieurs, j’ai créé des diagrammes pour m’aider à comprendre l’espace du problème, qui continuent d’être partagés et utilisés par l’équipe.

A titre d’exemple, j’ai travaillé sur des audiences LinkedIn. Il existe de nombreux types différents et je voulais un moyen de communiquer facilement les différents types de public, leur composition et leurs relations les uns avec les autres.

Figure 1 est une carte conceptuelle illustrant les différents types de publics selon un modèle famille/genre/espèce.

Figure 2 illustre la composition de chaque public. Audiences est la catégorie parente, sous laquelle se trouvent des modèles enregistrés, appariés et LinkedIn. Les audiences enregistrées ont toujours au moins un emplacement géographique et au moins un autre attribut. Les audiences correspondantes peuvent contenir des entreprises ou des contacts. Un modèle LinkedIn contient des attributs.

Hugh Dubberly de Conception doublée est “connu pour son excellence dans la conception de l’information, en particulier pour l’utilisation de cartes conceptuelles pour représenter des sujets et des processus complexes”. Dubberly était mon professeur à l’école doctorale du California College of the Arts et a enseigné un cours de pensée systémique. Il a expliqué qu’une carte des systèmes est un artefact de conception qui peut être construit et affiné en partenariat avec votre équipe interfonctionnelle. De nombreux concepteurs apprennent par la pratique et la création de cartes d’information aide les concepteurs à comprendre un espace problématique. Les cartes sont également un outil pour recueillir plus d’informations auprès des parties prenantes. Après avoir créé le premier brouillon, je partagerai une carte des systèmes avec mon équipe pour m’assurer que ma compréhension est correcte. De nouvelles informations émergent lors de ces séances d’examen. Parfois, ces cartes sont construites au fur et à mesure que l’équipe construit et définit un produit ou un modèle, elles évoluent donc au fil du temps et peuvent aider l’équipe à mieux comprendre le système.

Pour donner un exemple concret, Dubberly a cartographié un maquette de la maladie d’Alzheimer « pour lancer une conversation sur les opportunités de conception dans le monde de la maladie d’Alzheimer. Les grands cercles du diagramme – éducation, communauté, clinique, environnement, prestation de soins et recherche – ont fourni des points de départ pour trouver des solutions de remue-méninges à la maladie d’Alzheimer.

Au fur et à mesure que vous avancez dans un projet, les cartes des systèmes évolueront et deviendront plus spécifiques. Ce qui suit illustre que ‘audiences’ est la page parent, qui contient les pages enfants et petits-enfants. Chaque page de petit-enfant a sa propre page “détails”.

Ces cartes de systèmes de haut niveau informent plus tard les flux d’utilisateurs et les structures filaires, que je couvrirai dans la section suivante.

L’objectif d’un flux d’utilisateurs et d’un fil est de communiquer, à grands traits, comment un produit fonctionnera. Travailler avec des modèles de blocs et des connexions basse fidélité permet d’itérer rapidement et d’avoir des conversations stratégiques. Il est important de travailler d’abord avec une faible fidélité, car cela concentre votre travail et les commentaires des parties prenantes. Par exemple, si vous partagez des conceptions haute fidélité lorsque vous recherchez des commentaires sur l’orientation générale du produit, vous passerez du temps à discuter de la conception visuelle, ce qui n’est pas utile à ce stade.

Pour commencer, j’écrirai à la main un flux d’utilisateurs idéal en langage clair et je le traduirai en un modèle de bloc. Le modèle de bloc montre un flux d’état idéal, mettant en évidence l’écran clé et toutes les actions entreprises par le client.

Ensuite, je vais entrer dans les fils. Les fils sont une version plus fidèle du modèle de bloc et ne mettent en évidence que ce qui est nécessaire. Aucun accent n’est mis sur le polissage visuel.

Dans certains cas, les fils peuvent être utilisés pour communiquer de manière générale la disposition et la fonctionnalité d’une page. Ceci est utile lorsqu’une page évolue pour prendre en charge différents types de contenu.

À ce stade, vous devriez avoir une idée vraiment solide de ce que vous construisez, donc cette étape ne devrait pas prendre trop de temps. Les parties prenantes ont vu le travail de réflexion, les fils et les flux d’utilisateurs et ont (espérons-le) acheté le produit. De ce fait, cette étape peut aller vite. C’est là que vous pouvez entrer dans les détails les plus fins, tels que la hiérarchie des informations, le rembourrage et les couleurs.

Mes fichiers de conception sont consultés par les partenaires marketing, les produits, les autres concepteurs et les ingénieurs. Les rubriques suivantes décrivent ce que je fournis généralement à mes équipes interfonctionnelles.

Conception épurée

Un design sans majoration utilisé par les partenaires marketing pour les présentations, l’intégration des ventes et les supports marketing. La conception ci-dessus est un exemple de maquette “propre”.

Conception de l’anatomie

Cela décrit les règles de gouvernance, la mise en page et la fonctionnalité d’une page ou des éléments d’une page. La conception suivante décrit la disposition d’une ligne de données dans une table

États

Décrit à quoi ressemblent les conceptions dans un état rempli ou vide, ou toute erreur. Voici un exemple d’état vide.

lignes rouges

Décrit les détails de conception tels que la police, le poids, la police de caractères, l’espacement et la couleur. Certains concepteurs préfèrent demander à leurs partenaires d’ingénierie d’utiliser la fonction “inspecter” de Figma pour gagner du temps, mais je préfère créer mes propres lignes rouges car cela permet de confirmer que mes conceptions respectent le système de conception de LinkedIn.

Enfin, cela vaut la peine d’avoir une section exploration et annexe. Gardez votre travail en cours. Je reviendrai souvent sur les travaux de conception passés dans ma page d’explorations pour en tirer parti plus tard.

Vos fichiers de conception doivent refléter le processus de conception global pour guider votre travail, aider les partenaires interfonctionnels à naviguer dans votre fichier et enfin illustrer la réflexion et les décisions qui ont abouti à la solution finale. Les partenaires qui ne connaissent pas le processus de conception peuvent se demander ce que nous faisons toute la journée (en fait, de nombreux membres de la famille se demandent ce que je fais toute la journée). L’organisation de vos fichiers de conception d’une manière qui reflète le processus de conception crée une visibilité sur notre travail et met en évidence la valeur stratégique que les concepteurs de produits apportent à la table.

Déterminer quand augmenter les prix de votre entreprise de conception de sites Web peut être une tâche vraiment difficile pour un certain nombre de raisons.

D’abord, il y a la peur (une peur tout à fait justifiée aussi !). Trouver des clients est déjà assez difficile. La dernière chose que vous voulez faire est de les effrayer en modifiant les prix de votre conception Web.

Ensuite, il y a la logistique pure de celui-ci. Il est crucial de déterminer comment augmenter les prix sans causer de confusion ou de conflit avec les clients.

Mais après avoir travaillé en étroite collaboration avec des milliers de concepteurs de sites Web (et d’autres professionnels) pendant plus d’une décennie, il y a une chose qui me donne de l’espoir (et j’espère que vous aussi) :

Je n’ai jamais parlé à quelqu’un qui a augmenté ses prix pour le regretter immédiatement.

Au lieu de cela, la plupart des concepteurs de sites Web et d’autres personnes avec qui je parle disent des choses comme : “J’aurais aimé augmenter mes prix plus tôt !”

Je suis un ami proche d’un pigiste qui a suivi le conseil séculaire de doubler ses tarifs très souvent et au début de sa carrière de pigiste.

Il a commencé à facturer 10 fois son prix initial avant de commencer à se faire repousser par les clients.

Dans l’article d’aujourd’hui, mes objectifs sont de :

1. Vous donner confiance sur le moment d’augmenter les prix
2. Offrir des conseils pratiques sur la façon d’augmenter les prix

Commençons par le “quand”.

Quand augmenter les prix en tant que web designer (ou agence)

Au fil des ans, la tarification de la conception Web a été un problème délicat, principalement parce que la tâche de concevoir un site Web (et de savoir ce qu’il faut facturer) a tellement changé au fil des ans.

Lorsque j’ai conçu mon premier site Web il y a plus de 15 ans, je ne me souciais pas beaucoup de la vitesse des pages ou de l’accessibilité des utilisateurs. Ajoutez à cela le barrage constant de nouveaux appareils, langages, hébergement Web robuste et sécurisé et directives UX et il est facile de se laisser submerger en sachant comment définir des tarifs de développement Web qui vous permettront de rester en affaires.

Heureusement, savoir quand augmenter les prix n’est pas aussi difficile que de suivre les processus de conception Web. La tarification de la conception Web peut être beaucoup plus simple.

Ci-dessous, j’ai inclus une liste de signes courants indiquant qu’il est temps d’augmenter vos tarifs en tant que concepteur Web ou agence de conception Web.

Quatre signes qu’il est temps d’augmenter vos tarifs de conception Web

1. Les nouveaux clients ne sourcillent pas lorsque vous leur envoyez votre offre

La vérité est que vous voulez qu’il soit facile pour vos clients de dire « oui » à une offre. Mais si vous n’obtenez jamais la moindre hésitation ou réticence de la part de vos clients, votre coût de développement Web est trop bas.

Ma recommandation: Augmentez les prix avec chaque nouveau client jusqu’à ce que vous commenciez à voir un recul. Ensuite, installez-vous sur un prix où les deux parties ont l’impression d’avoir gagné.

2. Vos marges bénéficiaires sont trop faibles

Bien sûr, il y a plus de façons d’améliorer votre marge bénéficiaire que de simplement augmenter les prix, mais si vous vous retrouvez souvent avec trop peu de reste à la fin d’un projet, le prix de votre conception Web est probablement trop bas.

Ma recommandation: Augmentez les prix tout en ajoutant de la valeur, mais pas des coûts, à chaque projet (plus d’informations à ce sujet dans la section “comment” de cet article).

3. Vous avez le même prix depuis des années

Si vous avez le même taux horaire de concepteur Web ou le même prix de développement Web depuis plus d’un an, il est temps d’examiner attentivement pourquoi. Même avec juste un taux d’inflation standard, vous vous rendez un mauvais service en n’augmentant pas vos prix.

Ma recommandation: Augmenter les prix chaque année, au minimum. Grand-père dans les anciens clients si vous en avez besoin, mais ne signez jamais de nouveaux clients au même rythme qu’il y a plus d’un an.

4. Vous voulez plus d’argent

Certains disent que l’argent est la racine de tous les maux. La vérité est : j’aime l’argent. J’aime avoir de l’argent à la banque. J’aime créer une entreprise qui me rapporte de l’argent tout en faisant un travail que j’aime et en passant plus de temps avec ma famille.

Il n’y a rien de mal à vouloir plus d’argent, tant que vous restez ancré dans ce qui est réellement important. Si vous avez besoin d’un peu plus de coussin chaque mois, il est peut-être temps d’augmenter vos tarifs.

Ma recommandation: Laissez votre désir d’établir une stabilité financière vous pousser au-delà de la peur d’augmenter vos prix. Et restez toujours ancré dans ce qui compte bien plus que l’argent : la famille, les proches, la passion, le sens, l’héritage, etc.

Vous n’avez pas besoin d’attendre un signe pour augmenter les prix

Bien que toutes les raisons que j’ai énumérées ci-dessus vous aideront à savoir quand augmenter les prix, la vérité est la suivante : vous n’avez pas besoin d’excuse pour augmenter les prix.

Si vous sentez qu’il est temps, n’attendez pas un signe. Augmentez simplement vos prix. C’est beaucoup plus facile que vous ne le pensez.

Ci-dessous, je vais partager quelques conseils sur comment pour augmenter les prix une fois que vous avez décidé que le moment est venu.

Comment augmenter les prix en tant que web designer (ou agence)

Une fois que vous êtes convaincu qu’il est temps d’augmenter le prix de votre conception Web, vous pouvez utiliser quelques astuces pour rendre le processus moins douloureux ou moins gênant.

Pour commencer, il est important de reconnaître que vous devrez faire face à deux tâches essentielles :

1. Apprendre à augmenter les prix de nouveaux clients (facile)
2. Savoir comment augmenter les prix de clients existants (plus difficile)

Comment augmenter les prix pour les nouveaux clients (facile)

Il n’y a vraiment pas grand-chose à apprendre lorsqu’on demande comment augmenter les prix pour les nouveaux clients. La vérité est que c’est assez simple.

Tout ce que vous avez à faire est de mettre à jour vos tarifs de développement Web partout où vous les avez répertoriés en ligne. Voici les deux plus grandes suggestions :

Augmentez les prix de votre portefeuille en ligne

Si vous avez un site de portefeuille qui présente votre travail et vos prix, assurez-vous de mettre à jour tous les détails des coûts de développement Web ici. Cela pourrait figurer sur votre feuille de tarifs (si vous en avez une autre) ou simplement sur une page de tarification.

Augmentez les prix sur tous les marchés pertinents

Si vous êtes un indépendant ou une agence qui obtient beaucoup de nouvelles affaires de des sites comme Upwork, vous souhaiterez également mettre à jour vos tarifs. Prenez note des services qui augmentent vos tarifs pour les clients préexistants et assurez-vous de ne pas augmenter les prix par inadvertance pour quelqu’un que vous vouliez étendre aux prix de conception Web précédents.

Comment augmenter les prix pour les clients actuels et anciens (plus difficile)

Comme je l’ai mentionné précédemment, il est facile de savoir comment augmenter les prix pour les nouveaux clients. Ils n’ont aucun contexte historique pour savoir si vos tarifs sont plus élevés qu’avant.

Mais savoir comment augmenter les prix avec des clients existants peut être un peu plus compliqué. Selon le client, ils comprendront la hausse nécessaire des coûts de développement Web, tandis que d’autres peuvent repousser ou être offensés. Et certains pourraient même partir.

Rappelles toi: Si un client part parce que vous avez augmenté vos tarifs de développement Web, cela ouvre simplement la porte à un nouveau client qui est prêt et disposé à payer votre nouveau tarif (plus élevé).

Vous pouvez également choisir de conserver certains anciens clients à vos anciens tarifs (bien que je recommande de limiter cela). Pour cela, vous voudrez utiliser une sorte de logiciel CRM/facture pour suivre le montant que vous facturez à chaque client.

Voici quelques conseils sur la façon d’augmenter les prix avec les clients existants :

Choisissez le bon média en fonction de votre relation

Pour certains clients, augmenter le prix de votre conception Web sera aussi simple que d’envoyer un lettre d’augmentation de prix par email.

Si votre relation est assez bonne et que vous avez fourni suffisamment de valeur dans le passé, ils seront heureux de payer vos tarifs plus élevés.

Pour d’autres, vous devrez peut-être faire preuve de plus de tact. Peut-être les emmener déjeuner et utiliser quelques conseils ci-dessous.

Concentrez-vous sur la gratitude

Pour certains clients, apprendre que vous augmentez vos prix peut être un choc. Les prendre au dépourvu de cette façon peut les inciter à penser que vous êtes égoïste, cupide ou déraisonnable.

Vous pouvez éviter ces inquiétudes en vous concentrant sur la gratitude pour votre relation avec eux et le travail précédent qu’ils vous ont envoyé.

Aidez-les à savoir à quel point vous appréciez votre partenariat et rappelez-leur toutes les bonnes choses que vous avez accomplies ensemble dans le passé.

Mettre l’accent sur la valeur passée et future

De nombreux clients se poseront immédiatement cette question dans leur esprit :

“Si vos coûts de développement Web augmentent, que vais-je retirer de plus de notre arrangement ?”

Malheureusement, c’est la nature humaine. Presque tous, même lorsque nous essayons de ne pas le faire, nous nous demandons intérieurement : « Qu’est-ce que cela m’apporte ? »

C’est pourquoi vous devez mettre l’accent sur la valeur passée et future que vous apportez à votre client.

Pour le passé, essayez des phrases comme :

• « Ensemble, nous avons atteint des objectifs vraiment audacieux !
• “Vous vous souvenez à quel point c’était un casse-tête de mettre à jour votre site Web lorsque nous avons commencé?”
• “Les choses se sont déroulées si bien et j’ai adoré faire partie de votre entreprise en pleine croissance!”

Pour l’avenir, assurez-vous d’inclure tous les services à venir que vous pourriez ajouter ou toute valeur supplémentaire que vous savez pouvoir apporter au fur et à mesure que vous avancez ensemble.

La vérité est que la plupart des clients sont prêts à payer des prix plus élevés. Ils ont juste besoin d’être rassurés sur le fait que cela vaudra l’investissement supplémentaire dans les coûts de développement Web.

Définir les bonnes attentes pour l’avenir peut servir à la fois à les rassurer et les rendre vraiment enthousiastes à propos de ce qui les attend.

CONSEIL DE PRO : Vous pourriez être tenté d’évoquer les coûts supplémentaires auxquels vous êtes confronté pour justifier des prix de conception Web plus élevés.

Ne cédez pas à cette tentation.

Même vos meilleurs clients les plus proches ne peuvent justifier de vous payer plus simplement parce que votre loyer a augmenté, que vous avez embauché plus de sous-traitants ou que vous avez dû acheter un nouvel ordinateur.

Restez concentré sur la valeur que vous leur apportez et vous n’aurez jamais besoin de discuter des raisons internes de l’augmentation de vos prix.

Arrêtez de souhaiter, commencez à agir

Si vous ne savez toujours pas quand augmenter vos tarifs ou comment augmenter vos tarifs, voici ce que je vous suggère :

Commencer petit.

Essayez-le peut-être avec un seul de vos clients au début. Si vous êtes vraiment terrifié, commencez par un client qui ne vous dérangerait pas de perdre (tout le monde en a un).

Une fois que vous aurez pris un peu d’élan, je pense que vous serez surpris de voir à quel point il est facile (et excitant) d’augmenter les prix en tant que concepteur de sites Web.

Comme toujours, bonne chance !

WordPress a subi pas mal de changements ces derniers temps. Au cours des dernières années seulement, il y a eu des mises à jour majeures du noyau de WordPress, modifiant la façon dont les gens interagissent avec le CMS de manière majeure. La plus grande innovation est l’ajout de l’édition complète du site à WordPress. Nous avons déjà fait connaissance avec Gutenberg et comment l’éditeur de blocs a transformé la façon dont les articles et les pages de blog sont créés. Mais maintenant, l’objectif est d’ajuster également la façon dont nous personnalisons des sites Web entiers à partir de WordPress.

Et bien que cela puisse sembler un peu effrayant au début, rassurez-vous, il existe encore de nombreux thèmes WordPress créés chaque jour qui intègrent cette nouvelle fonctionnalité et facilitent plus que jamais la conception et la personnalisation de sites Web dans WordPress.

C’est précisément ce sur quoi nous nous concentrerons ici aujourd’hui. Jetons un coup d’œil à 7 thèmes WordPress compatibles avec le site complet qui rendent l’édition complète du site accessible et familière.

Vingt vingt-deux

Le thème WordPress TwentyTwenty-Two a été créé avec la conviction que tout le monde mérite un site Web vraiment unique en son genre. Les styles sobres du thème s’inspirent des oiseaux, eux-mêmes connus pour leur diversité et leur polyvalence. La typographie du thème est légère mais forte, la palette de couleurs est inspirée de la nature et les éléments de mise en page sont conçus pour s’asseoir doucement sur la page.

Twenty-Two est censé être facilement personnalisable, en tirant parti des capacités d’édition complète du site de WordPress 5.9. Cela signifie que les couleurs, les polices de caractères et la mise en page du site de chaque page individuelle de votre site peuvent toutes être modifiées pour correspondre à vos préférences. Il comprend également plusieurs modèles de blocs que vous pouvez utiliser pour créer des mises en page conçues par des professionnels en quelques clics seulement.

Attraper FSE

Catch FSE est un thème WordPress minimal et réactif avec une palette de couleurs sombres ou claires. Il a été créé à l’aide de Twenty Twenty-Two et est idéal pour les blogs et les sites d’entreprise. Vous pouvez sélectionner le style de couleur de votre site dans la fonction Styles globaux de WordPress 6.0 et commencer à créer votre contenu avec l’interface simple de glisser-déposer en utilisant des modèles de blocs.

Il est gratuit et facile à utiliser, avec une esthétique propre et moderne. Il vous permet de créer un site distinctif en fournissant 15 modèles de blocs distincts, 15 modèles FSE et 9 éléments de modèle afin que vous puissiez créer votre propre site Web comme vous le souhaitez.

Brique

Bricksy est parfait pour ceux qui souhaitent créer leur propre site Web moderne sans avoir à coder ou à concevoir à partir de zéro. Avec une interface glisser-déposer simple, vous pouvez utiliser les modèles de blocs prédéfinis pour créer de belles pages en quelques minutes.

Le thème tire pleinement parti des fonctionnalités d’édition complète du site de WordPress, ce qui facilite plus que jamais la création d’un site professionnel qui a fière allure et fonctionne comme vous le souhaitez – aucun compromis requis.

Allèle

Allele est un thème WordPress fourni avec des modèles de blocs prédéfinis et des modèles pleine page. Il a un design moderne et épuré et offre une prise en charge complète de l’édition du site. Ce thème est parfait pour créer des sites Web professionnels qui doivent être modifiés souvent.

Les autres fonctionnalités de ce thème incluent la prise en charge de plusieurs langues et RTL, il est prêt pour l’accessibilité, il est compatible avec le référencement et il est également léger.

Avant-gard

Avant-Garde est un thème de bloc simple et expérimental pour WordPress. Il présente une interface facile à utiliser et un design minimaliste, parfait pour ceux qui veulent un blog ou un site Web simplifié.

Le thème est entièrement réactif et prêt pour la rétine, garantissant que votre contenu a fière allure sur n’importe quel appareil. Avant-Garde est également prêt pour la traduction et prend en charge le plug-in WPML, ce qui facilite la création d’un site Web multilingue.

La conception simple ici se prêterait bien à une grande variété de types de contenu et de sujets. Et, si vous souhaitez expérimenter une nouvelle direction de conception pour votre site Web, Avant-Garde pourrait être le thème parfait pour vous aider à le faire.

Gel

Le thème Frost WordPress est un thème bien conçu et riche en fonctionnalités qui peut être utilisé pour une variété de types de sites Web. Le thème comprend une section héros avec une image et du texte, ainsi qu’une section portfolio pour présenter votre travail. Le thème comprend également des appels à l’action, des témoignages, etc.

Ce thème WordPress polyvalent et optimisé pour les mobiles permet aux concepteurs, développeurs et créateurs de créer facilement un site Web sophistiqué en quelques minutes. Avec une interface conviviale et un large éventail de fonctionnalités, Frost est parfait pour tous ceux qui souhaitent créer une présence en ligne puissante.

Wabi

Wabi est un thème de bloc WordPress créé pour vous aider à raconter votre histoire de la manière la plus efficace possible. Les lignes épurées, les belles polices de caractères et le système de couleurs d’accent dynamique sont utilisés pour faciliter votre narration. Tout cela est encore accentué par l’utilisation de courbes simples et de belles formes de lettres. Wabi est livré avec trois variantes de style différentes (clair, sombre et dynamique) pour une expressivité et une flexibilité maximales.

Quel thème WordPress d’édition complète de site servira votre prochain projet ?

Ce ne sont là que quelques-uns des centaines de thèmes WordPress d’édition complète de site disponibles. Mais j’espère que cela vous donnera un point de départ pour trouver le parfait pour votre prochain projet. Bonne chance!