Episódio 10: Construindo Protótipos de Design no WordPress com Kadence

Todo novo design começa em algum lugar, e ferramentas como Figma, Invision, Axure ou Adobe XD fornecem aos designers maneiras inovadoras de criar representações visuais de web design. No entanto, no mundo WordPress, as inovações no editor de blocos facilitam ainda mais a criação de designs de forma nativa, no espaço mais próximo da implementação. Neste episódio, falamos sobre web design no WordPress. Essas ferramentas podem ser úteis, mas é fundamental manter o foco nos componentes mais importantes da criação de designs eficazes no WordPress. Conteúdo exclusivo, compreensão do seu cliente e comunicação eficaz através do design do seu site são a melhor receita para o sucesso.

Ouça através dos controles abaixo ou adicione-nos ao seu aplicativo de podcast favorito.

Ouça em nova janela.

Carimbos de data e hora e links

• 0:00 Introdução: Hannah está na praia!
• 1:33 Melhores experiências no WordCamp: citymuseum.org
• 8:47 Prototipando um novo design no WordPress, por onde começar
• 9:51 Ignorando o problema da página em branco
• 10:50 Introdução à página de destino de um curso LMS
• 15:37 Pesquisa competitiva: eles existem, o que está funcionando para eles?
• 18:41 O ponto de vista do cliente
• 19:31 Descubra seu conteúdo antes de criar qualquer coisa
• 20:43 Seu negócio único tem um ponto de venda único, use-o
• 22:40 Coloque seu melhor conteúdo em primeiro lugar
• 25:00 Kadence é a sua ferramenta de design
• 30:22 Shop Kit 2.0 se preparando para o lançamento, visualização de treinamento do iThemes

Transcrição do episódio 10

Kathy: Bem-vindo ao episódio 10 de The Kadence Beat. Chegamos ao episódio 10. E para o episódio 10, queríamos fazer uma pequena festa. Então nós levamos Hannah para fora do país para um local não revelado, perto de uma praia. Ana, onde você foi?

Hannah: Estou no México.

Kathy: Você é! Então não é apenas uma festa para o episódio 10. É uma festa para o episódio 10, hein?

Hannah: é uma festa. Sim. Acho que vocês perderam o memorando. Quer dizer, eu pensei que estávamos festejando no México para o episódio 10, mas acontece que sou só eu.

Kathy: Bem, Ben, acho que você e eu estamos perdendo.

Ben: Sim, está muito frio aqui hoje e meio que nevasca caindo. Então a praia do México soa muito bem.

Hannah: Sabe, é exatamente por isso que estou aqui. Porque na semana passada Boise teve uma queda de neve recorde, e eu fiquei tipo, não posso fazer isso. Então eu usei algumas milhas e reservei uma passagem para o México e estou muito mais feliz, também muito mais queimado de sol. Meu corpo está bem crocante.

Kathy: É mesmo. Bem, você parece muito mais feliz e pronto para a festa para o episódio 10. Então, estou animado. Vou viver indiretamente através de você praticamente o ano todo com todas as suas viagens. Então.

Hannah: Sim, vamos convidar todos aqui, agora. É só na praia no México que o sol está brilhando. É aqui que estamos para o episódio 10 e bem-vindos à festa.

Kathy: Excelente. E Hannah, você tinha uma pergunta para nós para o episódio 10, qual é a sua pergunta?

Hannah: Sim, então eu amo uma boa festa. Adoro organizar festas e acho que uma ótima maneira de envolver as pessoas em uma festa é fazer uma boa pergunta. Então, hum, alguém em quem eu pensei é qual é a sua experiência favorita do WordCamp, se você já esteve em um WordCamp? Bem, eu sei de novo, Kathy e Ben têm aqueles de nós que estão aqui, todos nós já estivemos. Então me conte sua experiência favorita do WordCamp?.

