Épisode 10 : Construire des prototypes de conception dans WordPress avec Kadence

Chaque nouvelle conception commence quelque part et des outils comme Figma, Invision, Axure ou Adobe XD offrent aux concepteurs des moyens innovants de créer des représentations visuelles de la conception Web. Cependant, dans le monde WordPress, les innovations de l'éditeur de blocs rendent la création de conceptions native, dans l'espace le plus proche de la mise en œuvre, encore plus facile. Dans cet épisode, nous découvrons la conception Web dans WordPress. Ces outils peuvent être utiles, mais il est essentiel de rester concentré sur les composants les plus importants de la création de conceptions efficaces dans WordPress. Un contenu unique, une compréhension de votre client et une communication efficace grâce à la conception de votre site sont la meilleure recette du succès.

Écoutez via les commandes ci-dessous ou ajoutez-nous à votre application de podcast préférée.

Écouter dans une nouvelle fenêtre.

Horodatages et liens

• 0:00 Intro : Hannah est sur la plage !
• 1:33 Meilleures expériences WordCamp : citymuseum.org
• 8:47 Prototypage d'un nouveau design dans WordPress, par où commencer
• 9:51 Contourner le problème de la page blanche
• 10:50 Premiers pas avec une page d'accueil de cours LMS
• 15:37 Recherche compétitive : elles existent, qu'est-ce qui marche pour elles ?
• 18:41 Le point de vue du client
• 19:31 Déterminez votre contenu avant de concevoir quoi que ce soit
• 20:43 Votre entreprise unique a un argument de vente unique, utilisez-le
• 22:40 Mettez votre meilleur contenu en premier
• 25:00 Kadence est votre outil de conception
• 30:22 Shop Kit 2.0 se prépare à être lancé, aperçu de la formation iThemes

Transcription de l'épisode 10

Kathy : Bienvenue dans l'épisode 10 de The Kadence Beat. Nous sommes arrivés à l'épisode 10. Et pour l'épisode 10, nous voulions faire un peu la fête. Nous avons donc fait voler Hannah hors du pays vers un endroit tenu secret, près d'une plage. Hannah, où es-tu allée ?

Hannah : Je suis au Mexique.

Kathy : Vous l'êtes ! Donc ce n'est pas qu'une fête pour l'épisode 10. C'est une Fiesta pour l'épisode 10, hein ?

Hannah : c'est une fête. Ouais. Je suppose que vous avez manqué le mémo. Je veux dire, je pensais que nous faisions la fête au Mexique pour l'épisode 10, mais il s'avère que ce n'est que moi.

Kathy : Eh bien, Ben, je pense que vous et moi sommes passés à côté.

Ben : Ouais, il fait assez froid ici aujourd'hui et un peu comme des averses de neige qui tombent. Donc la plage du Mexique sonne plutôt bien.

Hannah : Tu sais, c'est exactement pour ça que je suis là. Parce que la semaine dernière, Boise a eu des chutes de neige record, et je me suis dit, je ne peux pas faire ça. J'ai donc utilisé quelques miles et réservé un billet pour le Mexique et je suis beaucoup plus heureux, aussi beaucoup plus brûlé par le soleil. Mon corps est assez croustillant.

Kathy : Est-ce vraiment. Eh bien, vous semblez beaucoup plus heureux et vous semblez prêt à faire la fête pour l'épisode 10. Je suis donc excité. Je vais vivre par procuration à travers vous à peu près toute l'année avec tous vos voyages. Alors.

Hannah : Ouais, on va juste inviter tout le monde ici, maintenant. C'est juste sur la plage au Mexique que le soleil brille. C'est là que nous en sommes pour l'épisode 10 et bienvenue à la fête.

Kathy : Excellent. Et Hannah, vous aviez une question pour nous pour l'épisode 10, quelle est votre question ?

Hannah : Ouais, alors j'adore les bonnes fêtes. J'adore organiser des fêtes, et je pense qu'un excellent moyen d'impliquer les gens dans une fête est de poser une bonne question. Donc, euh, quelqu'un à qui j'ai pensé est quelle est votre expérience WordCamp préférée, si vous avez été à un WordCamp ? Eh bien, je sais encore, Kathy et Ben ont ceux d'entre nous qui sont ici, nous avons tous été. Alors dites-moi votre expérience WordCamp préférée ?.

Kathy : Je suppose que je peux y aller. Un WordCamp auquel je suis allé, mon fils voyageait avec moi et il venait d'avoir 18 ans, comme en quelques jours. Et nous étions au WordCamp Miami, et l'une des personnes avec qui nous étions a décidé d'aller à South Beach. Et c'était les vacances de printemps et nous nous sommes retrouvés coincés dans une voiture avec des gens tout autour de nous. Nous n'avons pas pu bouger. Et mon fils de 18 ans qui vient d'avoir 18 ans a fait l'expérience de South Beach, et je ne pouvais pas m'empêcher de rire parce qu'il était avec sa mère et c'était, ce n'est pas comme ça que vous voulez vivre, la première expérience des vacances de printemps est de sortir avec votre mère .

