Episodio 10: Creazione di prototipi di design in WordPress con Kadence

Ogni nuovo design inizia da qualche parte e strumenti come Figma, Invision, Axure o Adobe XD offrono ai designer modi innovativi per creare rappresentazioni visive del web design. Tuttavia, nel mondo WordPress, le innovazioni nell'editor di blocchi rendono ancora più semplice la creazione di progetti in modo nativo, nello spazio più vicino all'implementazione. In questo episodio ci occupiamo del web design in WordPress. Questi strumenti possono essere utili, ma è fondamentale rimanere concentrati sui componenti più importanti della creazione di progetti efficaci in WordPress. Contenuti unici, comprensione del tuo cliente e comunicazione efficace attraverso il design del tuo sito sono la migliore ricetta per il successo.

Ascolta tramite i controlli di seguito o aggiungici alla tua app podcast preferita.

Ascolta in una nuova finestra.

Timestamp e collegamenti

• 0:00 Introduzione: Hannah è sulla spiaggia!
• 1:33 Le migliori esperienze di WordCamp: citymuseum.org
• 8:47 Prototipazione di un nuovo design in WordPress, da dove cominciare
• 9:51 Bypassare il problema della pagina bianca
• 10:50 Iniziare con una pagina di destinazione del corso LMS
• 15:37 Ricerca competitiva: esistono, cosa funziona per loro?
• 18:41 Il punto di vista del cliente
• 19:31 Scopri i tuoi contenuti prima di progettare qualsiasi cosa
• 20:43 La tua attività unica ha un punto di forza unico, usalo
• 22:40 Metti al primo posto i tuoi contenuti migliori
• 25:00 Kadence è il tuo strumento di progettazione
• 30:22 Shop Kit 2.0 si prepara al lancio, anteprima della formazione iThemes

Trascrizione per l'episodio 10

Kathy: Benvenuti all'episodio 10 di The Kadence Beat. Siamo arrivati ​​all'episodio 10. E per l'episodio 10, volevamo fare una piccola festa. Quindi abbiamo portato Hannah fuori dal paese in un luogo sconosciuto, vicino a una spiaggia. Hannah, dove sei andata?

Hannah: Sono in Messico.

Kathy: Tu sei! Quindi non è solo una festa per l'episodio 10. È una festa per l'episodio 10, eh?

Hannah: è una festa. Sì. Immagino che vi siate persi il promemoria. Voglio dire, pensavo stessimo festeggiando in Messico per l'episodio 10, ma si scopre che sono solo io.

Kathy: Beh, Ben, penso che io e te ci stiamo perdendo.

Ben: Sì, fa piuttosto freddo qui oggi e un po' come le raffiche di neve che cadono. Quindi la spiaggia del Messico suona abbastanza bene.

Hannah: Sai, è proprio per questo che sono qui. Perché la scorsa settimana Boise ha avuto nevicate da record, e io ero tipo, non posso farlo. Quindi ho usato alcune miglia e ho prenotato un biglietto per il Messico e sono molto più felice, anche molto più bruciato dal sole. Il mio corpo è piuttosto croccante.

Kathy: È davvero? Beh, sembri molto più felice e sembri pronto a festeggiare per l'episodio 10. Quindi sono eccitato. Vivrò indirettamente attraverso di te praticamente tutto l'anno con tutti i tuoi viaggi. Così.

Hannah: Sì, inviteremo tutti qui, ora. È proprio sulla spiaggia in Messico che splende il sole. Ecco dove siamo per l'episodio 10 e benvenuti alla festa.

Caterina: Eccellente. E Hannah, ci avevi una domanda per l'episodio 10, qual è la tua domanda?

Hannah: Sì, quindi amo una bella festa. Adoro ospitare feste e penso che un ottimo modo per coinvolgere le persone in una festa sia porre una buona domanda. Quindi, um, qualcuno a cui ho pensato è qual è la tua esperienza WordCamp preferita, se sei stato a un WordCamp? Bene, lo so di nuovo, Kathy e Ben hanno quelli di noi che sono qui, ci siamo stati tutti. Allora dimmi la tua esperienza WordCamp preferita?.

