Así es la estructura ideal de tu página de Inicio / Homepage

Estoy trabajando en un sitio para ofrecer mis servicios en marketing digital y desarrollo web, la realidad es que esta es la primera vez que me tomo el proyecto enserio, creo ques es porque llego a los 30, el caso este curso me esta sirviendo un monton, de momento esta es mi homepage https://carlosgerardo27.com/

DESAFÍO
Me encararía que le puedan dar un ojo a mi web, traté de incorporar todo lo dicho ¿qué les parece?

www.holastoria.com

Comparto con ustedes la estructura de mi home sin hacer scroll

Les recomiendo el curso de introducción al diseño y el curso de manejo de color para que todo se vea bien. Además, recomendaciones personales: No usen más de tres tipografías, ni se les ocurra usar una sefif para textos largos, solo sans serif
Les recomiendo estos post para que no cometan errores diseñando su pag:
https://leadelasleas.wordpress.com/2021/05/15/errores-a-evitar-en-el-manejo-de-color/
https://leadelasleas.wordpress.com/2021/03/12/5-herramientas-que-debes-conocer-si-trabajas-con-color/
https://leadelasleas.wordpress.com/2021/02/27/5-cosas-que-tienes-que-saber-para-disenar-cualquier-pieza-visual/

Les comparto mi desafío:

![](

Sería bueno tener una fuente confiable que nos diga por qué nos distraemos con slides, como lo ha hecho antes la profe con la mención de las investigaciones y quién las dirige. Para así poder refutar con autoridad y pruebas esta petición de los clientes.

Titulares
Herencia - Expresión - Identidad.
Subtitulo
Conoce nuestra producción artesanal de tipo utilitario y decorativo.
CTA
Quiero ver más.
Necesidades
Información sobre la identidad cultural de (País) y sus regiones.
Beneficios
La oportunidad de obtener productos originarios propios de la región.
No compras productos artesanales, compras cultura!.
Testimonios
Contentos de poder conocer y llevar consigo un pedacito de cultura (pais) a sus hogares.
Links
Conoce (Marca de la empresa).

Que buen reto para el proyecto que estoy realizando, me ayudó bastante a poder investigar en profundidad sobre la marca y su actividad.

Gracias.

Rosa por qué en tu propia página web tienes en el encabezado un video? eso no es parte de lo que nos explicas que distrae la atención de la persona que entra a la página?

Pienso que este curso debería estar en la escuela de desarrollo web.

Apuntes de la clase

La cabecera (Header de la Homepage es lo más importante de la página.

• Tener un titular potente con propuesta única de valor.
• Huir de sliders y animaciones que entorpezcan el foco.
• Tener un menú sencillo, claro y de fácil navegación.

TODAS las secciones web deben formar parte de la estrategia de conversión.

• Monitorizar el comportamiento del usuario.
• Revisar que haya coherencia de voz en todas las secciones.
• No descuidar a nivel estratégico la sección de Contacto.

El diseño y los textos copy deben trabajar juntos y en armonía.

• Tener en cuenta estructuras, espacios y tipografías.
• Nunca priorizar la estética a la claridad.
• Un buen diseño hace destacar el texto (y viceversa).

Los que no sabian, Rosa es pupila de Jurgen Klaric.
Jurgenh habla bastante como una persona mirando directo hacia un titular , aumenta la probabilidad de que la gente lo lea

Hola, existe alguna tipografía estándar o mas usada, que sea clara y atractiva a los lectores?

📌| En resumen: Tu homepage debe atrapar a los clientes potenciales en menos de 1 s, lo cual tienes que poner un titular potente con una propuesta de valor única, no uses slider, animaciones o cualquier cosa que entorpezcan el foco y recuerda tener un menú sencillo, claro y eficaz. No cometas el error de solo poner la estrategia de conversión en la página de inicio, revisa que haya coherencia de voz en todas las secciones y no descuides ninguna sección. El diseño y el texto son la misma moneda, pero con diferentes caras, por lo que deben de trabajar en armonía, no descuides las estructuras, espacios y tipografías, nunca priorices la estética, un buen diseño hace destacar el texto de tu página. Tu homepage es la presentación de tu página, que no se te olvide colocar las necesidades que cubres, el formulario de suscripción, testimonios de clientes satisfechos, logos de marcas y medios de comunicación, últimos posts o artículos destacados y enlaces a redes sociales.

dejo mi aporte de como quedo el mío

:

Hola! Les comparto la estructura de mi homepage!

Buen día para todos y todas.
Esta clase me ha parecido muy valiosa para redactar con mayor propiedad.

Use los otros ejemplos de guia 😃

Este curso me cayó cómo anillo al dedo. Justamente, estoy trabajando en mi página web ❤️

Hace poco tomé el curso de Elena Madrigal para Diseño Web No Code. Allí hay muchísimas herramientas en donde se pueden aplicar las técinas que nos enseña Rosa, pero de una forma más visual, más orientada a producción tipo MockUp. La herramienta que más me gustó fue https://whimsical.com

Es el pilar fundamental de tu página web. ¿Cuántos segundos crees que tienen para captar la atención? Hay entre 50 y 500 milisegundos para captar la atención, hacer sentir a ese potencial cliente que está en la web correcta.

Las tres claves que pocas web cumplen son:

1. La cabecera (header) de la Home Page es lo más importante de tu Página:

• Añade un titular potente con una propuesta de valor única, imagen estática, hacer el ejercicio de quien eres, etc
  Huye de los slider y animaciones que entorpezcan el foco. Pone la imagen mas potente con un buen titular y un CTA
  Ten un menú sencillo, claro y fácil de navegar.

1. Todas las secciones deben formar parte de la estrategia de conversión:

• Monitoriza el comportamiento del usuario. Significa ver que páginas le interesan más , donde se queda más tiempo.
• Revisa que haya coherencia de voz en todas las secciones.
• No descuides la sección del contacto. A nivel estratégico te conviene

1. El Diseño y el texto deben trabajar en armonía:

• Ten en cuenta las estructuras, espacios y tipografías de tu página.
• Nunca priorices la estética a la claridad.
• Un buen diseño hace destacar el texto. Pasa a viceversa también, muchos diseñadores no

¿Qué bloques debo incluir en mi Homepage?

• Acercamiento a las necesidades que cubres
• Enlaces a cada Sección principal de tu web
• Un formulario de suscripción
• Testimonios de clientes satisfechos. (Prueba social que siempre interesa)
• Logos de marcas y medios de comunicación
• Últimos post o artículos destacados
• Enlaces a redes Sociales

hola a la profe y a los demás compañeros de estudio. les envío el enlace de mi página web, cualquier retroalimentación sería de mucha ayuda.

www.occ-solutions.com

https://github.com/Tinchobas/Marketing-Platzi.git

Estoy trabajando en herramientas de marketing basicas por favor dejen su opinion sobre si esta aplicado bien lo aprendido https://quickcashpro.com

Hace 3 años empece una web y créanme los tips que das son fenomenales! Aquí mi web

1. ESTRUCTURA HOMEPAGE

Hay tantas Homepages como tipos de negocios. Completa esta tabla y empieza a construir tu página de Inicio a partir del resultado.

Texto para Homepage

Descripción y link de imagen

Titulares
La tecnología al alcance de todos.

En la era de la información, tenemos la mejor solución.

Recuerda, la tecnología hace que tu vida sea más sencilla.

Subtítulo Nos gustaría enseñarte a sacarle todo el provecho a la tecnología.

Quieres aprender a delegar tus esfuerzos a una maquina?

Te enseñamos como puedes tener mejores resultados con menos esfuerzo, solo tienes que saber llevar tus recursos.

CTA1 de suscripción
Conoce nuestro portafolio

Puntos de dolor Optimizar las funciones que realizamos.
Solucionar problemas de rendimiento y producción.

Enseñar a utilizar todo el rendimiento de los artefactos tecnológicos.

Beneficios
Menos problemas
Mas soluciones
Mejor rendimiento
Más tiempo
Mejor producción

Testimonios
Banco caja social
Banco Davivienda
La Salle

Links a otras secciones
Link de sobre mí y servicios

CTA2 de suscripción
Síguenos y obtén bono de descuento

Descripción y link de la imagen:
Titulares:
• Encuentra ropa de calidad
• Consigue tus prendas favoritas aquí
• Calidad. Diseño. Inspiración
Subtítulo:
• Viste de manera cómoda con tela 100% de algodón
CTA 1 de suscripción:
• Empezar a comprar
• Comenzar
Puntos de dolor:
• ¿no sabes dónde comprar tus prendas favoritas?
• ¿no encuentras ropa de calidad?
Beneficios:
• Desde hoy en adelante vestirás ropa de excelente calidad y diseños novedosos
Testimonios:
Links a otras secciones:
• Sobre nosotros
• Tus productos
• Contáctanos
CTA 2 de suscripción:
• Catálogo de productos.

Resumen
Tiempo que tienes para llamar la atención= de 50 a 500 mili segundos 😱
3 Claves

1. El Header es lo mas importante
2. Todas las secciones de tu pagina forman parte de una estrategia de conversión (no dejes cabos sueltos) Monitoriza secciones mas visitadas para ubicar llamadas a la acción
   3.El diseño y el copy deben trabajar en armonía

Texto para Homepage

Descripción y link de imagen
La idea de poner aparatos tecnológicos que lleven al lector a pensar en que tiene que convertir su negocio en digital.
También de personas en su negocio con algún aparato electrónico como tablet o celular, feliz.

Titulares
La nueva forma de promocionar tu negocio.

Subtítulo
Conecta tu negocio con el mundo
Súmate al cambio
Vive la Experiencia Marketico Digital

CTA1 de suscripción

Conoce más de nosotros

Puntos de dolor
Conectarse con la era digital
Venderse en las redes, a través de una estrategia de marketing digital especializada para su negocio.
Manejo de redes.
Creación de página web(carrito de compras)

Beneficios
Introducirse en el mercado digital
Tener presencia en redes sociales y vender a través de ellas.
No tener que usar tu tiempo en ello.

Testimonios
Vivir la experiencia Marketico, me ha permitido introducir mi negocio a la era digital, posicionarse en dicho mercado, no utilizar mi tiempo ni mis esfuerzos en vano ya que no conozco de esto ni se como hacerlo.

Links a otras secciones
Nuestra Historia
Servicios
Contacto

CTA2 de suscripción
Contáctenos

¿Qué tal ven mi página?

www.velocitysavage.com

Aqui estan mis ejemplos con una app inventada

La estructura está muy buena, voy a seguir a aplicar y les muestro mis resultados.

Estoy haciendo un viaje totalmente nuevo en mi vida con un proyecto sobre diseño de página web y marketing digital. Esta es mi pagina web: vmaster.site

Sliders no, por favor, tanto para copy, como para diseño, como para desarrollo. Pensemos en los usuarios.

Gracias

Solo tenemos 0,5 segundos para captar la atención del usuario y hacerle sentir que está en la página web correcta.

Acepto sugerencias. Esta es mi página Web :3

Así es la estructura ideal de tu página de Inicio / Homepage

Tienes de 50 a 500 milisegundos para capta la atención del potencial cliente

1. La cabecera de la Home Page es lo más importante de la página (Sin slider, solo una imagen que contraste, un buen titular y un botón de CTA) con un menú sencillo
2. Todas las secciones web deben formar parte de la estrategia de conversión (donde queda más tiempo), tener coherencia de voz. NO descuides la sección de CONTACTO
3. El diseño y los textos copy deben trabajar juntos en armonía (tipografía y estructura), nunca priorizar la estética a la claridad

No uses más de 5 colores, 5 tipografías, objetivo mal enfocado y titulares no persuasivos

Tu Home debe:

• Cubrir las necesidades en un inicio
• Enlaces a cada sección de la web
• Formulario de suscripción
• Testimonios
• Logos de marcas y colaboraciones
• Últimos post
• Enlaces a Redes Sociales

Sí hubiera encontrado esto hace un par de años, mi página web hace rato estaría en primerísimo lugar y no solo en la primera página de google

Plantilla para escribir tu página de inicio:

1. Descripción y link de imagen.
2. Titulares.
3. Subtítulo.
4. CTA1 de suscripción.
5. Puntos de dolor.
6. Beneficios.
7. Testimonios.
8. Links a otras secciones (Sobre mí y Servicios).
9. CTA2 de suscripción.

¿Qué deberías incluir en tu Home?

• Acercamiento a las necesidades que cubres.
• Enlaces a cada sección principal de tu web.
• Un formulario de suscripción.
• Testimonios de clientes satisfechos.
• Logos de marcas y medios de comunicación.
• Últimos posts o artículos destacados.
• Enlace a redes sociales.

3 claves que pocas web cumplen al 100%:

• La cabecera (header) de la Homepage es lo más importante de la página.
• TODAS las secciones deben formar parte de la estrategia de conversión.
• El diseño y los textos copy deben trabajar juntos y en armonía.

Mi resúmen:
Toda buena página web tiene:

1. Un buen header en la sección del Homepage
2. Todas las secciones son importantes y están engranadas hacia la conversión.
3. El diseño y los textos deben ser armónicos de una sección a otra (y dentro de la misma sección).

Tienes a las justas, “medio segundo”!! máximo!! para captar la atención de tus potenciales clientes.
Según el estudio del Dr. Gitte Lindgaard

La cabecera es lo más importante.

1. Titula con propuesta de valor + imagen estática (menú sencillo)
2. Monitorizar el comportamiento + coherencia de voz
3. Estructura, tipografía, espacios, contenido. Nunca priorizar la estética sobre la claridad

• Mostrar el beneficio principal
• Usar verbos de acción

Acercamiento a las necesidades que cubres
Enlaces a otras secciones
Suscripción
Testimonios
Logos de marcas y medios de comunicación
Últimos Post y artículos destacados
enlaces rrss

Para todo esto es de suma importancia que se conozca a nuestro lector:

Las páginas de Internet son visitadas por personas como tú, que adoran algunas cosas y detestan otras. Por ese motivo, es muy importante “conocer” a tus lectores: ¿Quiénes son? ¿Qué les gusta? ¿Cómo se expresan diariamente?

Esa última pregunta es muy relevante, pues ayudará a definir el tono del texto. Un artículo para gerentes multinacionales debe tener un lenguaje muy diferente que el de un blog sobre música pop, por ejemplo.

Además de eso, si escribes algo dirigido a un determinado público – ahí es muy importante tener la definición de la persona –, las probabilidades de que se identifiquen y se involucren con tu contenido son muchos mayores.

El producto final de mi pagina wera here4data , ahora esta cutre, pero ya veran como quedara 😉

Acá les dejo unos apuntes que pueden ser de ayuda: https://bit.ly/3vfoVD7

Este es el ejemplo de mi pagina de inicio como pagina personal:
https://jonathanacosta383112660.wordpress.com/
Por favor espero sus aportes

No entiendo muy bien la parte de PUNTO DE DOLOR , ¿son preguntas o frases? o exactamente a ¿ qué se refiere?

Hace algún tiempo había trabajado en lo siguiente:
https://decimocirculo.com/
https://jorgecespedes.com/
Pero a la luz de estás indicaciones pienso que debería mejorarlo.

Precisamente esta semana le tengo que entregar los textos de mi sitio web al encargado de subirlos. Perfecto este curso.
Gracias

DESAFÍO
Me encararía que le puedan dar un ojo a mi web, mi web no es expresamente para vender servicios, es más como portafolio profesional, aun que traté de incorporar todo lo dicho ¿qué les parece?
https://jonathansantoyo.com/

wow @RosaMorel , no a los sliders y animaciones entonces? Muchas ONGs de conservación presentan sliders, de paisajes hermosos, generalmente del ámbito en el que operan. Interesante

Texto para Homepage

Descripción y link de imagen
Manualidades hechas a mano, con variedad de diseños a elegir, creado para perdurar en el tiempo.

Titulares
Manualidades y Artesanía
Disfruta de un trabajo personalizado.
Haz que tus obsequios sean originales.

Subtítulo

• Hecho a paño lency.
• Hecho en patchwork.
• Hecho en tela.

CTA1 de suscripción

• Suscríbete para recibir las ofertas del mes.

Puntos de dolor:

• ¿Cansado de obsequiar lo mismo que los demás?
• Ven y personaliza a tu gusto.

Beneficios: Costura a mano, con materiales resistentes y de mayor duración.

Testimonios: Me encantan tus trabajos.

Links a otras secciones:

• Sobre mí.
• Productos.
• Contáctanos.

CTA2 de suscripción

• Adquiere el curso online.

Desafío:
*Escribe el borrador de tu página de inicio. Puedes guiarte de la plantilla que encuentras en los archivos de la clase.

Qué bloques debo incluir en mi Homepage?
Acercamiento a las necesidades que cubres.
Enlaces a cada sección principal de tu web.
Un formulario de suscripción.
Testimonios de clientes satisfechos.
Logos de marcas y medios de comunicación.
Últimos posts o artículos destacados.
Enlaces a redes sociales.

El diseño y el texto deben trabajar en armonía:
*Ten en cuenta las estructuras, espacios y tipografías de tu página.
*Nunca priorices la estética a la claridad.
*Un buen diseño hace destacar el texto.

Todas las secciones deben formar parte de la estrategia de conversión:

• Monitoriza el comportamiento del usuario.
• Revisa que haya coherencia de voz en todas las secciones.
  -No descuides la sección de Contacto.

Así es la estructura ideal de tu página de Inicio / Homepage
La cabecera (header) de la Homepage es lo más importante de tu página:
Añádele un titular potente con una propuesta de valor única.
Huye de los slider y animaciones que entorpezcan el foco.
Ten un menú sencillo, claro y fácil de navegar.

Hola compañeros, a continuación les dejo mi página web, agradezco sus comentarios y sugerencias

Siempre me gustaron los sliders.
Con esta clase tomé conciencia de que cada uno compite con los otros y al final nadie gana.
Me sirvió. Y ya lo estoy aplicando! jejeje

Interesante el asunto de los sliders. He dejado de utilizarlos tanto, aun sin saber que ya no era una buena idea utilizarlos porque desvían la atención. Las últimas web´s que he creado solo tienen 1 slider y un título. Así que de ahora en adelante no le recomendaré a los clientes usar varias imágenes. Buen dato!

Hola Rosa! bueno no se alguien va a ver mi pregunta, en este video hablas de no utilizar carousel de imágenes y tu comentario me parece sensato, pero qué hay de los videos de fondo?, que opinas de los mismos?

Titulares
GENERA MÁS OPORTUNIDADES DE NEGOCIO EN TU INDUSTRIA

Subtítulo
Define tu estrategia digital hoy mismo. Nosotros te decimos cómo

CTA de suscripción
Comenzar>

Puntos de dolor
Transforma tu negocio y deja de perder dinero en crecimiento. Invierte inteligente.
Elimina altos costos de la venta estratégica de tus servicios.

Beneficios
Toma las oportunidades que internet ofrece.
Consigue prospectar tus clientes como las mejores marcas lo hacen con nosotros.

Link a otras secciones
Sobre nosotros
Servicios
Blog
Contacto

CTA2 de suscripción
Recibir información

Saludos, AF.

Ojo, noto que algunos de los apartados hacen referencia mas a una Landing Page, y no a una Web completa. por Ejemplo el llamado a la acion dos veces.

Deberían incluir en cada curso una parte donde se descarguen todos los archivos del curso.

Descripción y link de la imagen
Titulares.
El mundo Digital al alcance de tus manos
Subtitulo
quieres que tu negocio o empresa , se encuentre posicionada en el mundo digital?
Te enseñamos todos los elementos necesarios para definir tu estrategia de marketing digital. Somos expertos en innovación
CTA de suscripcion
Puntos de dolor
te brindamos las mejores soluciones para que tu negocio ocupe un lugar preferencial en el mundo digital
deja de gastar montones de dinero en publicidad que no tiene el resultado que esperas
Beneficios
Aprovecha todas las bondades y oportunidades que te ofrece el internet
genera mas ventas
posiciona tu marca
Has que tus clientes sean fieles con tu marca o empresa
Ahorra tiempo y esfuerzo
Testimonios
Clientes satisfechos
experiencias vividas con las empresas
romper el mito
**Links a otras secciones **
¿Quienes somos?
Servicios
blog
Contacto
Cta 2 de Suscripcion
Contactanos y notarás el nuevo mundo

gracias

Excelente reto para aplicar a la hora de desarrollar mi web

Que gran clase

alguien me podría explicar que es un borrador por favor

ouch yo tengo un slider

¡Me esta encantando este curso! Espero ver a Rosa en otros cursos

Un paso más para perfeccionar la web.

yo tambien tengo slider, es momento de cambiar