Kathy: Acho que posso ir. Um WordCamp que eu fui, meu filho estava viajando comigo e ele tinha acabado de completar 18 anos, como em poucos dias. E estávamos no WordCamp Miami, e uma das pessoas com quem estávamos decidiu que deveríamos ir para South Beach. E era férias de primavera e ficamos presos em um carro com pessoas ao nosso redor. Não conseguimos nos mover. E meu filho de 18 anos que acabou de fazer 18 anos conheceu South Beach, e eu não conseguia parar de rir porque ele estava com sua mãe e foi, não é assim que você quer experimentar, a primeira experiência de férias de primavera é sair com sua mãe .

E ele ficou meio mortificado, mas ainda hoje me faz rir e nos dá histórias engraçadas para falar, tipo, e aquelas garotas na parte de trás daquele conversível. E ele é como esconder o rosto na parte de trás deste carro e não há escapatória porque há muitas pessoas ao redor.

Hana: Eu amo isso.

Kathy: Foi muito engraçado.

Ben: Isso é incrível.

Hannah: Isso é o melhor. Ben, e você?

Ben: Hum, acho que temos uma experiência compartilhada que foi de longe a mais memorável e é super ridícula. E isso foi no WordCamp 2020 ou 2019. Eles fizeram uma festa depois em um museu que eu honestamente, o tempo todo que estive lá, fiquei tipo, como esse lugar não foi fechado. Tipo, isso é tão inseguro.

E então parecia que acabamos de entrar em um prédio que havia sido condenado e então alguém entrou nele e construiu um monte de coisas super esboçadas no prédio condenado. E então foi tipo, todo mundo tem liberdade para todos e faz o que quiser.

Hannah: E eu acho que é alguém que provavelmente estava usando drogas. Você diria?

Ben: Tantas coisas que eram como, o que, o que, tudo bem. Assim não faz sentido. Quero dizer, é difícil explicar este museu. E espero que ainda exista. Porque eu acho que precisa de um lugar neste mundo, mas também estou muito curioso como ele não está fechado porque há tantas coisas que nós estamos tipo, ok, sim. isso é realmente perigoso. Andamos por aí e nos divertimos muito, muito, porque não sabíamos nada do que estávamos nos metendo.

E então, literalmente, estava apenas vagando pela casa de alguém em algo, teve um sonho parecido, e foi isso que eles criaram. Em um ponto nós estávamos subindo uma história de dois. Quero dizer, o que você gosta essencialmente, tipo, rede de arame, suspensa em um teto que era como uma meia cúpula.

Hannah: Como uma cúpula.

Ben: Sim. E então, como se você saltasse daquele teto e estivesse em um telhado e havia um enorme escorregador que descia para outra parte do telhado.

Hannah: Com um gafanhoto gigante. Não se esqueça do gafanhoto gigante. O que!

Ben: Então, tipo, como se o escorregador batesse no concreto, não havia, como se nada fosse. E então você desliza para baixo em um bom slide e há um bom final. Foi tipo, e você simplesmente deslizou no concreto e todo mundo se levantou e olhou ao redor, tipo, isso realmente aconteceu comigo? Quero dizer, eles, sim. Hannah me ajude a explicar esse lugar.

Hannah: Sim, é difícil de explicar, mas foi incrível. A melhor parte foi como Ben disse, nós realmente não tínhamos ideia. Como se tivéssemos passado talvez os primeiros 45 minutos no primeiro andar, como uma hora de coquetel pensando, oh, este é apenas um museu interessante. E então pensamos, bem, talvez devêssemos passear. E então você passa como uma pequena porta que você tem que rastejar de joelhos para passar. Em seguida, ele se abre para este outro lugar louco. E você é como, o quê? E é como em cada esquina. Você é como, o quê? E então a próxima coisa que você sabe, você está no telhado descendo este escorregador de gafanhotos e então há um carrossel louco.

E então há um slide que vai do último andar, que era tipo, quantas histórias você diria? Cinco? Todo o caminho até o fundo. É selvagem. Sinceramente, foi o mais divertido que foi de longe a melhor experiência do WordCamp que já tive.

Ben: Sim. Quer dizer, os WordCamps são divertidos se você não foi, para o público, há muita diversão. Você, você conhece muitas pessoas. Você pode estar nessas sessões onde aprende um monte de coisas, mas as festas depois são realmente incríveis também, porque geralmente são em um lugar aleatório. Mesmo no ano anterior, havia um planetário que fazia parte do after party, e foi uma experiência muito divertida e também muito vertiginosa. É uma boa hora. Definitivamente. Se você conseguir chegar a um WordCamp, vale a pena.

