Episodio 10: Creación de prototipos de diseño en WordPress con Kadence

Cada nuevo diseño comienza en alguna parte, y herramientas como Figma, Invision, Axure o Adobe XD brindan a los diseñadores formas innovadoras de crear representaciones visuales del diseño web. Sin embargo, en el mundo de WordPress, las innovaciones en el editor de bloques hacen que la creación de diseños de forma nativa, en el espacio más cercano a la implementación, sea aún más fácil. En este episodio nos ponemos serios sobre el diseño web en WordPress. Estas herramientas pueden ser útiles, pero es fundamental permanecer enfocado en los componentes más importantes para crear diseños efectivos en WordPress. El contenido único, la comprensión de su cliente y la comunicación efectiva a través del diseño de su sitio son la mejor receta para el éxito.

Escuche a través de los controles a continuación o agréguenos a su aplicación de podcast favorita.

Escuchar en ventana nueva.

Marcas de tiempo y enlaces

• 0:00 Introducción: ¡Hannah está en la playa!
• 1:33 Las mejores experiencias de WordCamp: citymuseum.org
• 8:47 Prototipando un nuevo diseño en WordPress, por dónde empezar
• 9:51 Pasando por alto el problema de la página en blanco
• 10:50 Introducción a la página de inicio de un curso LMS
• 15:37 Investigación competitiva: existen, ¿qué les funciona?
• 18:41 El punto de vista del cliente
• 19:31 Determina tu contenido antes de diseñar algo
• 20:43 Tu negocio único tiene un punto de venta único, úsalo
• 22:40 Pon tu mejor contenido primero
• 25:00 Kadence es tu herramienta de diseño
• 30:22 Shop Kit 2.0 preparándose para su lanzamiento, vista previa de capacitación de iThemes

Transcripción del episodio 10

Kathy: Bienvenidos al episodio 10 de The Kadence Beat. Llegamos al episodio 10. Y para el episodio 10, queríamos tener un poco de fiesta. Así que llevamos a Hannah fuera del país a un lugar no revelado, cerca de una playa. Ana, ¿adónde fuiste?

Hannah: Estoy en México.

Kathy: ¡Tú lo eres! Así que no es solo una fiesta para el episodio 10. Es una Fiesta para el episodio 10, ¿eh?

Hannah: es una Fiesta. Sí. Supongo que se perdieron el memorándum. Quiero decir, pensé que estábamos de fiesta en México para el episodio 10, pero resulta que soy solo yo.

Kathy: Bueno, Ben, creo que tú y yo nos lo estamos perdiendo.

Ben: Sí, hace bastante frío aquí hoy y es como si estuviera cayendo una ráfaga de nieve. Así que la playa de México suena bastante bien.

Hannah: Sabes, eso es exactamente por lo que estoy aquí. Porque la semana pasada Boise tuvo una nevada récord, y yo estaba como, no puedo hacer esto. Así que usé algunas millas y reservé un boleto a México y estoy mucho más feliz, también mucho más quemada por el sol. Mi cuerpo está bastante crujiente.

Kathy: ¿Es realmente. Bueno, pareces mucho más feliz y listo para la fiesta del episodio 10. Así que estoy emocionado. Voy a vivir indirectamente a través de ti casi todo el año con todos tus viajes. Asi que.

Hannah: Sí, invitaremos a todos aquí, ahora. Justo en la playa de México brilla el sol. Aquí es donde estamos para el episodio 10 y bienvenidos a la fiesta.

Kathy: Excelente. Y Hannah, tenías una pregunta para nosotros para el episodio 10, ¿cuál es tu pregunta?

Hannah: Sí, me encanta una buena fiesta. Me encanta organizar fiestas y creo que una excelente manera de involucrar a la gente en una fiesta es hacer una buena pregunta. Entonces, um, alguien en quien pensé es cuál es tu experiencia favorita de WordCamp, si has estado en un WordCamp. Bueno, lo sé de nuevo, Kathy y Ben tienen a los que estamos aquí, todos hemos estado. Cuéntame, ¿cuál es tu experiencia favorita de WordCamp?.