Et il était un peu mortifié, mais ça me fait encore rire à ce jour et nous donne des histoires drôles à raconter, comme, que diriez-vous de ces filles à l'arrière de ce cabriolet. Et il est juste comme cachant son visage à l'arrière de cette voiture et il n'y a pas d'échappatoire parce qu'il y a juste trop de monde autour.

Hannah : J'adore ça.

Kathy : C'était assez drôle.

Ben : C'est génial.

Hannah : C'est le meilleur. Ben, et toi ?

Ben : Euh, je pense que nous avons partagé une expérience qui a été de loin la plus mémorable et c'est super ridicule. Et c'était au WordCamp 2020 ou 2019. Ils ont organisé une after party dans un musée que j'ai honnêtement, tout le temps que j'y étais, je me disais, comment cet endroit ne ferme-t-il pas. C'est tellement dangereux.

Et donc c'était comme si nous venions d'entrer dans un bâtiment qui avait été condamné, puis quelqu'un y est entré et a construit tout un tas de choses super sommaires sur le bâtiment condamné. Et puis c'était comme, tout le monde a un libre pour tous et fait ce que vous voulez.

Hannah : Et je pense que c'est quelqu'un qui se droguait probablement. Dirais-tu?

Ben : Tant de choses qui étaient comme, quoi, quoi, d'accord. Comme ça n'a aucun sens. Je veux dire, c'est difficile d'expliquer ce musée. Et j'espère que ça existe toujours. Parce que je pense qu'il y a, il a besoin d'une place dans ce monde, mais je suis aussi très curieux de savoir comment il n'est pas fermé parce qu'il y a tellement de choses qui nous ressemblent, d'accord, ouais. c'est vraiment dangereux. Nous nous sommes promenés et nous avons passé un très, très bon moment car nous ne savions rien de ce dans quoi nous nous embarquions.

Et donc c'était littéralement juste errer dans quelqu'un sur quelque chose, faire un rêve similaire, et c'est ce qu'ils ont créé. À un moment donné, nous grimpions sur deux étages. Je veux dire, qu'est-ce que tu aimes essentiellement, comme, un grillage, suspendu à un plafond qui était comme un demi-dôme.

Hannah : Comme un dôme.

Ben : Ouais. Et puis, comme si vous étiez sorti de ce plafond et que vous étiez sur un toit, il y avait un énorme toboggan qui descendait comme une autre partie du toit.

Hannah : Avec une sauterelle géante. N'oubliez pas la sauterelle géante. Quoi!

Ben : Alors, comme si la glissade s'était enfoncée dans du béton, il n'y avait rien de tel. Et alors vous glissez sur une belle glissade et il y a comme une belle fin. C'était comme, et vous venez de glisser dans le béton et tout le monde s'est levé comme un regard autour, comme, est-ce que ça m'est vraiment arrivé? Je veux dire, ils, ouais. Hannah m'aide à expliquer cet endroit.

Hannah : Ouais, c'est difficile à expliquer, mais c'était génial. La meilleure partie était comme Ben l'a dit, nous n'en avions vraiment aucune idée. Comme si nous avions peut-être passé les 45 premières minutes au premier étage, comme un cocktail à penser, oh, c'est juste un musée intéressant. Et puis on se dit, eh bien, on devrait peut-être errer. Et puis vous passez comme une toute petite porte qu'il faut aimer ramper à genoux pour passer. Ensuite, il s'ouvre sur cet autre endroit fou. Et vous êtes comme, quoi? Et c'est comme à chaque coin de rue. Tu es juste comme, quoi? Et puis la prochaine chose que vous savez, vous êtes sur le toit en train de descendre ce toboggan de sauterelles et puis il y a ce carrousel fou.

Et puis il y a un toboggan qui part du dernier étage, qui était comme, combien d'histoires diriez-vous ? Cinq? Tout en bas. C'est sauvage. C'était honnêtement le plus amusant et de loin la meilleure expérience WordCamp que j'ai eue aussi.

Ben : Ouais. Je veux dire, les WordCamps sont amusants si vous n'y avez pas été, pour le public, il y a beaucoup de plaisir. Toi, tu rencontres beaucoup de gens. Vous pouvez participer à ces sessions où vous apprenez beaucoup de choses, mais les after parties sont également vraiment géniales, car elles se déroulent généralement dans un endroit aléatoire. Même l'année d'avant, il y avait un planétarium qui faisait partie de l'after party, et c'était une expérience très amusante et aussi très vertigineuse. C'est un bon moment. Absolument. Si vous pouvez vous rendre à un WordCamp, cela en vaut la peine.

Kathy : Et ce musée était à Saint-Louis. C'est ce qu'on appelle le musée de la ville. Si vous allez sur citymuseum.org, vous pourrez vous faire une idée des chambres de torture qu'Hannah et Ben ont vécues là-bas. Euh, je n'ai même pas monté ce toboggan, je me suis cogné le genou en montant et je me suis juste retourné. Rien de bon ne peut en sortir, pensai-je, mais ils ont en fait une grande roue sur le toit.