Kathy: E aquele museu era em St. Louis. Chama-se Museu da Cidade. Se você acessar citymuseum.org, poderá ter uma ideia das câmaras de tortura que Hannah e Ben experimentaram lá. Hum, eu nem subi naquele escorregador, eu bati meu joelho na subida e simplesmente me virei. Nada de bom pode vir disso, pensei, mas na verdade eles têm uma roda gigante no telhado.

É um lugar louco. As pessoas que fazem as after parties, a organização do WordCamp US, são simplesmente incríveis. WordCamp Europe também, acontecendo em algumas semanas. E essa provavelmente será outra festa épica. Eu fui ao de Berlim alguns anos atrás e eles tinham artistas incríveis, como um imitador de Madonna. Era como se Madonna estivesse lá. Foi louco. De qualquer forma, sim, os WordCamps são incríveis. As festas depois definitivamente valem a pena e você conhece pessoas como Ben e Hannah. E às vezes eu.

Hannah: Embora todos nós estivéssemos lá e eu acho que não nos conhecemos, o que me deixa triste por isso.

Kathy: Eu passei a maior parte do meu tempo apenas indo de conversa em conversa e descendo túneis e cortinas na área do patrocinador, era um tempo ocupado, ocupado, ocupado, mas, hum, sim, é meio que onde Kadence realmente começou a obter alguns notoriedade no WordCamp US 2019. Foi quando as pessoas realmente começaram a falar sobre o quão inovadoras algumas dessas ferramentas que você montou foram.

Hanna: Sim, sim. Naquele momento, éramos apenas Ben e eu, e ninguém sabia quem éramos.

Kathy: Bem, as pessoas que estavam assistindo entenderam muito rápido, e veja onde estamos hoje. Bem emocionante.

Hannah: Sim, episódio 10. Percorremos um longo caminho. Temos um podcast!

Kathy: Você tem um podcast! E não é mais fácil agora que eu disse para você ficar com isso até o episódio 10 e é mais fácil, certo. Apenas como sair e conversar sobre coisas legais. E eu edito todas as coisas idiotas.

Então, eu tenho trabalhado em um projeto secreto, e algo que Ben disse em uma apresentação que ele havia feito internamente alguns meses atrás, começou a soar como verdade. E eu comecei a dizer, ah sim, eu entendo exatamente o que Ben quis dizer.

Você conversou com Ben, sobre como prototipar o mais próximo do lugar que você vai publicar faz mais sentido. E estou passando por isso agora porque estou pegando um protótipo que foi construído em outro lugar e estou construindo no WordPress, no Kadence Elements, usando campos personalizados e tudo mais. E muitas coisas no protótipo simplesmente não. Eu só tenho que tomar decisões enquanto estou construindo, bem, isso vai funcionar dessa maneira, porque é assim que o WordPress funciona, é assim que o Kadence funciona.

E eu queria ter essa conversa sobre as melhores práticas de prototipagem de projetos e designs WordPress, hum, as diferentes ferramentas que as pessoas usam. Quando elas fazem sentido? Quando eles não fazem sentido? E como você vai além desse problema de “página em branco”. Isso soa como algo sobre o qual poderíamos falar hoje?

Ben: Sim, absolutamente. Acho que o problema da página em branco é uma ótima maneira de expressar isso porque acho que todos podem se identificar com isso. Você aparece e fica tipo, eu preciso construir o que quer que seja, uma landing page, uma página de vendas, você sabe, e você está olhando para uma página em branco e pensa, ok, o que eu faço a seguir? E é complicado porque esse é o ponto e, muitas vezes, as pessoas passam por um momento muito difícil, um momento frustrante, um momento em que fazem 10 coisas e desfazem 10 coisas e fazem mais 10 coisas e desfazem tudo daqueles. E no final disso, eles raramente estão satisfeitos com o que acabam.