Kathy: Creo que puedo ir. Un WordCamp al que fui, viajaba mi hijo conmigo y acababa de cumplir 18 años, como en unos días. Y estábamos en WordCamp Miami, y una de las personas con las que estábamos decidió que deberíamos ir a South Beach. Y eran las vacaciones de primavera y nos quedamos atrapados en un automóvil con gente a nuestro alrededor. No pudimos movernos. Y mi hijo recién cumplido de 18 años experimentó South Beach, y no podía dejar de reír porque estaba con su mamá y fue, no es así como quieres experimentar, la primera experiencia de las vacaciones de primavera es pasar el rato con tu mamá. .

Y estaba un poco mortificado, pero hasta el día de hoy me hace reír y nos da historias divertidas para hablar, como, ¿qué hay de esas chicas en la parte trasera de ese convertible? Y está como escondiendo su rostro en la parte trasera de este auto y no hay escapatoria porque hay demasiada gente alrededor.

ana: me encanta

Kathy: Fue muy divertido.

Ben: Eso es increíble.

Hannah: Eso es lo mejor. Ben, ¿y tú?

Ben: Um, creo que compartimos una experiencia que fue, con mucho, la más memorable y es súper ridícula. Y eso fue en WordCamp 2020 o 2019. Tuvieron una fiesta posterior en un museo que, sinceramente, todo el tiempo que estuve allí, pensé, ¿cómo es posible que este lugar no cierre? Como, esto es tan inseguro.

Y sentimos que acabamos de entrar en un edificio que había sido condenado y luego alguien entró y construyó un montón de cosas súper incompletas en el edificio condenado. Y luego fue como, todos tienen libertad para todos y hacen lo que quieran.

Hannah: Y creo que es alguien que probablemente estaba drogado. ¿Dirías?

Ben: Tantas cosas que eran como, qué, qué, está bien. Como esto no tiene sentido. Quiero decir, es difícil explicar este museo. Y espero que todavía exista. Porque creo que necesita un lugar en este mundo, pero también tengo mucha curiosidad de cómo no está cerrado porque hay tantas cosas que estamos como, está bien, sí. esto es realmente peligroso. Dimos vueltas y nos lo pasamos muy, muy bien porque no sabíamos nada de lo que nos estábamos metiendo.

Y entonces, literalmente, simplemente estaba deambulando por alguien en algo, tuvo un sueño similar, y esto es lo que crearon. En un momento estábamos subiendo un dos pisos. Quiero decir, ¿qué es lo que te gusta esencialmente, como una red de alambre, suspendida en un techo que era como una media cúpula?

Hannah: Como una cúpula.

ben: si Y luego, saltaste de ese techo y estabas en un techo y había un gran tobogán que descendía como otra parte del techo.

Hannah: Con un saltamontes gigante. No te olvides del saltamontes gigante. ¡Qué!

Ben: Entonces, como el tobogán, como si chocara contra el concreto, no había, como si no hubiera nada al respecto. Y luego te deslizas por un bonito tobogán y hay un final agradable. Fue como, y simplemente te deslizaste en el concreto y todos se levantaron y miraron a su alrededor, como, ¿eso realmente me acaba de pasar? Quiero decir, ellos, sí. Hannah, ayúdame a explicar este lugar.

Hannah: Sí, es difícil de explicar, pero fue increíble. La mejor parte fue, como dijo Ben, que realmente no teníamos ni idea. Pasamos tal vez los primeros 45 minutos en el primer piso, como la hora del cóctel pensando, oh, este es solo un museo interesante. Y luego pensamos, bueno, tal vez deberíamos deambular. Y luego atraviesas como una pequeña puerta por la que tienes que arrastrarte de rodillas para pasar. Luego se abre a este otro lugar loco. Y tú estás como, ¿qué? Y es como cada rincón. Eres como, ¿qué? Y luego, lo siguiente que sabes es que estás en el techo bajando por este tobogán de saltamontes y luego hay un carrusel loco.

Y luego hay un tobogán que va desde el último piso, que era como, ¿cuántas historias dirías? ¿Cinco? Todo el camino hasta el fondo. es salvaje Honestamente, fue la más divertida y, con mucho, la mejor experiencia de WordCamp que he tenido también.