Kathy: Credo di poter andare. Un WordCamp a cui sono andato, mio ​​figlio era in viaggio con me e aveva appena compiuto 18 anni, proprio come in pochi giorni. Ed eravamo al WordCamp Miami, e una delle persone con cui eravamo ha deciso che dovevamo andare a South Beach. Ed erano le vacanze di primavera e siamo rimasti bloccati in una macchina con persone proprio intorno a noi. Non siamo stati in grado di muoverci. E mio figlio diciottenne appena compiuto ha avuto modo di vivere South Beach, e non riuscivo a smettere di ridere perché era con sua madre ed era, non è così che vuoi vivere, la prima esperienza delle vacanze di primavera è uscire con tua madre .

Ed era un po' mortificato, ma ancora oggi mi fa ridere e ci regala storie divertenti di cui parlare, tipo, che ne dici di quelle ragazze sul retro di quella decappottabile. Ed è proprio come nascondere la faccia nel retro di questa macchina e non c'è via di scampo perché c'è troppa gente in giro.

Hannah: Lo adoro.

Kathy: È stato piuttosto divertente.

Ben: È fantastico.

Hannah: Questo è il migliore. Ben, e tu?

Ben: Uhm, penso che abbiamo un'esperienza condivisa che è stata di gran lunga la più memorabile ed è super ridicola. E questo è stato al WordCamp 2020 o 2019. Hanno organizzato un after party in un museo che onestamente, per tutto il tempo che sono stato lì, ho pensato, come fa a non chiudere questo posto. Come, questo è così pericoloso.

E così sembrava che fossimo appena entrati in un edificio che era stato condannato e poi qualcuno vi è entrato e ha costruito un sacco di cose super abbozzate sull'edificio condannato. E poi è stato come se ognuno avesse una libertà per tutti e faccia quello che vuole.

Hannah: E penso che sia qualcuno che probabilmente era drogato. Diresti?

Ben: Tante cose tipo, cosa, cosa, ok. Così non ha senso. Voglio dire, è difficile spiegare questo museo. E spero che esista ancora. Perché penso che ci sia, ha bisogno di un posto in questo mondo, ma sono anche molto curioso di sapere come non sia chiuso perché ci sono così tante cose che diciamo, ok, sì. questo è davvero pericoloso. Abbiamo girovagato e ci siamo divertiti molto, molto bene perché non sapevamo nulla di ciò in cui ci stavamo cacciando.

E quindi è stato letteralmente semplicemente vagare attraverso qualcuno su qualcosa, fare un sogno simile, e questo è ciò che hanno creato. A un certo punto stavamo scalando un piano a due. Voglio dire, cosa ti piace essenzialmente, come una rete metallica, sospesa su un soffitto che era come una mezza cupola.

Hannah: Come una cupola.

Ben: Sì. E poi come se fossi saltato fuori da quel soffitto ed eri su un tetto e c'era un enorme scivolo che è sceso come un'altra parte del tetto.

Hannah: Con una cavalletta gigante. Non dimenticare la cavalletta gigante. Che cosa!

Ben: Poi tipo, come se la diapositiva fosse finita nel cemento non c'era, come se niente fosse. E così poi fai scorrere una bella diapositiva e c'è un bel finale. Era come, e sei scivolato nel cemento e tutti si sono alzati come se si guardassero intorno, tipo, è successo davvero a me? Voglio dire, loro, sì. Hannah aiutami ad aiutarmi a spiegare questo posto.

Hannah: Sì, è difficile da spiegare, ma è stato fantastico. La parte migliore è stata, come ha detto Ben, non ne avevamo davvero idea. Come se avessimo trascorso forse i primi 45 minuti al primo piano, proprio come l'ora dell'aperitivo pensando, oh, questo è solo un museo interessante. E poi siamo tipo, beh, forse dovremmo vagare. E poi attraversi come una piccola porta minuscola che devi come strisciare in ginocchio per passare. Poi si apre a quest'altro posto pazzo. E tu sei tipo, cosa? Ed è come ogni angolo. Sei proprio come, cosa? E poi la prossima cosa che sai, sei sul tetto a scendere da questo scivolo di cavallette e poi c'è come questa pazza giostra.

E poi c'è una diapositiva che parte dall'ultimo piano, che era tipo, quante storie racconteresti? Cinque? Fino in fondo. È selvaggio. Onestamente è stata la cosa più divertente che è stata di gran lunga la migliore esperienza di WordCamp che ho avuto.