E então eu acho, ainda mais do que você está dizendo, tipo, é bom apenas pensar. Existem estratégias melhores do que aparecer em uma página em branco e ir, preciso criar um design. E assim como fazer backup um pouco antes de começar a usar algumas dessas ferramentas, mas como ir bem.

Então, vamos falar sobre como você vai de uma página em branco até o fim. E então proponho que acabamos de falar se você precisava construir uma landing page para o seu curso online. Dessa forma, temos algo sobre o qual podemos conversar e pensar, como o que realmente precisa ser e como reunimos esse conteúdo?

Kathy: Perfeito. Acho que é uma ótima maneira de aprimorar uma área específica onde podemos ter muitas pessoas trabalhando com o LearnDash ou outros sistemas LMS e... talvez eles ainda não estejam decidindo qual ferramenta LMS usarão. Mas eles dizem, eu tenho conhecimento, tem que haver alguém ouvindo isso que tem conhecimento que pode transferir para outra pessoa e monetizar isso de alguma forma.

Onde você começa mesmo?

Ben: Eu acho que uma coisa, sempre que você está começando uma nova página e isso pode se estender a todos os lugares, você tem que ir, qual é o objetivo principal desta página? Acho que falamos sobre isso quando falamos sobre a construção de uma homepage para a obstetrícia de Hannah. E eu acho que você precisa começar por aí. Você precisa dizer, ok, qual é o objetivo?

Porque tudo precisa levar a esse objetivo. E tudo precisa ser comunicado da forma mais clara possível para que o cliente não se confunda com, devo ir aqui ou devo ir aqui com coisas concorrentes ou apenas com coisas que não estão em seu idioma e não são dando-lhes um caminho direto.

Você quer começar com, qual é o meu objetivo. E se estamos fazendo a página do curso, o objetivo é que eles se inscrevam em um curso. E você provavelmente tem opções para isso. Você pode ter o pacote básico do curso e depois o pacote VIP que vem com uma consulta gratuita de 30 minutos. E, você sabe, aqueles complementos que você normalmente vê em cursos em que é como obter acesso a um grupo privado do Facebook, esse tipo de coisa.

Então você provavelmente vai ter alguns pacotes, você provavelmente está pensando em uma tabela de preços. E a partir daí você precisa dizer, ok, bem, se meu objetivo é fazer com que eles comprem, preciso começar dando a eles um motivo para comprar. Para fazer isso, você tem que saber se comunicar com a pessoa que você está tentando conseguir.

Então você precisa saber com quem está se comunicando. E isso meio que volta ao que falamos antes. Qual é esse cliente-alvo? Você precisa ter certeza de que está falando a língua deles com tudo o que está dizendo, mas bem no topo dessa página, o que precisamos é algo que diga basicamente: é por isso que você quer fazer este curso, e é isso que vai mudar em sua vida. Você está definindo para o cliente que está aparecendo nesta página imediatamente, que você está sugerindo o problema dele ou explicando para ele. E você está dizendo que tem esse problema, esse curso vai resolver.

E quando você está falando de cursos em particular, você não está apenas resolvendo um problema. Você está realmente tentando definir para eles qual é o resultado para eles como indivíduo, o que vai mudar para eles e como isso vai afetá-los daqui para frente.

Mas nesses termos, você ainda tem que pensar, ok, essa pessoa tem problema. Eles querem escrever um livro e precisam de alguém que tenha experiência em escrever livros para orientá-los na escrita de um livro. Então você tem um curso sobre como escrever seu primeiro romance. Essa base de clientes, você precisa falar com isso e ser como escrever um romance é muito mais do que ter uma boa ideia para um romance. Trata-se de planejamento. É sobre persistência. Você começa a explicar isso e dizer, e este curso oferece não apenas todas as ferramentas para fazer isso, mas você também tem uma comunidade ao seu redor para ajudá-lo e obter feedback, e agora estou indo, acho Eu preciso disso.