ben: si Quiero decir, las WordCamps son divertidas si no has estado, para la audiencia, hay mucha diversión. Tú, conoces a mucha gente. Tienes la oportunidad de estar en estas sesiones donde aprendes muchas cosas, pero las fiestas posteriores también son realmente increíbles, porque generalmente están en un lugar aleatorio. Incluso el año anterior hubo un planetario que formó parte del after party, y fue una experiencia muy divertida, y también muy vertiginosa. es un buen momento Definitivamente. Si puedes llegar a un WordCamp, vale la pena tu tiempo.

Kathy: Y ese museo estaba en St. Louis. Se llama Museo de la Ciudad. Si vas a citymuseum.org, puedes hacerte una idea de las cámaras de tortura que Hannah y Ben experimentaron allí. Um, ni siquiera subí ese tobogán, me golpeé la rodilla en el camino y simplemente me di la vuelta. Nada bueno puede salir de esto, pensé, pero en realidad tienen una rueda de la fortuna en la azotea.

Es un lugar loco. Las personas que hacen las fiestas posteriores, la organización de WordCamp US, son simplemente increíbles. WordCamp Europa también, en un par de semanas. Y esa será probablemente otra fiesta épica. Fui a uno en Berlín hace un par de años y tenían artistas increíbles, como un imitador de Madonna. Era como si Madonna estuviera allí. Fue loco. De todos modos, sí, las WordCamps son increíbles. Las fiestas posteriores definitivamente valen la pena y puedes conocer gente como Ben y Hannah. Y a veces yo.

Hannah: Aunque todos estábamos allí y no creo que nos conociéramos, lo cual me entristece.

Kathy: Pasé la mayor parte de mi tiempo yendo de conversación en conversación y pasando por túneles y cortinas en el área de patrocinadores, fue un momento ocupado, ocupado, ocupado, pero, um, sí, ahí es donde Kadence realmente comenzó a tener algo notoriedad en WordCamp US 2019. Fue entonces cuando la gente realmente comenzó a hablar sobre cuán innovadoras han sido algunas de estas herramientas que ha creado.

ana: sí, sí. En ese momento solo éramos Ben y yo, y nadie sabía quiénes éramos.

Kathy: Bueno, las personas que estaban viendo lo entendieron muy rápido y miren dónde estamos hoy. bastante emocionante

Hannah: Sí, episodio 10. Hemos recorrido un largo camino. ¡Tenemos un podcast!

Kathy: ¡Tienes un podcast! ¿Y no es más fácil ahora? Te dije que te quedaras con eso hasta el episodio 10 y es más fácil, ¿verdad? Es como pasar el rato y charlar sobre cosas interesantes. Y edito todas las cosas tontas.

Así que he estado trabajando en un proyecto secreto, y algo que dijo Ben en una presentación que había hecho internamente hace unos meses, empezó a sonar realmente cierto. Y comencé a decir, oh sí, entiendo exactamente lo que Ben quería decir.

Habías hablado con Ben sobre cómo crear prototipos lo más cerca posible del lugar en el que vas a publicar tiene más sentido. Y estoy pasando por eso ahora porque estoy tomando un prototipo que se construyó en otro lugar y lo estoy construyendo en WordPress, en Kadence Elements, usando campos personalizados y todo. Y muchas de las cosas en el prototipo simplemente no. Solo tengo que tomar decisiones mientras construyo, bueno, esto va a funcionar de esta manera, porque así es como funciona WordPress, así es como funciona Kadence.

Y quería tener esta conversación sobre las mejores prácticas para crear prototipos de proyectos y diseños de WordPress, las diferentes herramientas que usa la gente. ¿Cuándo tienen sentido? ¿Cuándo no tienen sentido? ¿Y cómo superar ese problema de la “página en blanco”? ¿Suena como algo de lo que podríamos hablar hoy?

Ben: Sí, absolutamente. Creo que el problema de la página en blanco es una excelente manera de expresar esto porque creo que todos pueden relacionarse con eso. Apareces y dices, necesito construir lo que sea, una página de destino, una página de ventas, ya sabes, y estás mirando una página en blanco y dices, está bien, ¿qué hago ahora? Y es complicado porque así es, ese es el punto y muchas veces el siguiente paso de la gente es que pasan por un momento muy difícil, un momento frustrante, un momento en el que hacen 10 cosas y deshacen 10 cosas y hacen 10 cosas más y deshacen todo de aquellos. Y al final, rara vez están satisfechos con lo que terminan.