C'est un endroit fou. Les gens qui organisent les after parties, l'organisation de WordCamp US, sont tout simplement incroyables. WordCamp Europe également, qui se déroule dans quelques semaines. Et ce sera probablement une autre fête épique. Je suis allé à celui de Berlin il y a quelques années et ils avaient des interprètes tout simplement incroyables, comme un imitateur de Madonna. C'était comme si Madonna était là. C'était fou. Donc de toute façon, ouais, les WordCamps sont, sont incroyables. Les after parties en valent vraiment la peine et vous rencontrez des gens comme Ben et Hannah. Et parfois moi.

Hannah : Même si nous étions tous là et je ne pense pas que nous nous soyons rencontrés, ce qui m'attriste.

Kathy : J'ai passé la plupart de mon temps à passer d'une conversation à l'autre et à descendre des tunnels et des draperies dans la zone des sponsors, c'était une période occupée, occupée, occupée, mais, euh, ouais, c'est en quelque sorte là que Kadence a vraiment commencé à en avoir notoriété au WordCamp US 2019. C'est à ce moment-là que les gens ont vraiment commencé à parler de l'innovation de certains de ces outils que vous avez mis en place.

Hannah : Ouais, ouais. À ce moment-là, il n'y avait que Ben et moi, et personne ne savait qui nous étions.

Kathy : Eh bien, les gens qui regardaient l'ont compris très rapidement, et regardez où nous en sommes aujourd'hui. Assez excitant.

Hannah : Oui, l'épisode 10. Nous avons parcouru un long chemin. Nous avons un podcast !

Kathy : Vous avez un podcast ! Et n'est-ce pas plus facile maintenant que je vous ai dit de rester avec jusqu'à l'épisode 10 et c'est plus facile, d'accord. Juste un peu comme traîner et discuter de trucs sympas. Et j'édite tous les trucs stupides.

J'ai donc travaillé sur un projet secret, et quelque chose que Ben a dit dans une présentation qu'il avait faite en interne il y a quelques mois, a commencé à vraiment sonner vrai. Et j'ai commencé à dire, oh oui, je comprends exactement ce que Ben voulait dire.

Vous aviez parlé Ben, de la façon dont le prototypage aussi près de l'endroit que vous allez publier est le plus logique. Et je passe par là maintenant parce que je prends un prototype qui a été construit ailleurs et je le construis dans WordPress, dans Kadence Elements, en utilisant des champs personnalisés et tout. Et beaucoup de choses dans le prototype ne le font tout simplement pas. Je dois juste prendre des décisions pendant que je construis, eh bien cela va fonctionner de cette façon, car c'est ainsi que fonctionne WordPress, c'est ainsi que fonctionne Kadence.

Et je voulais avoir cette conversation sur les meilleures pratiques de prototypage de projets et de conceptions WordPress, euh, les différents outils que les gens utilisent. Quand ont-ils un sens ? Quand n'ont-ils pas de sens ? Et comment allez-vous au-delà de ce problème de "page blanche". Cela ressemble-t-il à quelque chose dont nous pourrions parler aujourd'hui?

Ben : Ouais, absolument. Je pense que le problème de la page blanche est une excellente façon de formuler cela parce que je pense que tout le monde peut s'y retrouver. Vous vous présentez et vous vous dites, je dois créer quoi que ce soit, une page de destination, une page de vente, vous savez, et vous regardez une page vierge et vous vous dites, d'accord, que dois-je faire ensuite ? Et c'est délicat parce que comme ça, c'est le point et souvent où les gens passent ensuite, c'est qu'ils traversent une période très éprouvante, une période frustrante, une période où ils font 10 choses et annulent 10 choses et font 10 choses de plus et défait tout de celles. Et à la fin, ils sont rarement satisfaits de ce qu'ils obtiennent.

Et donc je pense, encore plus que ce que vous dites aussi, comme, c'est bien de réfléchir. Il existe de meilleures stratégies que de se présenter sur une page blanche et de partir, je dois créer un design. Et donc comme même reculer un peu avant de commencer à utiliser certains de ces outils, mais comme aller bien.

Parlons donc de la façon dont vous passez d'une page blanche à la fin. Et donc je propose que nous venons de parler si vous aviez besoin de créer une page de destination pour votre cours en ligne. De cette façon, nous avons quelque chose dont nous pouvons parler et réfléchir, comme ce qui doit réellement entrer et comment rassembler ce contenu ?

Kathy : Parfait. Je pense que c'est un excellent moyen de se concentrer sur un domaine spécifique où nous pouvons avoir beaucoup de personnes travaillant avec LearnDash ou d'autres systèmes LMS et… peut-être qu'ils ne sont même pas encore là pour décider quel outil LMS ils vont utiliser. Mais ils sont comme, j'ai des connaissances, il doit y avoir quelqu'un qui écoute cela qui a des connaissances qu'ils peuvent transférer à quelqu'un d'autre et les monétiser d'une manière ou d'une autre.

Par où commencer ?