E é assim que você pode começar a entrar nisso. Você tem que ser capaz de descobrir essas coisas primeiro, antes de entrarmos em qualquer tipo de coisa de design. O que é que vai se conectar com essa pessoa? Deixe-me reunir o conteúdo que vou precisar. Começando com, em minha mente, quando você está fazendo uma página de vendas. Você tem que começar no topo da página tem que ser um texto grande, bem curto e o mais claro e conciso possível, você explicando essencialmente o problema e como sua solução é a resposta para esse problema. A partir daí, você deseja trabalhar em quais peças diferentes tornarão a oferta inicial melhor.

Então, conforme eu desço, eles vão, eles estão ficando cada vez mais como, sim, eu preciso fazer isso. Sim, eu preciso fazer isso. E você pode ter aquele botão “comprar agora” em toda a página. Você não quer que o cliente fique tipo, onde eu me inscrevo? Você também pode criar essa jornada à medida que eles rolam para baixo como uma tabela de preços. Depoimentos são fundamentais. Enquanto você pensa em tudo isso, agora você tem, eu tenho que ter alguma linguagem concisa no topo, e eu preciso de algum tipo de imagem, de preferência alguém sorrindo ou um resultado para visualizar o resultado com uma imagem.

Enquanto você está pensando, tipo, como eu construo isso? Você precisa começar a reunir esse conteúdo, o texto que você precisa, os depoimentos, você precisa pensar sobre sua tabela de preços e quais serão os recursos dessa tabela de preços. Portanto, é muito importante que você faça alguma coleta de conteúdo e realmente pense em seu cliente inicialmente.

Kathy: Depois de ter seu conteúdo, você obviamente não quer apenas texto em uma página. Você não quer apenas como seu botão e uma imagem. Como alguém realmente começa a juntar alguns desses elementos de design, de onde você tira ideias? Porque você pode olhar para a concorrência e ver o que eles estão fazendo. Talvez você faça uma busca por outras pessoas que estão fazendo um curso sobre como escrever um livro ou como escrever um romance e veja se há concorrência lá fora e como eles estão fazendo isso. Mas quem pode dizer que eles estão fazendo isso bem. Como você sabe quais decisões tomar em torno do design?

Ben: Sim. Quero dizer, acho que olhar para a concorrência é uma ótima estratégia porque geralmente se você tem concorrência, eles estão pelo menos indo bem o suficiente para existir. Então, isso é pelo menos um bem, como se eles existissem. Você sabe, eles estão pelo menos indo bem o suficiente para existir. Então, definitivamente, você quer aprender com a concorrência.

Eu sou um grande fã de fazer buscas por um bom design. O problema que encontro muitas vezes quando as pessoas gostam de focar apenas no design é que elas não estão realmente construindo uma página de boa conversão. Então você pode ir para prêmios de design para sites e ver todos esses tipos de sites realmente divertidos que podem não ser realmente sites de conversão, e também podem ser tão fora da norma, que para o usuário médio, é como, isso é uma novidade, mas tipo, eu realmente não sei como navegar neste site. Então, eu teria cuidado ao pesquisar coisas como melhor web design. Eu acho que você quer se concentrar nos problemas que você tem.

E usando palavras como conversão em suas pesquisas, mas tudo bem, eu sei que preciso de uma seção de heróis. Eu sei que preciso de uma seção de depoimentos. Eu sei que preciso de uma seção de tabela de preços. Às vezes, você terá ideias de design melhores quando começar a pesquisar essas seções, em vez de como faço para criar uma boa página de destino do curso?

Ou apenas em geral, o que é um bom design. E então estou fazendo uma fase de inspiração e pesquisa. Estou tirando screenshots de coisas que eu gosto. tentando anotar. Portanto, este seria um bom momento para algo como um tabuleiro Miro ou um Figma onde você está apenas jogando capturas de tela e fazendo anotações e dando a si mesmo um lugar onde você pode ver todas as suas peças se juntando em termos de elementos que você deseja em sua página ou idéias de design de como você deseja organizar seu conteúdo, além de sempre ter em mente seu próprio esquema de cores e, em seguida, suas fotos reais. O que eu mais acho é que, hum, as pessoas vão olhar para esses designs e pensar, oh, eu quero recriar isso. E então eles colocam suas fotos nele e ficam tipo, cara, isso é uma merda. E é porque suas imagens não são boas o suficiente.