Ben: Sì. Voglio dire, i WordCamp sono divertenti se non ci sei stato, per il pubblico, ci sono un sacco di divertimento. Tu, incontri molte persone. Puoi essere in queste sessioni in cui impari un sacco di cose, ma anche gli after party sono davvero fantastici, perché di solito sono in un posto casuale. Anche l'anno prima c'era un planetario che faceva parte dell'after party, ed è stata un'esperienza molto divertente e anche molto vertiginosa. È un buon momento. Decisamente. Se riesci a partecipare a un WordCamp ne vale la pena.

Kathy: E quel museo era a St. Louis. Si chiama Museo della Città. Se vai su citymuseum.org, puoi avere un'idea delle camere di tortura che Hannah e Ben hanno sperimentato lì. Uhm, non sono nemmeno salito su quello scivolo, mi piace sbattere il ginocchio mentre salivo e mi sono girato. Non può venire niente di buono da questo, ho pensato, ma in realtà hanno una ruota panoramica sul tetto.

È un posto pazzesco. Le persone che fanno gli after party, l'organizzazione di WordCamp US, sono semplicemente fantastiche. Anche WordCamp Europe, avverrà tra un paio di settimane. E quella sarà probabilmente un'altra festa epica. Sono andato a quello di Berlino un paio di anni fa e avevano degli artisti fantastici, come un imitatore di Madonna. Era, come se Madonna fosse lì. È stato pazzesco. Quindi, comunque, sì, i WordCamp sono fantastici. Gli after party valgono sicuramente la pena e puoi incontrare persone come Ben e Hannah. E a volte io.

Hannah: Anche se eravamo tutti lì e non credo che ci siamo incontrati, cosa che mi dispiace per questo.

Kathy: Ho passato la maggior parte del mio tempo passando da una conversazione all'altra e solo in fondo a tunnel e tendaggi nell'area degli sponsor, è stato un periodo impegnativo, impegnativo, impegnativo, ma, um, sì, è proprio lì che Kadence ha iniziato a prenderne un po' notorietà al WordCamp US 2019. È stato allora che le persone hanno iniziato a parlare di quanto siano stati innovativi alcuni di questi strumenti che hai messo insieme.

Hannah: Sì, sì. A quel punto eravamo solo io e Ben, e nessuno sapeva chi fossimo.

Kathy: Beh, le persone che stavano guardando l'hanno capito molto velocemente e guardano a dove siamo oggi. Abbastanza eccitante.

Hannah: Sì, episodio 10. Abbiamo fatto molta strada. Abbiamo un podcast!

Kathy: Hai un podcast! E non è più facile ora che ti ho detto di restare fino all'episodio 10 ed è più facile, giusto. Un po' come uscire e chiacchierare di cose interessanti. E elimino tutte le cose stupide.

Quindi ho lavorato a un progetto segreto e qualcosa che Ben ha detto in una presentazione che aveva fatto internamente alcuni mesi fa, ha iniziato a suonare davvero vero. E ho iniziato a dire, oh sì, capisco esattamente cosa intendeva Ben.

Hai parlato con Ben di come la prototipazione il più vicino al luogo che pubblicherai abbia più senso. E lo sto affrontando ora perché sto prendendo un prototipo che è stato costruito altrove e lo sto costruendo in WordPress, in Kadence Elements, usando campi personalizzati e tutto il resto. E molte delle cose nel prototipo semplicemente non lo fanno. Devo solo prendere decisioni mentre costruisco, beh, funzionerà in questo modo, perché è così che funziona WordPress, è così che funziona Kadence.

E volevo avere questa conversazione sulle migliori pratiche per la prototipazione di progetti e design WordPress, ehm, i diversi strumenti che le persone usano. Quando hanno senso? Quando non hanno senso? E come si fa ad andare oltre il problema della "pagina vuota". Suona come qualcosa di cui potremmo parlare oggi?

Ben: Sì, assolutamente. Penso che il problema della pagina bianca sia un ottimo modo per esprimere questo perché penso che tutti possano identificarlo. Ti presenti e dici, ho bisogno di costruire qualunque cosa sia, una pagina di destinazione, una pagina di vendita, sai, e stai fissando una pagina bianca e vai, ok, cosa devo fare dopo? Ed è difficile perché così è, questo è il punto e spesso le volte in cui le persone vanno dopo è che attraversano un periodo molto difficile, un periodo frustrante, un momento in cui fanno 10 cose e annullano 10 cose e fanno altre 10 cose e annullano tutto di quelli. E alla fine, raramente sono soddisfatti di ciò con cui finiscono.

