Episodul 10: Construirea de prototipuri de design în WordPress cu Kadence

Fiecare design nou începe de undeva, iar instrumente precum Figma, Invision, Axure sau Adobe XD oferă designerilor modalități inovatoare de a crea reprezentări vizuale ale designului web. Cu toate acestea, în lumea WordPress, inovațiile în editorul de blocuri fac și mai ușoară crearea design-urilor în mod nativ, în spațiul cel mai apropiat de implementare. În acest episod vorbim despre designul web în WordPress. Aceste instrumente pot fi utile, dar este esențial să rămâneți concentrat pe cele mai importante componente ale creării de design-uri eficiente în WordPress. Conținutul unic, înțelegerea clientului și comunicarea eficientă prin designul site-ului dvs. sunt cea mai bună rețetă pentru succes.

Ascultă prin comenzile de mai jos sau adaugă-ne la aplicația ta de podcast preferată.

Ascultă în fereastră nouă.

Marcaje temporale și linkuri

• 0:00 Introducere: Hannah e pe plajă!
• 1:33 Cele mai bune experiențe WordCamp: citymuseum.org
• 8:47 Crearea de prototipuri a unui nou design în WordPress, de unde să începem
• 9:51 Ocolind problema paginii goale
• 10:50 Introducere cu o pagină de destinație a cursului LMS
• 15:37 Cercetare competitivă: ele există, ce funcționează pentru ei?
• 18:41 Punctul de vedere al clientului
• 19:31 Găsește-ți conținutul înainte de a crea ceva
• 20:43 Afacerea ta unică are un punct de vânzare unic, folosește-l
• 22:40 Puneți cel mai bun conținut pe primul loc
• 25:00 Kadence este instrumentul tău de proiectare
• 30:22 Shop Kit 2.0 se pregătește pentru lansare, previzualizarea instruirii iThemes

Transcriere pentru episodul 10

Kathy: Bun venit la episodul 10 din The Kadence Beat. Am ajuns la episodul 10. Și pentru episodul 10, am vrut să facem o mică petrecere. Așa că am dus-o pe Hannah din țară într-o locație nedezvăluită, aproape de o plajă. Hannah, unde te-ai dus?

Hannah: Sunt în Mexic.

Kathy: Tu esti! Deci nu este doar o petrecere pentru episodul 10. Este o Fiesta pentru episodul 10, nu?

Hannah: este o Fiesta. Da. Bănuiesc că ați ratat nota. Adică, credeam că petrecem în Mexic pentru episodul 10, dar se pare că sunt doar eu.

Kathy: Ei bine, Ben, cred că tu și cu mine ne pierdem.

Ben: Da, este destul de frig azi aici și un fel de zăpadă care coboară. Deci plaja din Mexic sună destul de bine.

Hannah: Știi, tocmai de asta sunt aici. Pentru că săptămâna trecută Boise a înregistrat ninsori record și am spus că nu pot face asta. Așa că am folosit câțiva kilometri și am rezervat un bilet până în Mexic și sunt mult mai fericit și mult mai ars de soare. Corpul meu este destul de crocant.

Kathy: Este cu adevărat. Ei bine, pari mult mai fericit și pari gata să petreci pentru episodul 10. Așa că sunt încântat. Voi trăi indirect prin tine aproape tot anul cu toate călătoriile tale. Asa de.

Hannah: Da, îi vom invita pe toți aici, acum. Doar pe plaja din Mexic, soarele strălucește. Aici suntem pentru episodul 10 și bine ați venit la petrecere.

Kathy: Excelent. Și Hannah, ai avut o întrebare pentru noi pentru episodul 10, care este întrebarea ta?

Hannah: Da, așa că îmi place o petrecere bună. Îmi place să găzduiesc petreceri și cred că o modalitate excelentă de a implica oamenii într-o petrecere este să pui o întrebare bună. Deci, um, cineva la care m-am gândit este care este experiența ta preferată WordCamp, dacă ai fost la un WordCamp? Ei bine, știu din nou, Kathy și Ben îi avem pe cei care suntem aici, toți am fost. Deci, spune-mi experiența ta preferată WordCamp?.

Kathy: Cred că pot pleca. Un WordCamp la care am fost, fiul meu călătorea cu mine și tocmai împlinise 18 ani, ca în câteva zile. Și am fost la WordCamp Miami și unul dintre cei cu care am fost a decis să mergem la South Beach. Și era vacanța de primăvară și am rămas blocați într-o mașină cu oameni în jurul nostru. Nu am putut să ne mișcăm. Și fiul meu abia împlinit de 18 ani a experimentat South Beach și nu m-am putut opri să râd pentru că era cu mama lui și a fost, nu așa vrei să experimentezi, prima experiență de vacanță de primăvară este să ieși cu mama ta. .