E acho que isso é outra grande coisa. As imagens falam muito com o design geral de uma página. Quero dizer, é apenas uma parte massivamente esmagadora do design. Você pode gastar todo o tempo que quiser obtendo o gradiente certo ou a fonte certa, mas escolha as imagens erradas e seu design sai pela janela.

É uma parte muito importante, seja para encontrar imagens de banco de imagens ou para tirar as fotos, obter imagens muito, muito boas ajuda muito. Se você quer ter um bom design, você precisa ter as peças certas para começar.

Kathy: Hannah, do ponto de vista do cliente, quando você está em uma página e está pensando em comprar algo, que elementos meio que... É o fluxo da página? Existe algo que aparece dentro de uma página? Como essa experiência como ressoa com você?

Hannah: Sim, eu diria que é tudo isso. Quero dizer, você está realmente tentando criar uma experiência para as pessoas, certo? Então, como Ben disse, acho que as imagens são enormes. Suas imagens correspondem? Você sabe, se você tem fotos de banco de imagens que são claramente fotos de banco de imagens e elas não são, elas não combinam e não fluem, isso é tão desagradável.

Mas quando você claramente criou uma experiência e eu sinto que sou. Você sabe lá, ou, você sabe, você se sente como se estivesse aqui no México na praia, você sabe, se você puder dar a alguém apenas por gostar deles vendo seu site ou vendo o que você está oferecendo a eles, Aquilo é enorme.

Ben: Eu acho que é importante dizer aqui, se antecipar e pular como realmente projetar, digamos no Figma ou realmente projetar no WordPress sem que seu conteúdo seja descoberto, é uma receita para frustração absoluta. Porque quando você está tipo, bem, eu vou descobrir minhas imagens mais tarde.

Não faça isso, porque você vai gastar muito tempo tentando fazer um design parecer bom sem o conteúdo real que você vai precisar fazer. E é simplesmente frustrante, e você vai acabar refazendo tudo de novo e de novo, à medida que você avança e, na verdade, finalmente coloca um pouco desse conteúdo e diz, uau, nada disso funciona porque minhas imagens são diferentes do que eu estava esperando. Portanto, não se precipite. Reúna seu conteúdo, gaste o tempo para realmente pensar. E é por isso que você faz a fase de inspiração para dizer, ok, agora eu sei que preciso de três imagens como essa porque eu realmente quero uma seção que fale sobre esses três recursos ou essas três coisas que são importantes para o cliente saber.

Nesse estágio inicial, quando você está juntando suas coisas, então é como, ok, eu realmente tenho que definir qual será o meu conteúdo antes de entrar e começar a projetar. E não use o conteúdo de outra pessoa para projetar. Você definitivamente deseja obter seu próprio conteúdo primeiro.

Kathy: Claro. Bem, um ponto de venda exclusivo será o conteúdo exclusivo que você tem em seu site. O que se conecta com seu público de uma maneira única é algo que só você pode criar. Não é algo que você possa pegar imagens de outros lugares ou copiar de outros lugares.

Apenas, apenas não faça isso. Isso não vai funcionar. Não vai ressoar porque quando você está tentando replicar o que outra pessoa criou e se conectar com um público, não vai ter sua voz única. O que você traz para ela, o que sua empresa traz, o que sua marca traz é o que vai diferenciá-lo a longo prazo e vai ajudá-lo a se destacar.

Em termos de, ok, então digamos que eu tenho meu Figma e todos os meus esboços e todas as coisas que eu quero na página. E eu tenho um básico, ok. Eu vi todo mundo usando imagens de heróis no topo, então elas devem funcionar. Como faço para começar a estruturar a página? Eu entro com depoimentos primeiro? Preciso explicar melhor as coisas primeiro? Como saber de que forma vou organizar uma página para realmente me conectar com o cliente? O que vem primeiro?

Ben: Eu sou um grande fã desse top de herói e nem sempre tem que ser uma imagem de largura total. Às vezes é um texto e uma imagem ao lado. Você quer ter aquele grande cabeçalho no topo que basicamente diz: é para isso que você está aqui. E então de todas as pesquisas que eu vi, na verdade não importa como você ordena o resto da página.