Y creo que, incluso más de lo que estás diciendo, es bueno simplemente pensar. Hay mejores estrategias que aparecer en una página en blanco y decir, necesito crear un diseño. Y, por lo tanto, como incluso hacer una copia de seguridad un poco antes de comenzar a usar algunas de esas herramientas, pero me gusta ir bien.

Así que hablemos de cómo llegas desde una página en blanco hasta el final. Entonces, propongo que hablemos sobre si necesita crear una página de destino para su curso en línea. De esa manera, tenemos algo sobre lo que podemos hablar y pensar, como lo que realmente debe incluirse y cómo reunimos ese contenido.

Kathy: Perfecto. Creo que es una excelente manera de concentrarse en un área específica en la que podemos tener muchas personas trabajando con LearnDash u otros sistemas LMS y... tal vez ni siquiera estén allí decidiendo qué herramienta LMS van a usar. Pero dicen, tengo conocimiento, tiene que haber alguien escuchando esto que tenga conocimiento que pueda transferir a otra persona y monetizarlo de alguna manera.

¿Por dónde empiezas?

Ben: Creo que una cosa, cada vez que comienzas una nueva página y esto puede extenderse a todas partes, ¿tienes que irte? ¿Cuál es el objetivo principal de esta página? Creo que hablamos de esto cuando hablamos de crear una página de inicio para la partería de Hannah. Y creo que tienes que empezar por ahí. Tienes que decir, está bien, ¿cuál es el objetivo?

Porque todo tiene que conducir hacia ese objetivo. Y todo debe comunicarse con la mayor claridad posible para que el cliente no se confunda con si se supone que debo ir aquí o se supone que debo ir aquí con cosas de la competencia o simplemente con cosas que no están en su idioma y no son dándoles un camino directo.

¿Quieres empezar con, cuál es mi objetivo. Y si estamos haciendo la página del curso, el objetivo es que se inscriban en un curso. Y probablemente tengas opciones para eso. Es posible que tenga el paquete de curso básico y luego el paquete VIP que viene con una consulta gratuita de 30 minutos. Y, ya sabes, esos complementos que normalmente ves con los cursos donde es como obtener acceso a un grupo privado de Facebook, ese tipo de cosas.

Probablemente tendrá algunos paquetes, probablemente esté pensando en una tabla de precios. Y luego, a partir de ahí, debe decir, está bien, bueno, si mi objetivo es lograr que compren, debo comenzar dándoles una razón para comprar. Para hacer eso, debes saber cómo comunicarte con la persona que estás tratando de conseguir.

Así que necesitas saber con quién te estás comunicando. Y esto se remonta a lo que hablamos antes. ¿Cuál es ese cliente objetivo? Debe asegurarse de hablar su idioma con todo lo que está diciendo, pero justo en la parte superior de esa página, lo que necesitamos es algo que básicamente diga: esta es la razón por la que desea tomar este curso, y esto es lo que va a cambiar en tu vida. Estás definiendo para el cliente que aparece en esta página de inmediato, que estás insinuando su problema o se lo estás explicando. Y estás diciendo que tienes este problema, este curso lo resolverá.

Y cuando habla de cursos en particular, no solo está resolviendo un problema. En realidad, estás tratando de definir para ellos cuál es el resultado para ellos como individuos, qué va a cambiar para ellos y cómo les afectará en el futuro.

Pero en esos términos, todavía tienes que pensar bien, está bien, esta persona tiene un problema. Quieren escribir un libro, y necesitan a alguien que tenga experiencia en escribir libros para que los oriente a través de la escritura de un libro. Así que tienes un curso sobre cómo escribir tu primera novela. Esa base de clientes, necesitas hablar con eso y ser como escribir una novela es mucho más que tener una buena idea para una novela. Se trata de planificar. Se trata de persistencia. Empiezas a explicar eso y decir, y este curso te brinda no solo todas las herramientas para hacerlo, sino que también tienes una comunidad a tu alrededor para ayudarte y recibir comentarios, y ahora voy a entrar, creo Necesito este.