Și era oarecum mortificat, dar până în ziua de azi mă face să râd și ne oferă povești amuzante despre care să vorbim, cum ar fi fetele alea din spatele acelui decapotabil. Și este ca și cum și-ar ascunde fața în spatele acestei mașini și nu există nicio scăpare pentru că sunt prea mulți oameni în jur.

Hannah: Îmi place asta.

Kathy: A fost destul de amuzant.

Ben: E minunat.

Hannah: Asta e cel mai bun. Ben, ce zici de tine?

Ben: Hm, cred că avem o experiență comună care a fost de departe cea mai memorabilă și este super ridicolă. Și asta a fost la WordCamp 2020 sau 2019. Au avut o petrecere de după la un muzeu pe care eu sincer, tot timpul cât am fost acolo, m-am gândit, cum nu se închide acest loc. Ca, asta este atât de nesigur.

Și așa am simțit că tocmai am intrat într-o clădire care fusese condamnată și apoi cineva a intrat în ea și a construit o grămadă de lucruri super schitale pe clădirea condamnată. Și apoi a fost ca și cum toată lumea are un liber pentru toți și face ce vrei.

Hannah: Și cred că este cineva care probabil consuma droguri. Ai zice?

Ben: Atâtea lucruri care au fost ca, ce, ce, bine. Ca asta nu are sens. Adică, este greu de explicat acest muzeu. Și sper că încă mai există. Pentru că cred că există, are nevoie de un loc în această lume, dar sunt, de asemenea, foarte curios cum nu este închis pentru că sunt atât de multe lucruri în care suntem ca, bine, da. asta e chiar periculos. Ne-am plimbat și ne-am distrat foarte, foarte bine pentru că nu știam nimic din ce ne băgăm.

Și așa, literalmente, a fost doar rătăcirea prin cineva cu ceva, a avut un vis asemănător, și asta este ceea ce au creat. La un moment dat urcam pe un etaj. Adică, ce îți place în esență, cum ar fi, plasă de sârmă, suspendată pe un tavan care era ca o jumătate de cupolă.

Hannah: Ca o cupolă.

Ben: Da. Și apoi, cum ai ieșit din acel tavan și ai fost pe un acoperiș și a fost un tobogan uriaș care a coborât ca o altă parte a acoperișului.

Hannah: Cu o lăcustă uriașă. Nu uitați de lăcusta uriașă. Ce!

Ben: Atunci, ca și cum toboganul s-a lovit de beton, nu a fost, ca și cum nimic nu ar fi fost. Și apoi aluneci pe un tobogan frumos și există ca un final frumos. Era ca și cum ai alunecat în beton și toată lumea s-a ridicat de parcă s-a uitat în jur, de genul, chiar mi s-a întâmplat asta? Adică, ei, da. Hannah ajută-mă să explic acest loc.

Hannah: Da, este greu de explicat, dar a fost minunat. Cea mai bună parte a fost, așa cum a spus Ben, noi chiar habar n-aveam. De parcă am petrecut poate primele 45 de minute la primul etaj, la fel ca la ora de cocktail gândindu-mă, oh, acesta este doar un muzeu interesant. Și atunci ne gândim, ei bine, poate ar trebui să rătăcim. Și apoi treci ca pe o ușă micuță pe care trebuie să-ți placă să te târăști în genunchi pentru a trece. Apoi se deschide spre acest alt loc nebun. Și tu ești ca, ce? Și este ca în fiecare colț. Ești exact ca, ce? Apoi, următorul lucru pe care îl știi, ești pe acoperiș coborând acest tobogan cu lăcuste și apoi e ca acest carusel nebun.

Și apoi este un tobogan care merge de la ultimul etaj, care era de genul, câte povești ai spune? Cinci? Până în jos. Este sălbatic. Sincer, a fost cea mai distractivă care a fost de departe cea mai bună experiență WordCamp pe care am avut-o.

Ben: Da. Adică, WordCamps sunt distractive dacă nu ai fost, pentru public, există o mulțime de distracție. Tu, întâlnești o mulțime de oameni. Ajungi la asemenea sesiuni în care înveți o mulțime de lucruri, dar și petrecerile de după sunt cu adevărat minunate, pentru că de obicei sunt într-un loc aleatoriu. Chiar și cu un an înainte, a existat un planetariu care a făcut parte din petrecerea de după, și a fost o experiență foarte distractivă și, de asemenea, foarte amețitoare. Este un moment bun. Categoric. Dacă poți ajunge la un WordCamp, merită timpul tău.