Interessantemente suficiente. Se você quiser apresentar depoimentos, no final, ninguém pode dizer que os próximos depoimentos são mais importantes. Acho que você quer colocar seu melhor conteúdo em primeiro lugar. Então, se você tem o depoimento mais incrível, você fica tipo, eu preciso que as pessoas leiam isso, coloquem na frente e no centro, coloquem logo abaixo disso.

Mas se você não tem e você só tem como, sim, eu tenho depoimentos e eles são bons, mas eles são como, o que você esperaria, então coloque-os mais abaixo porque você precisa deles na página para apenas dar você mesmo esse nível de confiança na marca. E essa é outra parte, talvez você esteja em uma situação em que trabalha com marcas conhecidas e então precisa colocar como essas, você pode dizer, essas marcas confiam em nós.

Ou você tem uma tonelada de usuários e diz, eu tenho tantos usuários. Você está sempre querendo descobrir maneiras de fazer com que o cliente sinta que posso confiar nessa pessoa. Não sou como o primeiro cliente deles. Isso pode ser feito de mais maneiras do que depoimentos e se isso vem primeiro ou no meio, com base na pesquisa, é mais sobre o que você está fazendo e o que está vendendo ou o que você está construindo para então, tipo, esse é o caminho exato. Eu acho que, em geral, as pessoas dizem que você deve ter uma explicação concisa e uma chamada para ação no topo da sua página. Normalmente, você quer uma foto lá e, se fizer sentido, às vezes a tabela de preços está bem no topo, especialmente se for a segunda navegação do usuário, como digamos que ele vá para sua página inicial e clique na página de preços.

Você provavelmente não quer mergulhar nessa página de preços abaixo. Eles pretendem olhar para os preços, então mostre-lhes o preço. Como uma página de destino tradicional, essa página de preços pode ser exibida abaixo.

Certifique-se de que você mantenha a chamada à ação clara e então eu acho que você está pronto para ir. Então você tem o seu conteúdo. Você meio que sabe quais seções você quer e está pronto para começar a criar o design do seu site.

E para mim, nesta fase, é aqui que eu levaria as pessoas a fazer isso no WordPress.

Entendo. Eu recebi algumas respostas para dizer, bem, é muito mais fácil colaborar agora, vocês dois trabalhando na mesma coisa e algo como um Figma ou qualquer outra coisa. E eu entendo isso. Se você tem o luxo de colaborar com alguém, talvez isso se torne a coisa certa. Geralmente eu não. E eu não conheço muitas pessoas que têm esse luxo de ser como se tivéssemos dois ou três designers trabalhando na mesma coisa ao mesmo tempo.

Mas para mim, você quer estar o mais próximo de onde vai viver, de onde realmente vai ser. E você quer estar fazendo isso lá. Não faça seu trabalho três vezes criando-o no Figma e depois tentando descobrir como, ou, você sabe, estamos pegando no Figma. como o Figma é uma ótima ferramenta.

Mas não converte para um site de acabamento. Você tem que fazer manualmente todas essas coisas. E eu sei que as pessoas vão pensar, bem, você pode exportar o HTML e todas essas coisas. E é tipo, sim, eu estou dentro, mas isso não é o que você realmente quer no final. O que você quer está no WordPress e nas ferramentas do WordPress que você deseja usar.

Minha coisa é que o Kadence deve ser uma ferramenta suficiente para que você não precise de outra ferramenta de design para projetar, pois você pode realmente fazer seu trabalho de design no Kadence. E não precisando de uma ferramenta para fazer isso, mas você entra no Kadence e vai, ok. E você só precisa de um pouco mais de preenchimento aqui.

E eu sei que quero o raio da borda aqui e um pouco de sombra projetada aqui, e você pode obter esse design muito bom dentro do Kadence porque é uma ferramenta de design. E então você pode usá-lo como uma ferramenta de design e você pode ajustar e mover e você pode desfazer e refazer coisas, mas você está fazendo todo o trabalho lá.