E quindi penso, anche più di quello che stai dicendo anche tu, tipo, è bene riflettere. Ci sono strategie migliori che presentarsi su una pagina bianca bianca e andare, ho bisogno di creare un design. E quindi come eseguire anche un backup di un po' prima di iniziare a utilizzare alcuni di quegli strumenti, ma come andare bene.

Quindi parliamo di come si arriva da una pagina vuota fino alla fine. E quindi propongo che abbiamo appena parlato se avevi bisogno di costruire una landing page per il tuo corso online. In questo modo, abbiamo qualcosa su cui possiamo parlare e pensare, come ciò che deve effettivamente entrare e come possiamo mettere insieme quei contenuti?

Caterina: Perfetto. Penso che sia un ottimo modo per approfondire un'area specifica in cui potremmo avere molte persone che lavorano con LearnDash o altri sistemi LMS e... forse non sono nemmeno lì a decidere quale strumento LMS utilizzeranno. Ma sono tipo, ho conoscenza, ci deve essere qualcuno che ascolta questo che ha la consapevolezza che possono trasferirsi a qualcun altro e monetizzare in qualche modo.

Da dove inizi?

Ben: Penso che una cosa, ogni volta che inizi una nuova pagina e questo può estendersi ovunque, devi andare, qual è l'obiettivo principale di questa pagina? Penso che ne abbiamo parlato quando abbiamo parlato della creazione di una homepage per l'ostetricia di Hannah. E penso che tu debba iniziare da lì. Devi dire, ok, qual è l'obiettivo?

Perché tutto deve portare verso quell'obiettivo. E tutto deve essere comunicato il più chiaramente possibile in modo che il cliente non venga confuso con, dovrei andare qui o dovrei andare qui con cose in competizione o solo con cose che non sono nella loro lingua e non lo sono dando loro un percorso diretto.

Vuoi iniziare con, qual è il mio obiettivo. E se stiamo facendo la pagina del corso, l'obiettivo è che si iscrivano a un corso. E probabilmente hai opzioni per questo. Potresti avere il pacchetto del corso base e poi il pacchetto VIP che viene fornito con una consulenza gratuita di 30 minuti. E, sai, quei componenti aggiuntivi che di solito vedi con i corsi in cui è come accedere a un gruppo privato di Facebook, quel genere di cose.

Quindi probabilmente avrai dei pacchetti, probabilmente stai pensando a una tabella dei prezzi. E poi da lì devi dire, va bene, beh, se il mio obiettivo è convincerli a comprare, devo iniziare dando loro un motivo per comprare. Per farlo, devi sapere come comunicare con la persona che stai cercando di ottenere.

Quindi devi sapere con chi stai comunicando. E questo tipo di risale a ciò di cui abbiamo parlato prima. Qual è quel cliente target? Devi assicurarti di parlare la loro lingua con tutto quello che stai dicendo, ma proprio in cima a quella pagina, quello di cui abbiamo bisogno è che abbiamo bisogno di qualcosa che fondamentalmente dica: ecco perché vuoi seguire questo corso, e questo è ciò che cambierà nella tua vita. Stai definendo per il cliente che viene visualizzato in questa pagina immediatamente, che stai alludendo al suo problema o lo stai spiegando per loro. E stai dicendo che hai questo problema, questo corso lo risolverà.

E quando si parla di corsi in particolare, non si risolve solo un problema. In realtà stai cercando di definire per loro qual è il risultato per loro come individuo, cosa cambierà per loro e come questo influirà su di loro in futuro.

Ma in questi termini, devi ancora riflettere, ok, questa persona ha un problema. Vogliono scrivere un libro e hanno bisogno di qualcuno che abbia esperienza nella scrittura di libri per istruirli nella scrittura di un libro. Quindi hai un corso su come scrivere il tuo primo romanzo. Quella base di clienti, devi parlarne ed essere come se scrivere un romanzo fosse molto più che avere una buona idea per un romanzo. Si tratta di pianificazione. Si tratta di persistenza. Inizi a spiegarlo e dirlo, e questo corso ti offre non solo tutti gli strumenti per farlo, ma hai anche una comunità intorno a te che ti aiuta e da cui ottenere feedback, e ora sto arrivando, penso Ho bisogno di questo.