Kathy: Și muzeul acela era în St. Louis. Se numește Muzeul Orașului. Dacă accesați citymuseum.org, puteți face o impresie despre camerele de tortură pe care Hannah și Ben le-au experimentat acolo. Hm, nici măcar nu am urcat pe acel tobogan, îmi place să m-am lovit cu genunchiul în sus și doar m-am întors. Nimic bun nu poate ieși din asta, m-am gândit, dar de fapt au o roată Ferris pe acoperiș.

Este un loc nebun. Oamenii care fac petrecerile de după, organizația pentru WordCamp US, sunt pur și simplu uimitoare. WordCamp Europe, de asemenea, se va întâmpla în câteva săptămâni. Și asta va fi probabil o altă petrecere epică. Am fost la cel din Berlin în urmă cu câțiva ani și au avut, doar interpreți uimitoare, ca un imitator al Madonna. Era, ca și cum Madonna era acolo. A fost nebunesc. Deci, oricum, da, WordCam-urile sunt uimitoare. Petrecerile de după merită cu siguranță și poți întâlni oameni precum Ben și Hannah. Și uneori și eu.

Hannah: Deși am fost cu toții acolo și nu cred că ne-am întâlnit, ceea ce îmi pare rău de asta.

Kathy: Mi-am petrecut cea mai mare parte a timpului mergând de la conversație la conversație și doar prin tuneluri și draperii din zona sponsorului, a fost un timp ocupat, ocupat, dar, um, da, cam de aici a început Kadence să obțină ceva. notorietate la WordCamp US 2019. Atunci oamenii au început să vorbească cu adevărat despre cât de inovatoare au fost unele dintre aceste instrumente pe care le-ați creat.

Hannah: Da, da. În acel moment eram doar Ben și eu, și nimeni nu știa cine suntem.

Kathy: Ei bine, oamenii care urmăreau au luat-o foarte repede și uită-te la unde suntem astăzi. Destul de incitant.

Hannah: Da, episodul 10. Am parcurs un drum lung. Avem un podcast!

Kathy: Ai un podcast! Și nu este mai ușor acum ți-am spus să stai cu ea până la episodul 10 și e mai ușor, nu. Doar ca și cum ai petrece timpul și a discuta despre lucruri interesante. Și editez toate prostiile.

Așa că am lucrat la un proiect secret și ceva despre care Ben a spus într-o prezentare pe care a făcut-o pe plan intern cu câteva luni în urmă, a început să sune cu adevărat adevărat. Și am început să spun, oh, da, înțeleg exact ce a vrut să spună Ben.

I-ai vorbit lui Ben despre modul în care prototiparea cât mai aproape de locul pe care urmează să-l publici are cel mai mult sens. Și trec prin asta acum, pentru că iau un prototip care a fost construit în altă parte și îl construiesc în WordPress, în Kadence Elements, folosind câmpuri personalizate și tot. Și multe dintre lucrurile din prototip pur și simplu nu. Trebuie doar să iau decizii pe măsură ce construiesc, ei bine, asta va funcționa așa, pentru că așa funcționează WordPress, așa funcționează Kadence.

Și am vrut să am această conversație despre cele mai bune practici de prototipare a proiectelor și designului WordPress, um, diferitele instrumente pe care le folosesc oamenii. Când au sens? Când nu au sens? Și cum să treci dincolo de această problemă de „pagină goală”. Sună ca ceva despre care am putea vorbi astăzi?

Ben: Da, absolut. Cred că problema paginii goale este o modalitate excelentă de a formula acest lucru, deoarece cred că toată lumea se poate referi la asta. Apari și spui, trebuie să construiesc orice ar fi, o pagină de destinație, o pagină de vânzări, știi, și te uiți la o pagină goală și te duci, bine, ce fac în continuare? Și este dificil pentru că așa este, acesta este punctul și de multe ori în care oamenii merg mai departe este că trec printr-o perioadă foarte dificilă, o perioadă frustrantă, o perioadă în care fac 10 lucruri și anulează 10 lucruri și mai fac 10 lucruri și anulează toate. din acelea. Și la sfârșit, rareori sunt mulțumiți de ceea ce ajung.