Ben : Je pense qu'une chose, chaque fois que vous démarrez une nouvelle page et que cela peut s'étendre partout, est-ce que vous devez y aller, quel est l'objectif principal de cette page ? Je pense que nous en avons parlé lorsque nous avons parlé de créer une page d'accueil pour la sage-femmerie d'Hannah. Et je pense qu'il faut commencer par là. Vous devez dire, d'accord, quel est le but ?

Parce que tout doit mener vers cet objectif. Et tout doit être communiqué aussi clairement que possible afin que le client ne soit pas confondu avec, suis-je censé aller ici ou suis-je censé aller ici avec des choses concurrentes ou juste des choses qui ne sont pas dans leur langue et ne sont pas leur donnant un chemin direct.

Vous voulez commencer par, quel est mon objectif. Et si on fait la page des cours, le but est qu'ils s'inscrivent à un cours. Et vous avez probablement des options pour cela. Vous pouvez avoir le forfait de cours de base, puis le forfait VIP qui comprend une consultation gratuite de 30 minutes. Et, vous savez, ces modules complémentaires que vous voyez généralement avec des cours où c'est comme avoir accès à un groupe Facebook privé, ce genre de choses.

Donc, vous allez probablement avoir des forfaits, vous pensez probablement à un tableau de prix. Et puis à partir de là, vous devez dire, d'accord, eh bien, si mon objectif est de les amener à acheter, je dois commencer par leur donner une raison d'acheter. Pour ce faire, vous devez savoir comment communiquer avec la personne que vous essayez d'obtenir.

Vous devez donc savoir avec qui vous communiquez. Et ce genre de retour à ce dont nous avons parlé avant. Quelle est cette clientèle cible ? Vous devez vous assurer que vous parlez leur langue avec tout ce que vous dites, mais tout en haut de cette page, ce dont nous avons besoin, c'est que nous avons besoin de quelque chose qui dit en gros : c'est pourquoi vous voulez suivre ce cours, et c'est ce qui va changer dans votre vie. Vous définissez pour le client qui apparaît immédiatement sur cette page, que vous faites allusion à son problème ou que vous le lui expliquez. Et vous dites que vous avez ce problème, ce cours le résoudra.

Et lorsque vous parlez de cours en particulier, vous ne résolvez pas qu'un seul problème. Vous essayez en fait de définir pour eux quel est le résultat pour eux en tant qu'individu, ce qui va changer pour eux et comment cela va les affecter à l'avenir.

Mais en ces termes, vous devez toujours réfléchir, d'accord, cette personne a un problème. Ils veulent écrire un livre et ils ont besoin de quelqu'un qui a de l'expérience dans l'écriture de livres pour les guider dans l'écriture d'un livre. Vous avez donc un cours sur la façon d'écrire votre premier roman. Cette clientèle, vous devez en parler et être comme écrire un roman, c'est bien plus que d'avoir une bonne idée pour un roman. Il s'agit de planification. Il s'agit de persévérance. Vous commencez à expliquer cela et à dire, et ce cours vous donne non seulement tous les outils pour le faire, mais vous avez également une communauté autour de vous pour vous aider et obtenir des commentaires, et maintenant j'arrive, je pense J'ai besoin de ça.

Et c'est comme ça que vous pouvez en quelque sorte commencer à entrer là-dedans. Vous devez d'abord être capable de comprendre ce genre de choses, avant de nous lancer dans n'importe quel type de conception. Qu'est-ce qui va se connecter avec cette personne ? Laissez-moi rassembler le contenu dont je vais avoir besoin. À commencer par, dans mon esprit, lorsque vous créez une page de vente. Vous devez commencer par le haut de la page doit être gros, assez court et aussi clair et concis que possible, vous énoncez essentiellement le problème et comment votre solution est la réponse à ce problème. À partir de là, vous souhaitez déterminer les différents éléments qui amélioreront cette offre initiale.

Alors que je fais défiler vers le bas, ils vont, ils deviennent de plus en plus comme, ouais, je dois faire ça. Ouais, je dois faire ça. Et vous pouvez avoir ce bouton "acheter maintenant" sur toute la page. Vous ne voulez pas que le client se demande où dois-je m'inscrire ? Vous pouvez également créer ce voyage en faisant défiler vers le bas pour aimer un tableau de prix. Les témoignages sont essentiels. Pendant que vous réfléchissez à tout cela, maintenant vous avez, je dois avoir un langage concis en haut, et j'ai besoin d'une sorte d'image, de préférence quelqu'un souriant ou un résultat pour visualiser le résultat avec une image.

Pendant que vous réfléchissez, comment puis-je construire cela? Vous devez commencer à rassembler ce contenu, le texte dont vous avez besoin, les témoignages, vous devez réfléchir à votre tableau de prix et quelles seront les caractéristiques de ce tableau de prix. Et il est donc très important que vous fassiez de la collecte de contenu et que vous réfléchissiez vraiment à votre client au départ.