Ed è così che puoi iniziare ad entrare in quello. Devi essere in grado di capire prima quella roba, prima di passare a qualsiasi tipo di questione di design. Cos'è che si collegherà a questa persona? Fammi mettere insieme i contenuti di cui avrò bisogno. A cominciare, nella mia mente, da quando stai facendo una pagina di vendita. Devi iniziare la parte superiore della pagina deve essere un testo grande, piuttosto breve e il più chiaro e conciso possibile, spiegando essenzialmente il problema e come la tua soluzione sia la risposta a quel problema. Da lì, vuoi elaborare quali diversi pezzi renderanno migliore quell'offerta iniziale.

Quindi, mentre scorro verso il basso, stanno andando, stanno diventando sempre più tipo, sì, devo farlo. Sì, devo farlo. E puoi avere quel pulsante "acquista ora" in tutta la pagina. Non vuoi che il cliente sia mai tipo, dove mi iscrivo? Puoi anche creare quel viaggio mentre scorrono verso il basso come una tabella dei prezzi. Le testimonianze sono fondamentali. Mentre rifletti su tutto questo, ora che hai, devo avere un linguaggio conciso in alto e ho bisogno di una sorta di immagine, preferibilmente qualcuno che sorrida o un risultato per visualizzare il risultato con un'immagine.

Mentre stai riflettendo, tipo, come faccio a costruirlo? Devi iniziare a raccogliere quei contenuti insieme, il testo di cui hai bisogno, le testimonianze, devi pensare alla tua tabella dei prezzi e quali saranno le caratteristiche di quella tabella dei prezzi. E quindi è davvero importante che tu raccolga alcuni contenuti e pensi davvero attraverso il tuo cliente inizialmente.

Kathy: Una volta che hai i tuoi contenuti, ovviamente non vuoi solo testo su una pagina. Non vuoi solo come il tuo pulsante e un'immagine. In che modo qualcuno inizia a mettere insieme alcuni di quegli elementi di design, da dove prendi le idee? Perché potresti andare a guardare la concorrenza e vedere cosa stanno facendo. Forse faresti una ricerca per altre persone che stanno facendo un corso su come scrivere un libro o come scrivere un romanzo e vedere se c'è concorrenza là fuori e come lo stanno facendo. Ma chi può dire che lo stanno facendo bene. Come fai a sapere quali decisioni prendere in merito al design?

Ben: Sì. Voglio dire, penso che guardare la tua concorrenza sia un'ottima strategia perché di solito se hai concorrenza, almeno se la cavano abbastanza bene da esistere. Quindi questo è almeno un bene, come se esistessero. Sai, almeno se la cavano abbastanza bene da esistere. Quindi sicuramente vuoi spigolare dalla concorrenza.

Sono un grande fan delle ricerche per un buon design. Il problema che trovo molte volte quando alle persone piace concentrarsi solo sul design è che in realtà non stanno costruendo una pagina che converte bene. Quindi puoi andare ad apprezzare i premi di design per i siti Web e vedere tutti questi tipi di siti Web davvero stravaganti che potrebbero non essere in realtà siti Web che convertono molto, e possono anche essere così fuori dalla norma, che per l'utente medio, è come, questa è una novità, ma in realtà non so come navigare in questo sito. Quindi starei attento a cercare cose come il miglior web design. Penso che tu voglia concentrarti sui problemi che hai.

E usando parole come conversione nelle tue ricerche, ma va bene, so che ho bisogno di una sezione eroi. So di aver bisogno di una sezione di testimonianze. So di aver bisogno di una sezione della tabella dei prezzi. A volte otterrai idee di progettazione migliori quando inizi a cercare quelle sezioni rispetto a come posso creare una buona pagina di destinazione del corso?

O semplicemente in generale, cos'è un buon design. E così sto facendo un'ispirazione e una fase di ricerca. Sto prendendo screenshot di cose che mi piacciono. cercando di prendere appunti. Quindi questo sarebbe un buon momento per qualcosa come una tavola Miro o una Figma in cui stai semplicemente inserendo screenshot e stai prendendo appunti e ti stai dando un posto dove puoi vedere tutti i tuoi pezzi che si uniscono in termini di elementi che desideri nella tua pagina o idee di design su come vuoi organizzare i tuoi contenuti, oltre a tenere sempre a mente la tua combinazione di colori e poi le tue immagini reali. Quello che trovo di più è che, ehm, le persone andranno a guardare questi disegni e penseranno, oh, voglio ricrearlo. E poi ci hanno messo le loro foto e sono tipo, amico, questo fa schifo. Ed è perché le tue immagini non sono abbastanza buone.