Și așa cred că, chiar mai mult decât ceea ce spui și tu, e bine să te gândești. Există strategii mai bune decât să apar pe o pagină albă goală și să merg, trebuie să creez un design. Și așa cum ar fi chiar să faci un pic de rezervă înainte de a începe să folosești unele dintre aceste instrumente, dar ca să mergi bine.

Deci haideți să vorbim despre cum ajungeți de la o pagină goală până la sfârșit. Așa că vă propun să vorbim despre dacă aveți nevoie să construiți o pagină de destinație pentru cursul dvs. online. În acest fel, avem ceva despre care putem vorbi și gândi, cum ar fi ceea ce trebuie de fapt să intre și cum reunim acel conținut?

Kathy: Perfect. Cred că este o modalitate grozavă de a ne concentra doar într-un anumit domeniu în care s-ar putea să avem o mulțime de oameni care lucrează cu LearnDash sau alte sisteme LMS și... poate că nici măcar nu au ajuns încă să decidă ce instrument LMS vor folosi. Dar ei sunt de genul, am cunoștințe, trebuie să existe cineva care ascultă asta și care are cunoștințe pe care le poate transfera altcuiva și să monetizeze asta cumva.

De unde începi?

Ben: Cred că un lucru, de fiecare dată când începi o pagină nouă și aceasta se poate extinde peste tot, trebuie să mergi, care este scopul principal al acestei pagini? Cred că am vorbit despre asta când am vorbit despre construirea unei pagini de pornire pentru moașa lui Hannah. Și cred că trebuie să începi de acolo. Trebuie să spui, bine, care este scopul?

Pentru că totul trebuie să conducă spre acest obiectiv. Și totul trebuie comunicat cât mai clar posibil, astfel încât clientul să nu fie confundat cu, ar trebui să merg aici sau ar trebui să merg aici cu lucruri concurente sau doar cu lucruri care nu sunt în limba lor și nu sunt oferindu-le o cale directă.

Vrei să începi cu care este scopul meu. Și dacă facem pagina de curs, scopul este ca ei să se înscrie la un curs. Și probabil că aveți opțiuni pentru asta. Este posibil să aveți pachetul de curs de bază și apoi pachetul VIP care vine cu o consultație gratuită de 30 de minute. Și, știi, acele suplimente pe care le vezi de obicei la cursurile în care este ca și cum ai avea acces la un grup privat de Facebook, chestii de genul asta.

Deci probabil că veți avea niște pachete, probabil că vă gândiți la un tabel de prețuri. Și apoi de acolo trebuie să spui, bine, bine, dacă scopul meu este să-i fac să cumpere, trebuie să încep prin a le oferi un motiv să cumpere. Pentru a face asta, trebuie să știi cum să comunici cu persoana pe care încerci să o obții.

Deci trebuie să știi cu cine comunici. Și asta se întoarce la ceea ce am vorbit înainte. Care este acel client țintă? Trebuie să te asiguri că vorbești limba lor cu tot ceea ce spui, dar chiar în partea de sus a acelei pagini, ceea ce avem nevoie este că avem nevoie de ceva care să spună în esență: acesta este motivul pentru care vrei să urmezi acest curs, și asta se va schimba în viața ta. Definiți pentru clientul care apare imediat pe această pagină, că fie sugerați problema lui, fie o explicați pentru ei. Și spui că ai această problemă, acest curs o va rezolva.

Și când vorbești despre cursuri în special, nu rezolvi doar o problemă. De fapt, încercați să definiți pentru ei care este rezultatul pentru ei ca individ, ce se va schimba pentru ei și cum îi va afecta asta în viitor.

Dar în acești termeni, trebuie să te gândești, bine, această persoană are o problemă. Ei vor să scrie o carte și au nevoie de cineva care a experimentat să scrie cărți care să-i îndrume prin scrierea unei cărți. Deci ai un curs despre cum să scrii primul tău roman. Acea bază de clienți, trebuie să vorbiți cu asta și să fiți ca și cum ați scrie un roman este mult mai mult decât a avea o idee bună pentru un roman. Este vorba despre planificare. Este vorba despre perseverență. Începi să explici asta și să spui, iar acest curs îți oferă nu numai toate instrumentele pentru a face acest lucru, dar ai și o comunitate în jurul tău care să te ajute și să obții feedback de la, iar acum vin, cred Am nevoie de asta.