Kathy : Une fois que vous avez votre contenu, vous ne voulez évidemment pas simplement du texte sur une page. Vous ne voulez pas juste comme votre bouton et une image. Comment quelqu'un commence-t-il vraiment à assembler certains de ces éléments de conception, où trouvez-vous des idées ? Parce que vous pourriez aller voir vos concurrents et voir ce qu'ils font. Peut-être que vous feriez une recherche pour d'autres personnes qui suivent un cours sur la façon d'écrire un livre ou comment écrire un roman et voir s'il y a de la concurrence et comment ils le font. Mais qui peut dire qu'ils le font bien. Comment savez-vous quelles décisions prendre en matière de design ?

Ben : Ouais. Je veux dire, je pense que regarder vos concurrents est une excellente stratégie parce que généralement, si vous avez des concurrents, ils réussissent au moins assez bien pour exister. Donc ça, c'est au moins un bien, comme s'ils existaient. Vous savez, ils s'en sortent au moins assez bien pour exister. Donc, vous voulez certainement glaner de la concurrence.

Je suis un grand fan de faire des recherches pour un bon design. Le problème que je rencontre souvent lorsque les gens aiment se concentrer uniquement sur le design, c'est qu'ils ne construisent pas réellement une page qui convertit bien. Vous pouvez donc aller à des prix de design pour des sites Web et voir tous ces types de sites Web vraiment géniaux qui ne sont peut-être pas vraiment des sites Web de conversion, et peuvent également être si en dehors de la norme, que pour l'utilisateur moyen, c'est comme, c'est une nouveauté, mais, en fait, je ne sais pas comment naviguer sur ce site Web. Donc, je ferais juste attention à la recherche de choses comme la meilleure conception de sites Web. Je pense que vous voulez vous concentrer sur les problèmes que vous avez.

Et utiliser des mots comme conversion dans vos recherches, mais d'accord, je sais que j'ai besoin d'une section héros. Je sais que j'ai besoin d'une section de témoignage. Je sais que j'ai besoin d'une section de tableau de prix. Parfois, vous obtiendrez de meilleures idées de conception lorsque vous commencerez à rechercher ces sections plutôt que de créer une bonne page de destination de cours ?

Ou juste en général, qu'est-ce qu'un bon design. Et donc je fais une phase d'inspiration et de recherche. Je prends des captures d'écran de choses que j'aime. essayer de prendre des notes. Ce serait donc un bon moment pour quelque chose comme un tableau Miro ou un Figma où vous êtes juste, vous jetez des captures d'écran et vous prenez des notes, et vous vous donnez un endroit où vous pouvez voir toutes vos pièces se rassembler dans termes d'éléments que vous voulez dans votre page ou des idées de conception pour la façon dont vous voulez organiser votre contenu, en plus de toujours garder à l'esprit votre propre palette de couleurs, puis vos images réelles. Ce que je trouve le plus, c'est que, euh, les gens vont regarder ces dessins et se dire, oh, je veux recréer ça. Et puis ils y ont mis leurs photos et ils se sont dit, mec, ça craint. Et c'est parce que vos images ne sont pas assez bonnes.

Et je pense que c'est une autre grande chose. Les images parlent tellement de la conception globale d'une page. Je veux dire, c'est juste, c'est une partie massivement écrasante de la conception. Vous pouvez passer tout le temps que vous voulez à obtenir le bon dégradé ou la bonne police, mais choisissez les mauvaises images et votre conception disparaîtra.

C'est une partie très importante, que vous trouviez des images de stock ou que vous alliez prendre des photos, obtenir de très, très bonnes images va très loin. Si vous voulez avoir un bon design, vous devez avoir les bonnes pièces pour commencer.

Kathy : Hannah, du point de vue du client, lorsque vous êtes sur une page et que vous envisagez d'acheter quelque chose, quels éléments sont en quelque sorte… Est-ce le flux de la page ? Y a-t-il quelque chose qui apparaît dans une page ? Comment cette expérience résonne-t-elle en vous ?

Hannah : Ouais, je dirais que c'est tout ça. Je veux dire, vous essayez vraiment de créer une expérience pour les gens, n'est-ce pas ? Donc, comme l'a dit Ben, je pense que les images sont énormes. Vos images correspondent-elles ? Vous savez, si vous avez des photos d'archives qui sont clairement des photos d'archives et qu'elles ne le sont pas, qu'elles ne correspondent pas et qu'elles ne s'écoulent pas, c'est une telle impasse.

Mais quand vous avez clairement créé une expérience et que j'ai l'impression de le faire. Vous savez là-bas, ou, vous savez, vous avez l'impression d'être ici au Mexique sur la plage, vous savez, si vous êtes capable de donner à quelqu'un qui l'aime juste en voyant votre site Web ou en voyant ce que vous lui offrez, c'est énorme.

Ben : Je pense qu'il est important de dire ici, prendre de l'avance et se lancer dans la conception, disons dans Figma ou la conception dans WordPress sans que votre contenu ne soit compris, c'est une recette pour une frustration absolue. Parce que quand tu es comme, eh bien, je trouverai mes images plus tard.