E penso che sia un'altra cosa importante. Le immagini parlano così tanto del design generale di una pagina. Voglio dire, è solo che è una parte enormemente schiacciante del design. Puoi passare tutto il tempo che desideri per ottenere la sfumatura giusta o il carattere giusto, ma scegli le immagini sbagliate e il tuo design esce dalla finestra.

È una parte davvero importante, sia che tu stia cercando immagini stock o che tu stia andando a scattare le foto, ottenere immagini davvero, davvero buone fa davvero molto. Se vuoi avere un buon design, devi avere i pezzi giusti per iniziare.

Kathy: Hannah, dal punto di vista del cliente, quando sei su una pagina e stai pensando di acquistare qualcosa, quali elementi tipo di... È il flusso della pagina? C'è qualcosa che compare all'interno di una pagina? In che modo quell'esperienza risuona con te?

Hannah: Sì, direi che è tutto questo. Voglio dire, stai davvero cercando di creare un'esperienza per le persone, giusto? Quindi, come ha detto Ben, penso che le immagini siano enormi. Le tue immagini corrispondono? Sai, se hai foto d'archivio che sono chiaramente foto d'archivio e non lo sono, non corrispondono e non scorrono, è una tale svolta.

Ma quando hai chiaramente creato un'esperienza e mi sento come se lo fossi. Sai lì, o, sai, ti senti come se fossi qui in Messico sulla spiaggia, sai, se sei in grado di dare a qualcuno questo solo apprezzando il tuo sito web o vedendo cosa offri loro, è enorme.

Ben: Penso che sia importante affermare qui, andare avanti a te stesso e tuffarti nel progettare effettivamente, diciamo in Figma o effettivamente progettare in WordPress senza che i tuoi contenuti siano stati capiti, è una ricetta per la frustrazione assoluta. Perché quando dirai, beh, scoprirò le mie immagini più tardi.

Non farlo, perché passerai così tanto tempo a scherzare cercando di rendere bello un design senza il contenuto effettivo che dovrai fare. Ed è solo frustrante in giro, e finirai per rifarlo ancora e ancora, mentre vai avanti e finalmente ottieni alcuni di quei contenuti e vai, wow, niente di tutto questo funziona perché le mie immagini sono diverse da quelle che ero in attesa. Quindi non andare avanti con te stesso. Metti insieme i tuoi contenuti, trascorri il tempo per riflettere davvero. E questo è parte del motivo per cui la fase di ispirazione è dire, ok, ora so che ho bisogno di tre immagini come questa perché voglio davvero una sezione che parli attraverso queste tre caratteristiche o queste tre cose che sono importanti per il cliente.

In quella fase iniziale, mentre stai mettendo insieme le tue cose, allora è come, ok, devo davvero definire quali saranno i miei contenuti prima di entrare e iniziare a progettare effettivamente. E non utilizzare il contenuto di qualcun altro per progettare con. Devi assolutamente ottenere prima i tuoi contenuti.

Caterina: Certo. Bene, un punto di forza unico sarà il contenuto unico che hai sul tuo sito. La cosa che si connette con il tuo pubblico in un modo unico è qualcosa che solo tu puoi creare. Non è qualcosa che puoi prelevare immagini da altri luoghi o copiare da altri luoghi.

Solo, non farlo. Non funzionerà. Non risuonerà perché quando stai cercando di replicare ciò che qualcun altro ha creato e di connetterti con un pubblico, è che non avrà la tua voce unica. Ciò che ci porti, ciò che porta la tua attività, ciò che porta il tuo marchio è ciò che ti differenzierà a lungo termine e ti aiuterà a superare.

In termini di, ok, quindi diciamo che ho la mia Figma e ho tutti i miei schizzi e tutte le cose che voglio sulla pagina. E ho come una base, ok. Ho visto che tutti usano le immagini degli eroi in alto, quindi devono funzionare. Come posso quindi iniziare a strutturare la pagina? Mi inserisco prima con le testimonianze? Devo prima spiegare meglio le cose? Come faccio a sapere in che modo organizzerò una pagina per entrare davvero in contatto con il cliente? Cosa viene prima?

Ben: Sono un grande fan di quel top da eroe e non deve essere sempre un'immagine a tutta larghezza. A volte c'è un testo e un'immagine accanto. Vuoi avere quella grande intestazione in alto che in pratica dice che sei qui per questo. E poi da tutte le ricerche che ho visto, in realtà non importa come ordini il resto della pagina.