Y así es como puedes empezar a entrar en eso. Primero tienes que ser capaz de descifrar esas cosas, antes de saltar a cualquier tipo de diseño. ¿Qué es lo que va a conectar con esta persona? Déjame reunir el contenido que voy a necesitar. Comenzando, en mi opinión, cuando estás haciendo una página de ventas. Tienes que empezar en la parte superior de la página, tiene que ser un texto grande, bastante corto y lo más claro y conciso posible, explicando esencialmente el problema y cómo tu solución es la respuesta a ese problema. A partir de ahí, desea trabajar en las diferentes piezas que mejorarán esa oferta inicial.

Entonces, a medida que me desplazo hacia abajo, van, se vuelven más y más como, sí, necesito hacer esto. Sí, necesito hacer esto. Y puede tener ese botón "comprar ahora" en toda la página. No quieres que el cliente nunca diga, ¿dónde me registro? También puede crear ese viaje a medida que se desplazan hacia abajo para que les guste una tabla de precios. Los testimonios son clave. Mientras piensa en todo eso, ahora tiene, tengo que tener un lenguaje conciso en la parte superior, y necesito algún tipo de imagen, preferiblemente alguien sonriendo o un resultado para visualizar el resultado con una imagen.

Mientras piensas, ¿cómo construyo esto? Debe comenzar a recopilar ese contenido, el texto que necesita, los testimonios, debe pensar en su tabla de precios y cuáles serán las características de esa tabla de precios. Por lo tanto, es realmente importante que recopiles contenido y que realmente pienses en tu cliente inicialmente.

Kathy: Una vez que tienes tu contenido, obviamente no quieres solo texto en una página. No quieres simplemente como tu botón y una imagen. ¿Cómo alguien comienza realmente a juntar algunos de esos elementos de diseño? ¿De dónde sacas ideas? Porque podrías ir a ver a tu competencia y ver lo que están haciendo. Tal vez haría una búsqueda de otras personas que están haciendo un curso sobre cómo escribir un libro o cómo escribir una novela y ver si hay competencia y cómo lo están haciendo. Pero quién puede decir que lo están haciendo bien. ¿Cómo sabes qué decisiones tomar en torno al diseño?

ben: si Quiero decir, creo que mirar a tu competencia es una gran estrategia porque, por lo general, si tienes competencia, al menos les está yendo lo suficientemente bien como para existir. Entonces eso es, eso es al menos un bien, como si existieran. Sabes, al menos les está yendo lo suficientemente bien como para existir. Así que definitivamente quieres sacar provecho de la competencia.

Soy un gran fan de hacer búsquedas de buen diseño. El problema que encuentro muchas veces cuando a la gente le gusta centrarse solo en el diseño es que en realidad no están creando una página que convierta bien. Así que puede ir a los premios de diseño para sitios web y ver todos estos tipos de sitios web realmente originales que en realidad pueden no ser sitios web que conviertan mucho, y también pueden estar tan fuera de la norma, que para el usuario promedio, es como, esto es una novedad, pero en realidad no sé cómo navegar por este sitio web. Así que tendría cuidado al buscar cosas como el mejor diseño web. Creo que quieres centrarte en los problemas que tienes.

Y usar palabras como conversión en tus búsquedas, pero está bien, sé que necesito una sección de héroe. Sé que necesito una sección de testimonios. Sé que necesito una sección de tabla de precios. A veces, obtendrá mejores ideas de diseño cuando comience a buscar esas secciones en comparación con ¿cómo construyo una buena página de destino del curso?

O simplemente, en general, qué es un buen diseño. Así que estoy haciendo una fase de inspiración y búsqueda. Estoy tomando capturas de pantalla de las cosas que me gustan. tratando de tomar notas. Así que este sería un buen momento para algo como un tablero de Miro o una Figma donde solo estás, estás lanzando capturas de pantalla y tomando notas, y dándote un lugar donde puedes ver todas tus piezas uniéndose en términos de elementos que desea en su página o ideas de diseño sobre cómo desea organizar su contenido, además de tener siempre en cuenta su propio esquema de color y luego sus imágenes reales. Lo que más encuentro es que, um, la gente irá y mirará estos diseños y dirá, oh, quiero recrear esto. Y luego ponen sus fotos y dicen, hombre, esto apesta. Y es porque tus imágenes no son lo suficientemente buenas.