Ne le faites pas, car vous passerez tellement de temps à essayer de faire en sorte qu'un design soit beau sans le contenu réel dont vous aurez besoin. Et c'est juste frustrant, et vous finirez par le refaire encore et encore, au fur et à mesure que vous avancez et obtenez enfin une partie de ce contenu et allez, wow, rien de tout cela ne fonctionne parce que mes images sont différentes de ce que j'étais attendant. Alors ne vous précipitez pas. Rassemblez votre contenu, prenez le temps de bien réfléchir. Et c'est en partie pourquoi vous faites la phase d'inspiration pour dire, d'accord, maintenant je sais que j'ai besoin de trois images comme celle-ci parce que je veux vraiment une section qui parle de ces trois fonctionnalités ou de ces trois choses qu'il est important que le client sache.

Dans cette phase initiale, alors que vous rassemblez vos affaires, c'est comme si, d'accord, je dois vraiment définir ce que sera mon contenu avant de me lancer et de commencer à concevoir. Et n'utilisez pas le contenu de quelqu'un d'autre pour concevoir avec. Vous voulez certainement obtenir votre propre contenu en premier.

Kathy : Bien sûr. Eh bien, un argument de vente unique sera le contenu unique que vous avez sur votre site. La chose qui se connecte avec votre public d'une manière unique est quelque chose que vous seul pouvez créer. Ce n'est pas quelque chose que vous pouvez récupérer des images d'autres endroits ou copier d'autres endroits.

Juste, ne fais pas ça. Cela ne marchera pas. Cela ne résonnera pas parce que lorsque vous essayez de reproduire ce que quelqu'un d'autre a créé et de vous connecter avec un public, cela n'aura pas votre voix unique. Ce que vous y apportez, ce que votre entreprise apporte, ce qu'apporte votre marque est ce qui va vous différencier à long terme et va vous aider à vous élever.

En termes de, d'accord, alors disons que j'ai mon Figma et que j'ai tous mes croquis et toutes les choses que je veux sur la page. Et j'ai comme une base, d'accord. J'ai vu tout le monde utiliser des images de héros en haut, donc elles doivent fonctionner. Comment puis-je commencer à structurer la page ? Dois-je commencer par des témoignages ? Dois-je d'abord mieux expliquer les choses ? Comment savoir de quelle manière je vais organiser une page afin de vraiment me connecter avec le client ? Qu'est-ce qui vient en premier ?

Ben : Je suis un grand fan de ce haut de héros et il n'est pas toujours nécessaire que ce soit une image pleine largeur. Parfois, c'est un texte et une image à côté. Vous voulez avoir ce gros en-tête en haut qui dit en gros, c'est pour ça que vous êtes ici. Et puis d'après toutes les recherches que j'ai vues, peu importe la façon dont vous commandez le reste de la page.

Assez intéressant. Si vous voulez aller vers des témoignages, au final, personne ne peut dire que les témoignages ensuite sont plus importants. Je pense que vous voulez mettre votre meilleur contenu en premier. Donc, si vous avez le témoignage le plus étonnant, vous vous dites, j'ai besoin que les gens lisent ceci, le mettent au premier plan, le placent juste en dessous.

Mais si vous ne le faites pas et que vous avez juste comme, ouais, j'ai des témoignages et ils sont bons, mais ils sont comme, ce à quoi vous vous attendez, alors mettez-les plus bas parce que vous en avez besoin sur la page pour juste donner vous-même ce niveau de confiance envers la marque. Et c'est une autre partie, peut-être que vous êtes dans une situation où vous travaillez avec des marques connues et donc vous devez mettre comme celles-ci, vous pourriez dire, ces marques nous font confiance.

Ou vous avez une tonne d'utilisateurs et vous dites, j'ai autant d'utilisateurs. Vous voulez toujours trouver des moyens de faire en sorte que ce client se sente comme si je pouvais lui faire confiance. Je ne suis pas comme leur premier client. Cela peut être fait de plusieurs manières que les témoignages et que cela vienne ou non en premier ou au milieu, sur la base de la recherche, c'est un peu comme, c'est plus sur ce que vous faites et ce que vous vendez ou ce que vous êtes construire pour alors, comme, c'est le chemin exact. Je pense qu'en général, les gens disent assurez-vous d'avoir cette explication concise et cet appel à l'action tout en haut de votre page. Habituellement, vous voulez une image ici, puis si cela a du sens, parfois ce tableau des prix est juste en haut, surtout s'il s'agit d'une deuxième navigation pour l'utilisateur, comme disons qu'il va sur votre page d'accueil, puis qu'il clique sur la page des prix.

Vous ne voulez probablement pas plonger cette page de tarification ci-dessous. Ils ont l'intention d'examiner les prix, alors montrez-leur le prix. Comme une page de destination traditionnelle, cette page de tarification peut descendre en bas.

Assurez-vous que vous gardez l'appel à l'action clair et ensuite je pense que vous êtes, vous êtes prêt à partir. Vous avez donc votre contenu. Vous savez en quelque sorte quelles sections vous voulez et vous êtes prêt à commencer à concevoir votre site Web.