Abbastanza interessante. Se vuoi andare con le testimonianze, alla fine, nessuno può dire che le testimonianze successive siano più importanti. Penso che tu voglia mettere al primo posto i tuoi contenuti migliori. Quindi, se hai la testimonianza più straordinaria, sei tipo, ho bisogno che la gente legga questo, lo metta in primo piano e al centro, lo metta proprio sotto quello.

Ma se non lo fai e hai solo tipo, sì, ho testimonianze e sono buone, ma sono come, quello che ti aspetteresti, quindi mettile più in basso perché ne hai bisogno sulla pagina per dare solo te stesso quel livello di fiducia nel marchio. E questa è un'altra parte, forse sei in una situazione in cui lavori con marchi noti e quindi devi mettere come quelli, potresti dire, questi marchi si fidano di noi.

Oppure hai un sacco di utenti e dici, ho così tanti utenti. Vuoi sempre trovare il modo di far sentire quel cliente come se potessi fidarmi di questa persona. Non sono come il loro primo cliente. Questo può essere fatto in più modi rispetto alle testimonianze e indipendentemente dal fatto che venga prima o nel mezzo, in base alla ricerca, è un po' come se si trattasse più di ciò che stai facendo e di ciò che vendi o di ciò che stai costruendo per allora, tipo, questo è il percorso esatto. Penso che in generale, le persone dicono di assicurarsi di avere quella spiegazione concisa e un invito all'azione nella parte superiore della pagina. Di solito vuoi un'immagine lì e poi, se ha senso, a volte quella tabella dei prezzi è proprio in alto, specialmente se è la seconda navigazione per l'utente, ad esempio diciamo che vanno alla tua home page e quindi fanno clic sulla pagina dei prezzi.

Probabilmente non vuoi immergerti nella pagina dei prezzi in basso. Intendono guardare i prezzi, quindi mostra loro il prezzo. Come una pagina di destinazione tradizionale, quella pagina dei prezzi può scendere di seguito.

Assicurati che tu, mantieni l'invito all'azione chiaro e quindi penso che tu sia pronto per partire. Quindi hai i tuoi contenuti. In un certo senso sai quali sezioni desideri e sei pronto per iniziare a progettare effettivamente per il tuo sito web.

E per me, in questa fase, è qui che vorrei spingere le persone a farlo in WordPress.

Ho capito. Ho qualche respinta da dire, beh, è ​​molto più facile collaborare in questo momento, lavorando entrambi sulla stessa cosa e qualcosa come un Figma o altro. E lo capisco. Se hai il lusso di collaborare con qualcuno, forse questo diventa la cosa giusta. Generalmente no. E non conosco molte persone che hanno quel lusso di pensare che avremo due o tre designer che lavorano alla stessa cosa contemporaneamente.

Ma per me, vuoi essere il più vicino a dove vivrà, dove sarà effettivamente. E tu vuoi farlo lì. Non fare il tuo lavoro tre volte creandolo in Figma e poi cercando di capire come farlo, o, sai, stiamo scegliendo Figma. come Figma è un ottimo strumento.

Ma non si converte in un sito Web finale. Devi fare manualmente tutte quelle cose. E so che le persone saranno tipo, beh, puoi esportare l'HTML e tutte quelle cose. Ed è come, sì, ci sto, ma alla fine non è quello che vuoi davvero. Quello che vuoi è in WordPress e negli strumenti di WordPress che desideri utilizzare.

La mia cosa è che Kadence dovrebbe essere uno strumento sufficiente per non aver bisogno di un altro strumento di progettazione per progettare in quanto puoi effettivamente svolgere il tuo lavoro di progettazione in Kadence. E non hai bisogno di uno strumento per farlo, ma entri in Kadence e vai, ok. E hai solo bisogno di un po' più di imbottitura qui.

E so che voglio il raggio del bordo qui e un po' di ombra esterna qui, e puoi ottenere quel design davvero raffinato proprio all'interno di Kadence perché è uno strumento di progettazione. E così puoi usarlo come strumento di progettazione e puoi modificare e muoverti e puoi annullare e rifare cose, ma stai facendo tutto il lavoro lì.