Și așa poți să începi să intri în asta. Trebuie să fii capabil să-ți dai seama mai întâi de lucrurile astea, înainte de a trece la orice fel de chestii de design. Ce se va conecta cu această persoană? Lasă-mă să adun conținutul de care voi avea nevoie. Începând cu, în mintea mea, când faci o pagină de vânzări. Trebuie să începeți partea de sus a paginii trebuie să fie un text mare, destul de scurt și cât mai clar și concis posibil, descrieți în esență problema și modul în care soluția dvs. este răspunsul la acea problemă. De acolo vrei să studiezi ce piese diferite vor face ca oferta inițială să fie mai bună.

Așa că, pe măsură ce derulez în jos, ei merg, devin din ce în ce mai mult ca, da, trebuie să fac asta. Da, trebuie să fac asta. Și puteți avea acel buton „cumpărați acum” pe toată pagina. Nu vrei ca clientul să fie vreodată ca, unde mă înscriu? De asemenea, puteți crea acea călătorie pe măsură ce derulează în jos pentru a aprecia un tabel de prețuri. Mărturiile sunt cheia. Pe măsură ce te gândești la toate acestea, acum ai, trebuie să am un limbaj concis în partea de sus și am nevoie de un fel de imagine, de preferință cineva care zâmbește sau un rezultat pentru a vizualiza rezultatul cu o imagine.

În timp ce te gândești, cum să construiesc asta? Trebuie să începeți să aduni acel conținut împreună, textul de care aveți nevoie, mărturiile, trebuie să vă gândiți la tabelul de prețuri și care vor fi caracteristicile acelui tabel de prețuri. Așadar, este foarte important să strângeți conținut și să vă gândiți cu adevărat la clientul dumneavoastră inițial.

Kathy: Odată ce ai conținutul tău, evident că nu vrei doar text pe o pagină. Nu vrei doar ca butonul tau si o poza. Cum începe cineva să pună împreună unele dintre aceste elemente de design, de unde iei idei? Pentru că ai putea să te uiți la concurența ta și să vezi ce fac ei. Poate că ai căuta alți oameni care fac un curs despre cum să scrie o carte sau cum să scrii un roman și ai vedea dacă există concurență și cum o fac. Dar cine să spună că o fac bine. De unde știi ce decizii să iei în jurul designului?

Ben: Da. Adică, cred că să te uiți la concurența ta este o strategie grozavă pentru că, de obicei, dacă ai concurență, ei se descurcă cel puțin suficient de bine pentru a exista. Deci asta e cel puțin un bun, de parcă ar exista. Știi, se descurcă cel puțin destul de bine pentru a exista. Așa că cu siguranță doriți să culegeți din competiție.

Sunt un mare fan al căutării unui design bun. Problema pe care o găsesc de multe ori când oamenilor le place, doar să se concentreze pe design, este că de fapt nu construiesc o pagină de conversie bună. Așa că puteți merge la premiile de design pentru site-uri web și puteți vedea toate aceste tipuri de site-uri web cu adevărat funky care ar putea să nu fie de fapt site-uri web cu conversie și, de asemenea, pot fi atât de în afara normelor, încât pentru utilizatorul obișnuit, este ca, aceasta este o noutate, dar de fapt nu știu cum să navighez pe acest site. Așa că aș avea grijă să caut lucruri precum cel mai bun design web. Cred că vrei să te concentrezi asupra problemelor pe care le ai.

Și folosind cuvinte precum conversie în căutările tale, dar bine, știu că am nevoie de o secțiune de eroi. Știu că am nevoie de o secțiune de mărturii. Știu că am nevoie de o secțiune de tabel de prețuri. Uneori, veți obține idei de design mai bune atunci când începeți să căutați acele secțiuni față de cum pot construi o pagină de destinație bună a cursului?

Sau doar în general, ce este un design bun. Și așa fac o inspirație și o fază de căutare. Fac capturi de ecran ale lucrurilor care îmi plac. încercând să ia notițe. Așa că acesta ar fi un moment bun pentru ceva precum o placă Miro sau o Figma, în care doar ești, arunci capturi de ecran și iei notițe și oferindu-ți un loc în care poți vedea toate piesele tale cum se adună. termenii elementelor pe care le doriți în pagina dvs. sau ideile de design pentru modul în care doriți să vă organizați conținutul, pe lângă faptul că aveți întotdeauna în vedere propria schemă de culori și apoi imaginile reale. Ceea ce găsesc cel mai mult este că, um, oamenii vor merge și se vor uita la aceste modele și vor spune, oh, vreau să recreez asta. Și apoi și-au pus pozele în ea și sunt ca, omule, asta e nasol. Și pentru că imaginile tale nu sunt suficient de bune.