Et pour moi, à ce stade, c'est là que je pousserais les gens à le faire dans WordPress.

Je comprends. J'ai eu des réactions négatives pour dire, eh bien, c'est beaucoup plus facile de collaborer en ce moment, vous travaillez tous les deux sur la même chose et quelque chose comme un Figma ou autre. Et je comprends ça. Si vous avez le luxe de collaborer avec quelqu'un, peut-être que cela devient la chose. Généralement je ne le fais pas. Et je ne connais pas beaucoup de gens qui ont le luxe d'être comme si nous allions avoir deux ou trois designers travaillant sur la même chose en même temps.

Mais pour moi, vous voulez être aussi proche de l'endroit où ça va vivre, où ça va être réellement. Et vous voulez le faire là-bas. Ne faites pas votre travail trois fois en le créant dans Figma et en essayant ensuite de comprendre comment, ou, vous savez, nous choisissons Figma. comme Figma est un excellent outil.

Mais il ne se convertit pas en un site Web final. Vous devez en quelque sorte faire tout cela manuellement. Et je sais que les gens vont dire, eh bien, vous pouvez exporter le HTML et tout ça. Et c'est comme, ouais, je suis dedans, mais ce n'est pas ce que tu veux réellement à la fin. Ce que vous voulez est dans WordPress, et dans les outils WordPress que vous souhaitez utiliser.

Mon truc, c'est que Kadence devrait être un outil suffisant pour que vous n'ayez pas besoin d'un autre outil de conception pour concevoir dans la mesure où vous pouvez réellement faire votre travail de conception dans Kadence. Et ne pas avoir besoin d'un outil pour le faire, mais vous entrez dans Kadence et vous y allez, d'accord. Et vous n'avez besoin que d'un peu plus de rembourrage ici.

Et je sais que je veux un rayon de bordure ici et un peu d'ombre portée ici, et vous pouvez obtenir ce design vraiment fin directement à l'intérieur de Kadence parce que c'est un outil de conception. Et donc vous pouvez l'utiliser comme un outil de conception et vous pouvez ajuster et vous déplacer et vous pouvez annuler et refaire des choses, mais vous faites tout le travail là-bas.

Donc, lorsque vous avez terminé, vous avez réellement terminé et vous n'aimez pas, d'accord, nous avons finalement finalisé le design et c'est dans Figma. Et puis vous allez, d'accord, super. Maintenant, nous devons refaire tout ce travail pour le faire dans WordPress. Pour moi, je veux être beaucoup plus proche de la fin de l'endroit où il va vivre et concevoir là-bas et aussi concevoir sous les restrictions de cela.

Comme il y a des restrictions dans WordPress et il y a des restrictions dans Kadence. Autant que je veux vous donner toutes les options et je continue à travailler pour en faire autant d'options que possible. Il y aura toujours des contraintes de conception. Et vous devez penser à ceux-ci comme pas toujours des contraintes, mais comme, cela me maintient dans un certain, un certain domaine de ce que je devrais éditer et de ce que je ne devrais peut-être pas.

Kathy : C'est vrai. J'ai tellement de choses à dire. Tout d'abord, je pense que ce qui finit par se produire, c'est lorsque vous concevez dans un outil comme Figma, ou Miro ou autre, et que vous réfléchissez à ce à quoi vous voulez que quelque chose ressemble, vous pouvez presque vous lancer, un perfectionnisme modèle où, eh bien, et ensuite nous pouvons modifier cela et nous pouvons modifier cela et nous pouvons modifier cela.

Et tout d'un coup, vous avez cette conception de tarte dans le ciel qui peut être superbe. Peut-être absolument parfait. Il peut avoir, les meilleurs esprits, rassemblant tout leur contenu et leurs idées de conception en quelque chose d'absolument parfait. Et puis ça ne se traduit pas forcément bien dans le monde réel. L'autre chose est lorsque vous concevez même, par exemple, si vous concevez quelque chose qui utilise des champs personnalisés et que vous faites de la conception de données et dans une base de données de troisième forme normale parfaite, c'est ainsi que tout devrait fonctionner, à droite .

Il devrait y avoir cette table liée à cette table et tout devrait être parfait et la troisième forme normale. Dans le monde réel, ce n'est peut-être pas la meilleure façon de fournir des données à quelqu'un, à Jane du front office, vous devrez sélectionner ceci et ce sera ainsi.

Et puis, lorsque vous le remettez à l'avoir dans WordPress, il se peut qu'il ne puisse pas être conçu de cette façon. Ainsi, lorsque vous concevez beaucoup plus près de l'outil, non seulement vous gagnez du temps, mais vous évitez la paralysie de l'analyse en rendant tout parfait dans votre outil de conception, un jardin clos. Mais vous le faites avec l'outil qui va l'afficher au client. Vous le faites de la manière qui conviendra le mieux non seulement aux personnes qui utilisent wp-admin, mais également aux personnes qui le consultent en amont, dans les limites des outils. Et une grande partie de ce contenu dynamique, les outils pour le contenu dynamique en sont encore à leurs, eh bien, ils n'en sont pas vraiment à leurs balbutiements, mais il reste encore beaucoup à faire. Il y a beaucoup plus à faire pour que la méthode sans code du contenu dynamique fonctionne. Donc, travailler dans ce cadre, construire quelque chose qui peut grandir avec les outils au fur et à mesure qu'ils grandissent, le faire dans WordPress a beaucoup plus de sens, du moins d'après mon expérience. Je suis hors de ma tribune maintenant.