Então, quando você terminar, você realmente estará pronto e não, ok, finalmente finalizamos o design e está no Figma. E então você vai, ok, ótimo. Agora temos que fazer todo esse trabalho novamente para realmente torná-lo no WordPress. Para mim, quero estar muito mais perto do fim de onde ele vai viver e projetar lá e também projetar sob as restrições disso.

Como se houvesse restrições no WordPress e restrições no Kadence. Por mais que eu queira dar a você todas as opções e continuo trabalhando para torná-lo o maior número possível de opções. Sempre haverá restrições de design. E você precisa pensar sobre isso nem sempre como restrições, mas sim, está me mantendo dentro de um certo, um certo domínio do que eu deveria estar editando e o que talvez eu não deva.

Kathy: Certo. Tenho tantas coisas que quero dizer. Em primeiro lugar, acho que o que acaba acontecendo é quando você está projetando em uma ferramenta como o Figma, ou Miro ou qualquer outra coisa, e você está idealizando como você quer que algo seja, você pode quase entrar, um perfeccionismo modelo onde, bem, e então podemos ajustar isso e podemos ajustar isso e podemos ajustar isso.

E, de repente, você tem esse design de torta no céu que pode parecer ótimo. Talvez absolutamente perfeito. Pode ter as melhores mentes, juntando todo o seu conteúdo e ideias de design em algo absolutamente perfeito. E então não necessariamente se traduz bem no mundo real. A outra coisa é quando você está projetando, por exemplo, se você está projetando algo que está usando campos personalizados e está fazendo design de dados e em um banco de dados de terceiro formulário normal perfeito, é assim que tudo deve funcionar, certo .

Deve ter essa tabela relacionada a essa tabela e tudo deve ser perfeito e a terceira forma normal. No mundo real, essa pode não ser a melhor maneira de fornecer dados para alguém, para Jane no front office, você terá que selecionar isso e será assim.

E então, quando você o transforma para realmente tê-lo no WordPress, pode não ser capaz de ser projetado dessa maneira. Assim, quando você está projetando muito mais próximo da ferramenta, você não apenas economiza tempo, mas também economiza a paralisia de análise de tornar tudo perfeito em sua ferramenta de design, jardim murado. Mas você está fazendo isso com a ferramenta que vai exibi-lo ao cliente. Você está fazendo isso da maneira que será melhor não apenas para as pessoas que estão usando o wp-admin, mas para as pessoas que estão visualizando no front-end, dentro das restrições das ferramentas. E muito desse conteúdo dinâmico, as ferramentas para conteúdo dinâmico ainda estão meio que, bem, elas não estão realmente em sua infância, mas há muito mais que precisa ser feito. Há muito mais que pode ser feito para que a maneira sem código de conteúdo dinâmico funcione. Então, trabalhar dentro disso, construir algo que possa crescer com as ferramentas à medida que elas crescem, fazer isso no WordPress faz muito mais sentido, pelo menos pela minha experiência. Estou fora da minha caixa de sabão agora.

Ben: Sim. Eu acho que às vezes é muito frustrante quando você sabe, eu recebi arquivos de um designer no Figma e eu fico tipo, mas o que é, e o celular? E eles são como, ah sim, eu provavelmente preciso fazer uma versão para celular para você também, hein. E eu fico tipo, bem, não, quando você projeta no WordPress, você já está projetando no celular.

Você já está tentando descobrir à medida que avança. Você só tinha que pensar assim desde o início. E você pode entrar em algumas dessas ferramentas de design e não ser forçado a pensar dessa maneira. Acho que a coisa mais comum, na verdade, eu vejo que nem é móvel porque a maioria das pessoas está um pouco mais atenta.

São telas grandes e largas. Eles projetaram essas páginas muito estreitas e eu fiquei tipo, bem, mas o que acontece quando isso preenche apenas um terço da tela? E você tira essa largura e, de repente, é um design totalmente diferente. Eu acho que essas ferramentas são realmente úteis, mas muitas vezes fico mais frustrado com o que elas não estão mostrando quando alguém as está projetando e o que o designer não está pensando e capaz de não pensar, bem, eu não preciso 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 sim, como? 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. Adoraríamos ouvir de você. Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. Sim.

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: Sim. 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. Muito emocionante. 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: Excelente. 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.