Analiza páginas de inicio reales y evalúa su diseño
Ahora que conoces los principios de una buena página de inicio —escaneabilidad, llamados a la acción y navegación clara— es momento de aplicar ese conocimiento de forma crítica.
Objetivo
Vas a elegir dos sitios web reales (pueden ser de empresas, portafolios de freelancers, agencias, blogs, etc.) y analizar únicamente su página de inicio. El objetivo es identificar qué tan bien aplican las recomendaciones de diseño vistas en esta lección.
¿Qué debe incluir tu análisis?
Tu reporte debe estar dividido en dos partes (una por sitio) y responder a estas preguntas clave:
1.
¿La información es fácil de escanear?
• ¿Usan títulos, subtítulos, listas o espacios en blanco?
• ¿El contenido se puede entender con una lectura rápida?
2.
¿Los llamados a la acción (CTAs) son visibles y claros?
• ¿Qué acciones invitan al usuario a realizar?
• ¿Se destacan visualmente los botones o enlaces?
3.
¿La navegación es clara e intuitiva?
• ¿Es fácil saber a dónde ir?
• ¿El menú es visible y funcional?
4.
Puntos fuertes del diseño
• ¿Qué elementos están bien logrados y por qué?
5.
Puntos débiles o mejorables
• ¿Qué cosas podrían mejorarse? Da ideas concretas.
Formato del reporte
Publica tu análisis como una nueva entrada en tu sitio web de investigación y desarrollo, usando el título sugerido: "Análisis de páginas de inicio reales"
Usa subtítulos para organizar cada sección (un sitio por sección) y responde claramente a las preguntas clave. Puedes incluir capturas de pantalla si deseas reforzar tus observaciones.
💡 Elige páginas de inicio que sean diferentes entre sí: por ejemplo, una muy moderna y otra más tradicional. Así podrás comparar estilos y enfoques de diseño.
Sesiones del Curso
1- ¿Qué es la web y cómo funcionan los sitios web?
2- ¿Qué es WordPress y por qué es tan popular?
3- WordPress.com vs WordPress.org
4- Actividad de Investigación: Sitios web populares hechos con WordPress
5- Actividad especial – Personaliza la entrada de bienvenida
6- Entradas vs Páginas en WordPress
7- Actividad de investigación y desarrollo: Planifica tu sitio web
8- ¿Qué es un blog y cómo se organiza el contenido?
9- Categorías y Etiquetas en WordPress
10- Actividad Especial: Crear un mini-blog temático
11- Información Adicional
12- Actividad de investigación y/o desarrollo: Explora 3 blogs reales y analiza su uso de categorías y etiquetas
13- Estructura de páginas tradicionales de un sitio web
14- Jerarquía de páginas en WordPress
15- Actividad especial: Crea una estructura de páginas con jerarquía
16- Información adicional
17- Actividad de investigación y/o desarrollo: Diferencia entre página estática y entrada en WordPress
18- ¿Qué es el Editor de Bloques?
19- Tipos de Bloques en Gutenberg
20- Actividad Especial: Estructuración Visual con el Editor de Bloques
21- Información adicional
22- Actividad de Investigación: Explorando Bloques Avanzados de Gutenberg
23- Principios básicos de diseño web
24- Estructura básica de una página de inicio efectiva
25- Cómo estructurar una biografía efectiva
26- Elementos visuales clave
27- *[video] Actividad: Crear un borrador de la página “Sobre mí”
28- Actividad de Investigación y Desarrollo: Analiza 3 páginas "Sobre Mí" reales
29- Actividad Especial: Personaliza tu página “Sobre Mí”
30- Información Adicional
31- Componentes esenciales de una página de contacto
32- Buenas prácticas de usabilidad
33- *[video] Actividad: Insertar un formulario con WPForms
34- Actividad de investigación y/o desarrollo
35- Actividad especial: Crear tu página de contacto
36- Información Adicional
37- * Video intro
38- Actividad especial: Personaliza una página
39- * Video intro
40- Cómo presentar servicios de forma clara y atractiva
41- Estructura tradicional de página de servicios
42- *[video] Actividad: Monta tu página de Servicios
43- Actividad de Investigación y Desarrollo
44- Actividad Especial: Crea una página de “Servicios” usando tu análisis
45- *[video] Introducción
46- ¿Qué es un portafolio o página de proyectos?
47- *[video] Actividad: Cómo mostrar proyectos en WordPress (opciones simples y avanzadas)
48- Actividad de Investigación y/o Desarrollo
49- Actividad Especial: Personaliza tu página “Portafolio” o “Proyectos” usando tu análisis
50- *video intro
51- Información adicional
52- ¿Qué se puede hacer con plugins en WordPress?
53- Información adicional
54- Buenas prácticas al elegir plugins
55- *[video] Introducción
56- *[video] Actividad: Instalar plugin para carrusel de imágenes
57- *[video] Introducción a la lección
58- *video intro
59- *[video] Actividad: Instalar y usar plugin de bloques avanzados
60- ¿Qué son los Patrones de Páginas?
61- Rol de la página de inicio en un sitio web
62- Actividad especial: Usa plugins en algunas de tus páginas
63- *[video] Actividad: Insertar un Patrón en una Página
64- Recomendaciones de diseño: escaneabilidad, llamados a la acción, navegación clara
65- Actividad de Investigación y/o Desarrollo
66- Explorando la Biblioteca de Patrones
67- *[video] Actividad: Estructura típica de una página de inicio
68- Información adicional
69- Actividad Especial: Crear una Página Completa con Patrones
70- Actividad de Investigación y Desarrollo
71- *video intro
72- Información adicional
73- Actividad Especial: Crea una página de inicio completa
74- ¿Qué es un tema en WordPress?
75- Actividad de Investigación: Explorando el Directorio de Patrones
76- Información adicional
77- *[video] Actividad: Exploración e Instalación de tema Astra
78- Replicar un sitio web desde cero
79- *Actividad especial: Modifica libremente el Starter Template elegido
80- Actividad de investigación y/o desarrollo: Actualiza tu planificación de sitio web
81- * video intro
82- Actividad de Investigación y Desarrollo: Explora un Starter Template de Astra
83- Actividad Especial: Comienza a construir tu sitio web personal
84- Personaliza tu resultado
85- Información adicional
86- Actividad especial: Completa tu página web
87- *video intro
88- Actividad de Investigación y/o Desarrollo: Redacta tu Informe del Proyecto
89- Introducción a la lección
90- ¿Qué hacer en este proyecto?