Y creo que eso es otra gran cosa. Las imágenes hablan mucho del diseño general de una página. Quiero decir, simplemente, es una parte enormemente abrumadora del diseño. Puedes pasar todo el tiempo que quieras obteniendo el degradado correcto o la fuente correcta, pero elige las imágenes incorrectas y tu diseño se va por la ventana.

Es una parte realmente importante, ya sea que esté buscando imágenes de archivo o vaya a tomar las fotos, obtener imágenes realmente buenas es muy útil. Si quieres tener un buen diseño, debes tener las piezas correctas para empezar.

Kathy: Hannah, desde el punto de vista del cliente, cuando estás en una página y estás considerando comprar algo, ¿qué tipo de elementos... es el flujo de la página? ¿Hay algo que aparece dentro de una página? ¿Cómo resuena contigo esa experiencia?

Hannah: Sí, diría que es todo eso. Quiero decir, realmente estás tratando de crear una experiencia para las personas, ¿verdad? Entonces, como dijo Ben, creo que las imágenes son enormes. ¿Coinciden tus imágenes? Ya sabes, si tienes fotos de archivo que son claramente fotos de archivo y no lo son, no coinciden y no fluyen, eso es un gran desvío.

Pero cuando claramente has creado una experiencia y siento que lo soy. Ya sabes, o, ya sabes, te sientes como si estuvieras aquí en México en la playa, ya sabes, si eres capaz de darle a alguien eso con solo ver tu sitio web o ver lo que les estás ofreciendo, Eso es enorme.

Ben: Creo que es importante afirmar aquí, adelantarse a sí mismo y lanzarse a diseñar, digamos en Figma o diseñar en WordPress sin que se descubra su contenido, es una receta para la frustración absoluta. Porque cuando dices, bueno, descubriré mis imágenes más tarde.

No lo hagas, porque pasarás mucho tiempo tratando de hacer que un diseño se vea bien sin el contenido real que necesitarás hacer. Y es simplemente frustrante, y terminarás rehaciéndolo una y otra vez, a medida que avanzas y finalmente obtienes parte de ese contenido y dices, wow, nada de esto funciona porque mis imágenes son diferentes de lo que era. esperando Así que no te adelantes. Reúna su contenido, dedique tiempo a pensar realmente. Y esa es parte de la razón por la que haces la fase de inspiración para decir, está bien, ahora sé que necesito tres imágenes como esta porque realmente quiero una sección que hable sobre estas tres características o estas tres cosas que es importante que el cliente sepa.

En esa etapa inicial, mientras reúnes tus cosas, entonces es como, está bien, realmente tengo que determinar cuál será mi contenido antes de saltar y comenzar a diseñar. Y no uses el contenido de otra persona para diseñar. Definitivamente quieres obtener tu propio contenido primero.

Kathy: Claro. Bueno, un punto de venta único será el contenido único que tiene en su sitio. Lo que conecta con tu audiencia de una manera única es algo que solo tú puedes crear. No es algo que puedas sacar imágenes de otros lugares o copiar de otros lugares.

Solo, solo no hagas eso. Eso no va a funcionar. No va a resonar porque cuando intentas replicar lo que alguien más ha creado y conectarte con una audiencia, no va a tener tu voz única. Lo que aportas, lo que aporta tu negocio, lo que aporta tu marca es lo que te diferenciará a largo plazo y te ayudará a superarte.

En términos de, está bien, digamos que tengo mi Figma y tengo todos mis bocetos y todas las cosas que quiero en la página. Y tengo como un básico, está bien. He visto que todos usan imágenes de héroes en la parte superior, por lo que deben funcionar. ¿Cómo empiezo entonces a estructurar la página? ¿Me lanzo con los testimonios primero? ¿Necesito explicar mejor las cosas primero? ¿Cómo sé de qué manera voy a organizar una página para conectar realmente con el cliente? ¿Qué viene primero?