Și cred că acesta este un alt lucru mare. Imaginile vorbesc atât de mult despre designul general al unei pagini. Adică, este doar o parte copleșitoare a designului. Puteți petrece tot timpul pe care doriți să obțineți gradientul potrivit sau fontul potrivit, dar alegeți imaginile greșite și designul dvs. iese pe fereastră.

Este o parte foarte importantă, fie că găsești imagini de stoc sau vei merge să faci poze, obținerea de imagini foarte, foarte bune este foarte lungă. Dacă vrei să ai un design bun, trebuie să ai piesele potrivite pentru a începe.

Kathy: Hannah, din punctul de vedere al clientului, când ești pe o pagină și te gândești să cumperi ceva, ce fel de elemente... Este fluxul paginii? Există ceva care apare într-o pagină? Cum rezonează cu tine acea experiență?

Hannah: Da, aș spune că sunt toate astea. Adică, chiar încerci să creezi o experiență pentru oameni, nu? Deci, așa cum a spus Ben, cred că imaginile sunt uriașe. Imaginile tale se potrivesc? Știi, dacă ai fotografii de stoc care sunt în mod clar fotografii de stoc și nu sunt, nu se potrivesc și nu curg, asta este o astfel de închidere.

Dar când clar ai creat o experiență și simt că sunt. Știi acolo, sau, știi, simți că ai fi aici, în Mexic, pe plajă, știi, dacă poți să oferi cuiva asta doar văzându-i site-ul web sau văzând ceea ce îi oferi, asta e imens.

Ben: Cred că este important să menționați aici, să vă avansați și să treceți la proiectarea de fapt, să spunem în Figma sau chiar la proiectarea în WordPress fără să vă dați seama conținutul, este o rețetă pentru o frustrare absolută. Pentru că atunci când ești ca, ei bine, îmi voi da seama mai târziu de imaginile mele.

Nu o faceți, pentru că veți petrece atât de mult timp încercând să faceți un design să arate bine fără conținutul real pe care va trebui să îl faceți. Și este pur și simplu frustrant, și vei sfârși prin a-l reface iar și iar, pe măsură ce treci și, în sfârșit, primești o parte din acel conținut și mergi, wow, nimic din toate astea nu funcționează pentru că imaginile mele sunt diferite de ceea ce eram eu. aşteptând. Deci nu te devansa. Adunați-vă conținutul, petreceți timp pentru a vă gândi cu adevărat. Și asta face parte din motivul pentru care faci faza de inspirație este să spui, bine, acum știu că am nevoie de trei imagini ca aceasta pentru că îmi doresc foarte mult o secțiune care să vorbească despre aceste trei caracteristici sau despre aceste trei lucruri care sunt importante pentru client să le cunoască.

În acea etapă inițială, pe măsură ce vă adunați lucrurile, atunci este ca, bine, chiar trebuie să stabilesc care va fi conținutul meu înainte să intru și să încep cu adevărat să proiectez. Și nu folosi conținutul altcuiva pentru a crea cu el. Cu siguranță vrei să obții mai întâi propriul tău conținut.

Kathy: Sigur. Ei bine, un punct de vânzare unic va fi conținutul unic pe care îl aveți pe site-ul dvs. Lucrul care se conectează cu publicul într-un mod unic este ceva pe care numai tu îl poți crea. Nu este ceva ce poți ridica imagini din alte locuri sau copia din alte locuri.

Doar, doar nu face asta. Asta nu va merge. Nu va rezona pentru că atunci când încerci să reproduci ceea ce a creat altcineva și să te conectezi cu un public, nu va avea vocea ta unică. Ceea ce aduci tu, ce aduce afacerea ta, ce aduce brandul tău este ceea ce te va diferenția pe termen lung și te va ajuta să te ridici deasupra.

În ceea ce privește, bine, deci să presupunem că am Figma și am toate schițele mele și toate lucrurile pe care le vreau pe pagină. Și am un element de bază, bine. Am văzut că toată lumea folosește imagini cu eroi în partea de sus, așa că trebuie să funcționeze. Cum încep apoi să structurez pagina? Trec mai întâi cu mărturii? Mai întâi trebuie să explic mai bine lucrurile? Cum știu în ce mod voi organiza o pagină pentru a intra într-adevăr în legătură cu clientul? Ce vine mai întâi?

Ben: Sunt un mare fan al acelui top de erou și nu trebuie să fie întotdeauna o imagine pe toată lățimea. Uneori este un text și o imagine lângă el. Vrei să ai acel antet mare în partea de sus care spune practic, pentru asta ești aici. Și apoi, din toate cercetările pe care le-am văzut, de fapt, nu contează cum comanzi restul paginii.