Ben : Ouais. Je pense que c'est assez frustrant parfois quand vous savez, j'ai reçu des fichiers d'un designer dans Figma et je me dis, mais qu'est-ce que c'est, qu'en est-il du mobile ? Et ils sont comme, oh ouais, j'ai probablement besoin de te faire une version mobile aussi, hein. Et je me dis, eh bien, non, lorsque vous concevez dans WordPress, vous concevez déjà sur mobile.

Vous essayez déjà de le comprendre au fur et à mesure. Il fallait juste penser de cette façon dès le début. Et vous pouvez accéder à certains de ces outils de conception et ne pas être obligé de penser de cette façon. Je pense que la chose la plus courante, en fait, je vois que ce n'est même pas mobile parce que la plupart des gens sont un peu plus conscients.

Ce sont de grands écrans larges. Ils ont conçu ces pages vraiment très étroites et je me dis, eh bien, mais que se passe-t-il quand cela ne remplit qu'un tiers de votre écran ? Et vous tirez sur cette largeur, et tout d'un coup, c'est un design totalement différent. Je pense que ces outils sont vraiment utiles, mais je suis souvent plus frustré par ce qu'ils ne montrent pas quand quelqu'un les conçoit et ce à quoi le concepteur ne pense pas et capable de ne pas penser, eh bien, je n'ai pas besoin to think about a 27-inch wide screen here because I set my pixel width at 1400 and that's this wide it's the screen is cause that's what it is in Figma and things like that.

So, I would encourage people to try to design in WordPress when they can, but don't do it without your content because you will be so frustrated to try to do it without. It just doesn't, it just never really works.

Kathy: Okay. Well, that's a definitely an interesting discussion. We'd love to hear from you about your experiences, designing new sites or redesigning sites. What tools are you using? Qu'est-ce qui fonctionne pour vous ? Are you finding tools like Figma, Miro, and I don't know, Adobe's got stuff too. There's a whole list of things that you can use in order to design.

Do they help your process? Et si oui, comment ? Or do they kind of just get in the way and you'd rather just, start with a starter template or Kadence wire frames and just roll from there. Nous aimerions recevoir de vos nouvelles. Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. Ouais.

Kathy: I am so excited about Shop Kit 2.0, I know everybody who was on that training is excited for it. We're getting pinged on Twitter and other social media places. When's it dropping? When can we play with it too? Give us a good overview of what Shop Kit 2.0 includes and when we can see this in people's dashboards.

Ben : Ouais. I mean, I think you can see it in your downloads page by the time you're listening to this, you should be able to go into your account and see it in your downloads page. Um, that'll be the beta version. Things are really close. I'm still always kind of like doing little tweaks in here about like what settings, but it very much is like a good foundation for templating inside of WooCommerce.

So what 2.0 largely brings into the equation is the ability to create templates for your product pages, your archive pages and things like that. And you can apply them to an individual product or you can apply them across a category or a tag or whatever. , that key means that like every piece of WooCommerce then got kind of put into a block with its own block settings.

So you can kind of rearrange and organize and there's some cool things you can change the way that tabs work inside of a product page, which is kind of a standard WooCommerce implementation, but you're going to get a lot more control over it. Hide and show tabs, change the order, things like that. You also get, with Shop Kit 2.0, we kind of rewrote our gallery. So the gallery extension now is a lot more robust. It does like variation galleries and has a lot more control for different layouts based on screen size, so that's pretty exciting. So yeah, it's largely going to be a tool to help you build very unique and much more interesting product pages, so it's just going to be much easier for you to do really cool stuff.

Kathy: Very exciting. And so the beta is going to be available. If you are a bundle owner full bundle or the lifetime or if you bought Shop Kit in the past, that's available to you as well. And the full version going to be ready in a couple of weeks, looks like. Donc très excitant. Well, if you are on our mailing list, you will get an announcement as soon as all of the stuff comes out.

And that's the big news with Kadence right now. I know you got a lot of other things going on. I don't want to put any pressure on you of when those types of things are coming. Cause I know this is a big one and big news for Kadence and WooCommerce users. Well, any final thoughts?

Ben: Well, go party up on the beach, Hannah, for us both because you're only one that's successfully is in the party zone.

Hannah: I'll do what I can.

Kathy : Excellent. Yeah, we're all living vicariously through Hannah's adventures right now. So very cool. Well, we will be back in a couple of weeks. I think next time we should talk a little more about WooCommerce because there's some interesting things happening there. So thanks for tuning into the Kadence Beat and we will talk to you next time.