Ben: Soy un gran admirador de ese top de héroe y no siempre tiene que ser una imagen de ancho completo. A veces es un texto y una imagen al lado. Desea tener ese gran encabezado en la parte superior que básicamente dice, esto es para lo que está aquí. Y luego, según toda la investigación que he visto, en realidad no importa cómo ordenes el resto de la página.

Suficientemente interesante. Si quieres presentar testimonios, al final, nadie puede decir que los testimonios a continuación son más importantes. Creo que quieres poner tu mejor contenido primero. Entonces, si tiene el testimonio más sorprendente, es como, necesito que la gente lea esto, lo ponga al frente y al centro, póngalo justo debajo de eso.

Pero si no lo hace y simplemente dice, sí, tengo testimonios y son buenos, pero son como, lo que esperaría, entonces póngalos más abajo porque los necesita en la página para dar usted mismo ese nivel de confianza en la marca. Y esa es otra parte, tal vez esté en una situación en la que trabaja con marcas conocidas y entonces necesita poner cosas como esas, podría decir, estas marcas confían en nosotros.

O tiene una tonelada de usuarios y dice, tengo tantos usuarios. Siempre estás queriendo descubrir formas de hacer que ese cliente sienta que puedo confiar en esta persona. No soy como su primer cliente. Eso se puede hacer de más maneras que los testimonios y si eso viene primero o en el medio, según la investigación, es algo así como, se trata más de lo que estás haciendo y lo que estás vendiendo o lo que estás construyendo para entonces, como, este es el camino exacto. Creo que, en general, la gente dice que te asegures de tener una explicación concisa y un llamado a la acción en la parte superior de tu página. Por lo general, desea una imagen allí y luego, si tiene sentido, a veces esa tabla de precios está justo en la parte superior, especialmente si es una segunda navegación para el usuario, como digamos que van a su página de inicio y luego hacen clic en la página de precios.

Probablemente no quiera sumergirse en esa página de precios a continuación. Tienen la intención de ver los precios, así que muéstreles el precio. Al igual que una página de destino tradicional, esa página de precios puede ir más abajo.

Asegúrese de mantener el llamado a la acción claro y luego creo que está listo para comenzar. Así que tienes tu contenido. Sabes qué secciones quieres y estás listo para comenzar a diseñar tu sitio web.

Y para mí, en esta fase, aquí es donde empujaría a la gente a hacerlo en WordPress.

Lo entiendo. Recibí algunas críticas para decir, bueno, es mucho más fácil colaborar en este momento, ambos trabajando en lo mismo y algo como Figma o lo que sea. Y entiendo eso. Si tienes el lujo de colaborar con alguien, tal vez eso se convierta en la cosa. Generalmente no lo hago. Y no conozco a mucha gente que se dé el lujo de pensar que vamos a tener dos o tres diseñadores trabajando en lo mismo al mismo tiempo.

Pero para mí, quieres estar lo más cerca posible del lugar donde vivirá, donde realmente estará. Y quieres estar haciéndolo allí. No hagas tu trabajo tres veces creándolo en Figma y luego tratando de descubrir cómo, o, ya sabes, estamos metiéndose en Figma. como Figma es una gran herramienta.

Pero no se convierte en un sitio web final. Tienes que hacer todo eso manualmente. Y sé que la gente dirá, bueno, puedes exportar el HTML y todo eso. Y es como, sí, estoy dentro, pero eso no es lo que realmente quieres al final. Lo que quieres está en WordPress y en las herramientas de WordPress que quieres usar.

Lo mío es que Kadence debería ser una herramienta suficiente para que no necesite otra herramienta de diseño para diseñar, ya que realmente puede hacer su trabajo de diseño en Kadence. Y no necesitas una herramienta para hacerlo, pero te metes en Kadence y dices, está bien. Y solo necesitas un poco más de relleno aquí.

Y sé que quiero un radio de borde aquí y un poco de sombra paralela aquí, y puedes obtener ese diseño realmente fino justo dentro de Kadence porque es una herramienta de diseño. Y entonces puedes usarlo como una herramienta de diseño y puedes ajustar y mover y puedes deshacer y rehacer cosas, pero estás haciendo todo el trabajo allí.