Quindi, quando hai finito, in realtà hai finito e non mi piace, ok, abbiamo finalmente finalizzato il design ed è in Figma. E poi vai, va bene, fantastico. Ora dobbiamo rifare tutto questo lavoro per farlo effettivamente in WordPress. Per me, voglio essere molto più vicino alla fine di dove andrà a vivere e progettare lì e anche progettare sotto le restrizioni di quello.

Come se ci fossero restrizioni in WordPress e ci fossero restrizioni in Kadence. Per quanto io voglia darti ogni singola opzione e continuo a lavorare per renderla il più possibile. Ci saranno sempre dei vincoli di progettazione. E devi pensare a quelli come non sempre restrizioni, ma come se mi tenesse all'interno di un certo, certo regno di ciò che dovrei modificare e cosa forse non dovrei.

Caterina: Giusto. Ho così tante cose che voglio dire. Prima di tutto, penso che ciò che succede è quando stai progettando con uno strumento come Figma, o Miro o qualsiasi altra cosa, e stai pensando a come vuoi che sia qualcosa, puoi quasi entrare, un perfezionismo modello dove, beh, e poi possiamo modificare questo e possiamo modificare questo e possiamo modificare questo.

E all'improvviso, hai questo design a torta nel cielo che potrebbe sembrare fantastico. Forse assolutamente perfetto. Potrebbe avere, le menti migliori, mettere insieme tutti i loro contenuti e idee di design in qualcosa di assolutamente perfetto. E poi non si traduce necessariamente bene nel mondo reale. L'altra cosa è quando stai anche progettando, ad esempio, se stai progettando qualcosa che utilizza campi personalizzati e stai eseguendo la progettazione dei dati e in un perfetto database di terza forma normale, ecco come dovrebbe funzionare tutto, giusto .

Dovrebbe avere questa tabella correlata a quella tabella e tutto dovrebbe essere perfetto e in terza forma normale. Nel mondo reale, questo potrebbe non essere effettivamente il modo migliore per fornire un input di dati a qualcuno, a Jane nel front office, dovrai selezionarlo e sarà così.

E poi quando lo giri per averlo effettivamente in WordPress, potrebbe non essere effettivamente progettato in quel modo. Quindi, quando progetti molto più vicino allo strumento, non solo risparmi tempo, ma risparmi la paralisi dell'analisi di rendere tutto perfetto nel tuo strumento di progettazione, il giardino recintato. Ma lo stai facendo con lo strumento che lo mostrerà al cliente. Lo stai facendo nel modo migliore non solo per le persone che usano wp-admin, ma anche per le persone che lo stanno visualizzando sul front-end, entro i limiti degli strumenti. E molti di questi contenuti dinamici, gli strumenti per i contenuti dinamici sono ancora una specie di loro, beh, non sono davvero agli inizi, ma c'è molto di più che deve essere fatto. C'è molto di più che può essere fatto per far funzionare il modo senza codice di contenuti dinamici. Quindi lavorare all'interno di questo, costruire qualcosa che può crescere con gli strumenti man mano che crescono, farlo in WordPress ha molto più senso, almeno dalla mia esperienza. Sono fuori dalla mia soapbox ora.

Ben: Sì. Penso che a volte sia piuttosto frustrante quando sai, ho ricevuto file da un designer a Figma e sono tipo, ma cos'è, che dire dei dispositivi mobili? E sono tipo, oh sì, probabilmente ho bisogno di creare anche per te una versione mobile, eh. E io sono tipo, beh, no, quando progetti in WordPress, stai già progettando su dispositivi mobili.

Stai già cercando di capirlo mentre procedi. Dovevi solo pensare in questo modo fin dall'inizio. E puoi entrare in alcuni di questi strumenti di progettazione e non essere costretto a pensare in quel modo. Penso che la cosa più comune, in realtà, vedo che non è nemmeno mobile perché la maggior parte delle persone è un po' più consapevole.

Sono grandi schermi larghi. Hanno progettato queste pagine davvero piuttosto strette e io sono tipo, beh, ma cosa succede quando riempie solo un terzo del tuo schermo? E tiri fuori quella larghezza, e all'improvviso è un design completamente diverso. Penso che questi strumenti siano davvero utili, ma spesso sono più frustrato da ciò che non mostrano quando qualcuno li sta progettando e da ciò a cui il designer non sta pensando e a cui è in grado di non pensare, beh, non ho bisogno 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? What works for you? 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? E se sì, come? 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. Ci piacerebbe sentirti. Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. Sì.

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: Sì. 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. Così molto eccitante. 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.

Caterina: Eccellente. 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.