Destul de interesant. Dacă vrei să mergi cu mărturii cu caracteristici, în cele din urmă, nimeni nu poate spune că următoarele mărturii sunt mai importante. Cred că vrei să pui cel mai bun conținut pe primul loc. Deci, dacă aveți cea mai uimitoare mărturie, sunteți ca, am nevoie de oameni care să citească asta, să o pună în față și în centru, să o pună chiar sub asta.

Dar dacă nu o faci și ai doar like, da, am mărturii și sunt bune, dar sunt ca, la ce te-ai aștepta, apoi pune-le mai jos pentru că ai nevoie de ele pe pagină doar pentru a oferi tu însuți acel nivel de încredere în brand. Și asta e o altă parte, poate că ești într-o situație în care lucrezi cu mărci cunoscute și atunci trebuie să pui așa ceva, ai putea spune, aceste mărci au încredere în noi.

Sau ai o mulțime de utilizatori și spui, am atât de mulți utilizatori. Întotdeauna vrei să găsești modalități de a-l face pe acel client să simtă că pot avea încredere în această persoană. Nu sunt ca primul lor client. Acest lucru se poate face în mai multe moduri decât mărturii și indiferent dacă asta vine sau nu pe primul loc sau la mijloc, pe baza cercetării, este un fel ca, este mai mult despre ceea ce faci și ce vinzi sau ce ești construirea pentru atunci, de exemplu, aceasta este calea exactă. Cred că, în general, oamenii spun că asigurați-vă că aveți acea explicație concisă și apel la acțiune în partea de sus a paginii dvs. De obicei, doriți o imagine acolo și apoi, dacă are sens, uneori acel tabel de prețuri este chiar în partea de sus, mai ales dacă este a doua navigare pentru utilizator, cum ar fi să spunem că merge la pagina dvs. de pornire și apoi face clic pe pagina de prețuri.

Probabil că nu doriți să aruncați acea pagină de prețuri mai jos. Ei intenționează să se uite la prețuri, așa că arată-le prețul. La fel ca o pagină de destinație tradițională, acea pagină de prețuri poate coborî mai jos.

Asigură-te că tu, păstrezi apelul la acțiune este clar și apoi cred că ești, ești gata să pleci. Deci ai conținutul tău. Știți într-un fel ce secțiuni doriți și sunteți gata să începeți să proiectați pentru site-ul dvs. web.

Și pentru mine, în această fază, aici aș împinge oamenii să o facă în WordPress.

Înțeleg. Am primit ceva respingere să spun, ei bine, este mult mai ușor să colaborezi acum, amândoi lucrând la același lucru și la ceva de genul Figma sau orice altceva. Și înțeleg asta. Dacă ai luxul de a colabora cu cineva, poate că asta devine problema. În general, nu. Și nu cunosc mulți oameni care au acest lux de a fi ca și cum vom avea doi sau trei designeri care lucrează la același lucru în același timp.

Dar pentru mine, vrei să fii cât mai aproape de locul unde va locui, unde va fi de fapt. Și vrei să faci asta acolo. Nu vă faceți treaba de trei ori creând-o în Figma și apoi încercând să vă dați seama cum să faceți, sau, știți, alegem Figma. ca Figma este un instrument grozav.

Dar nu se convertește într-un site web final. Trebuie să faci manual toate aceste lucruri. Și știu că oamenii vor fi ca, ei bine, poți exporta HTML și toate chestiile astea. Și e ca și cum, da, sunt în, dar nu asta îți dorești de fapt până la urmă. Ceea ce vrei este în WordPress și în instrumentele WordPress pe care vrei să le folosești.

Chestia mea este că Kadence ar trebui să fie un instrument suficient pentru a nu avea nevoie de un alt instrument de design pentru a proiecta, deoarece vă puteți face munca de proiectare în Kadence. Și nu ai nevoie de un instrument pentru a face asta, dar intri în Kadence și mergi, bine. Și aveți nevoie doar de puțin mai multă umplutură aici.

Și știu că vreau o rază a graniței aici și un pic de umbră aici, și puteți obține acel design foarte frumos chiar în interiorul Kadence, deoarece este un instrument de design. Și așa poți să-l folosești ca instrument de proiectare și poți să modifici și să te miști și poți să anulezi și să refaci lucruri, dar faci toată munca acolo.