Entonces, cuando terminas, en realidad terminas y no dices, está bien, finalmente finalizamos el diseño y está en Figma. Y luego dices, está bien, genial. Ahora tenemos que hacer todo este trabajo de nuevo para hacerlo en WordPress. Para mí, quiero estar mucho más cerca del final de donde va a vivir y diseñar allí y también diseñar bajo las restricciones de eso.

Al igual que hay restricciones en WordPress y hay restricciones en Kadence. Por mucho que quiera darte todas las opciones y sigo trabajando para que haya tantas opciones como sea posible. Siempre habrá restricciones de diseño. Y debes pensar en eso no siempre como restricciones, sino como si me mantuviera dentro de cierto, cierto ámbito de lo que debería estar editando y lo que tal vez no debería.

Kathy: Correcto. Tengo tantas cosas que quiero decir. En primer lugar, creo que lo que termina sucediendo es cuando estás diseñando en una herramienta como Figma, o Miro o lo que sea, y estás pensando en cómo quieres que se vea algo, casi puedes entrar en un perfeccionismo. modelo donde, bueno, y luego podemos modificar esto y podemos modificar esto y podemos modificar esto.

Y de repente, tienes este diseño de pastel en el cielo que puede verse genial. Tal vez absolutamente perfecto. Puede tener, las mejores mentes, juntando todo su contenido e ideas de diseño en algo que es absolutamente perfecto. Y luego no necesariamente se traduce bien en el mundo real. La otra cosa es cuando incluso está diseñando, por ejemplo, si está diseñando algo que usa campos personalizados y está haciendo diseño de datos y en una base de datos perfecta de tercera forma normal, así es como debería funcionar todo, ¿verdad? .

Debe tener esta tabla relacionada con esa tabla y todo debe ser perfecto y en tercera forma normal. En el mundo real, esa podría no ser la mejor manera de proporcionar datos a alguien, a Jane en la oficina principal, tendrá que seleccionar esto y será de esta manera.

Y luego, cuando lo cambias para tenerlo en WordPress, es posible que en realidad no pueda diseñarse de esa manera. Por lo tanto, cuando está diseñando mucho más cerca de la herramienta, no solo está ahorrando tiempo, está ahorrando la parálisis del análisis de hacer que todo sea perfecto en su herramienta de diseño, jardín amurallado. Pero lo está haciendo con la herramienta que se lo va a mostrar al cliente. Lo está haciendo de la mejor manera, no solo para las personas que usan wp-admin, sino también para las personas que lo ven en la interfaz, dentro de las limitaciones de las herramientas. Y mucho de este contenido dinámico, las herramientas para el contenido dinámico todavía están en su, bueno, no están realmente en su infancia, pero hay mucho más por hacer. Se puede hacer mucho más para que el contenido dinámico sin código funcione. Entonces, trabajar dentro de eso, construir algo que pueda crecer con las herramientas a medida que crecen, hacerlo en WordPress tiene mucho más sentido, al menos desde mi experiencia. Estoy fuera de mi caja de jabón ahora.

ben: si Creo que a veces es bastante frustrante cuando sabes que obtuve archivos de un diseñador en Figma y pienso, pero ¿qué pasa con los dispositivos móviles? Y dicen, oh sí, probablemente también necesite hacerte una versión móvil, eh. Y yo digo, bueno, no, cuando diseñas en WordPress, ya estás diseñando en dispositivos móviles.

Ya estás tratando de resolverlo sobre la marcha. Solo tenías que pensar de esa manera desde el principio. Y puede ingresar a algunas de estas herramientas de diseño y no verse obligado a pensar de esa manera. Creo que lo más común, en realidad, veo que ni siquiera es móvil porque la mayoría de la gente es un poco más consciente.

Son pantallas grandes y anchas. Diseñaron estas páginas realmente bastante estrechas y pienso, bueno, pero ¿qué sucede cuando eso solo ocupa un tercio de la pantalla? Y sacas ese ancho, y de repente es un diseño totalmente diferente. Creo que esas herramientas son realmente útiles, pero a menudo me siento más frustrado por lo que no muestran cuando alguien las está diseñando y lo que el diseñador no está pensando y es capaz de no pensar, bueno, no necesito 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? Y si es así, ¿cómo? 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. Nos encantaría saber de usted. 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: si 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. Muy 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.