Deci, când ai terminat, ai terminat de fapt și nu ne place, bine, în sfârșit am finalizat designul și este în Figma. Și apoi te duci, bine, grozav. Acum trebuie să facem toată această muncă din nou pentru a o face efectiv în WordPress. Pentru mine, vreau să fiu mult mai aproape de sfârșitul locului unde va locui și de a proiecta acolo și, de asemenea, de a proiecta sub restricțiile acestuia.

Ca și cum există restricții în WordPress și există restricții în Kadence. Oricât de mult vreau să vă ofer fiecare opțiune și continui să lucrez pentru a le oferi cât mai multe opțiuni posibil. Încă vor exista întotdeauna restricții de proiectare. Și trebuie să te gândești la acelea ca nu întotdeauna constrângeri, dar ca și cum mă ține într-un anumit, un anumit domeniu a ceea ce ar trebui să editez și ceea ce poate nu ar trebui.

Kathy: Corect. Am atât de multe lucruri pe care vreau să le spun. În primul rând, cred că ceea ce ajunge să se întâmple este atunci când proiectezi într-un instrument precum Figma, Miro sau orice altceva și îți dai seama cum vrei să arate ceva, aproape că poți intra într-un perfecționism. model unde, ei bine, și apoi putem modifica asta și putem modifica asta și putem modifica asta.

Și dintr-o dată, ai această plăcintă în designul cerului care poate arăta grozav. Poate absolut perfect. S-ar putea să aibă, cele mai bune minți, să pună laolaltă tot conținutul și ideile de design în ceva care este absolut perfect. Și atunci nu se traduce neapărat bine în lumea reală. Celălalt lucru este chiar și atunci când proiectați, de exemplu, dacă proiectați ceva care utilizează câmpuri personalizate și faceți design de date și într-o bază de date perfectă a treia formă normală, așa ar trebui să funcționeze totul, corect. .

Ar trebui să aibă acest tabel legat de acel tabel și totul ar trebui să fie perfect și a treia formă normală. În lumea reală, s-ar putea să nu fie de fapt cea mai bună modalitate de a oferi date de intrare cuiva, lui Jane din front office, va trebui să selectați asta și va fi așa.

Și apoi, atunci când îl transformi pentru a-l avea efectiv în WordPress, s-ar putea să nu poată fi proiectat în acest fel. Așadar, atunci când proiectați mult mai aproape de instrument, nu numai că economisiți timp, ci economisiți paralizia analizei de a face totul perfect în instrumentul dvs. de proiectare, grădina cu pereți. Dar o faci cu instrumentul care îl va afișa clientului. O faci în modul care va fi cel mai bun nu numai pentru cei care folosesc wp-admin, ci și pentru cei care îl vizionează pe front-end, în limitele constrângerilor instrumentelor. Și o mare parte din acest conținut dinamic, instrumentele pentru conținut dinamic sunt încă într-un fel, ei bine, nu sunt chiar la început, dar mai sunt multe de făcut. Sunt multe de făcut pentru ca modul fără cod al conținutului dinamic să funcționeze. Deci, lucrând în acest sens, construind ceva care poate crește cu instrumentele pe măsură ce acestea cresc, a face asta în WordPress are mult mai mult sens, cel puțin din experiența mea. Am terminat cutia de săpun acum.

Ben: Da. Cred că uneori este destul de frustrant când știi că am primit fișiere de la un designer în Figma și îmi zic, dar ce este, ce zici de mobil? Și sunt ca, oh, da, probabil că trebuie să-ți fac și o versiune pentru mobil, nu. Și eu sunt ca, ei bine, nu, când proiectați în WordPress, proiectați deja pe mobil.

Deja încerci să-ți dai seama pe măsură ce mergi. Trebuia să gândești așa chiar de la început. Și poți intra în unele dintre aceste instrumente de design și nu fii forțat să gândești așa. Cred că cel mai obișnuit lucru, de fapt, văd că nici măcar nu este mobil pentru că majoritatea oamenilor sunt puțin mai conștienți.

Sunt ecrane late mari. Ei au conceput aceste pagini foarte înguste și eu sunt ca, ei bine, dar ce se întâmplă când asta umple doar o treime din ecranul tău? Și scoți acea lățime și dintr-o dată este un design total diferit. Cred că aceste instrumente sunt cu adevărat utile, dar de multe ori sunt mai frustrat de ceea ce nu arată când cineva le proiectează și la ceea ce designerul nu se gândește și la care nu poate să se gândească, ei bine, nu am nevoie. 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? Și dacă da, cum? 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. Ne-am bucura sa primim vesti de la tine. Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. Da.

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: Da. 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. Deci foarte interesant. 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: Excelent. 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.