1. Encabezado
1.1. Es la sección superior de la página, que aparece de forma constante en todas las páginas del sitio. Suele aparecer por encima del resto del contenido de la página y contiene elementos como el logo, el menú y otra información importante.
1.1.1. Encabezado fijo: Permanece en la parte superior de cada página web para que siempre esté visible, independientemente de la página en la que se encuentre el visitante o de cuán lejos se desplace. Este enfoque sencillo pero eficaz, garantiza un acceso ininterrumpido a la información esencial.
1.1.2. Encabezado vertical: El logo y otros elementos se apilan verticalmente, lo que permite una presentación compacta y simple. Colocar el encabezado verticalmente llama la atención y crea una sensación de interés visual. Puede ayudar a diferenciar tu página web de otras que utilizan encabezados horizontales más convencionales.
1.1.3. Encabezado estático: A diferencia de los encabezados fijos, los estáticos no se mueven y desaparecen de la vista cuando el visitante se desplaza. Esta opción prioriza el espacio y la simplicidad sobre la facilidad de navegación. Si eliges un encabezado estático, considera la posibilidad de añadir un botón de “Volver al inicio” para facilitar la navegación a los visitantes.
2. Menú
2.1. Son una serie de elementos enlazados que sirven para facilitar la navegación entre las distintas páginas o secciones de un sitio web. Existen varios tipos de menús, en función del contenido y el diseño de la página web.
2.1.1. Menú de navegación clásico: este tipo de menú, el más extendido, se coloca en la cabecera de la página web, normalmente en forma de lista horizontal.
2.1.2. Menú fijo: también conocido como menú flotante, este menú permanece quieto a medida que los visitantes se desplazan por la página. Son ideales para páginas de desplazamiento largo.
2.1.3. Menú desplegable: un menú que despliega una lista de elementos adicionales cuando los visitantes hacen clic en uno de sus elementos (o pasan el mouse por encima). Esta opción es adecuada para páginas web con mucho contenido.
3. Imágenes
3.1. Es un elemento gráfico que se utiliza para representar visualmente una idea, un concepto o información en la página. Las imágenes pueden ser fotografías, ilustraciones, gráficos, imágenes vectorizadas o cualquier otro tipo de imagen digital.
3.1.1. JPG / JPEG: El formato JPEG es uno de los formatos de imagen más comunes para la web. Es un formato de imagen comprimido que puede mostrar millones de colores y es adecuado para fotografías y otras imágenes con muchos detalles.
3.1.2. PNG: El formato PNG es otro formato común de imagen para una página web. Es adecuado sobre todo para imágenes que contienen texto o gráficos y en las que necesitas que el fondo de la misma sea transparente.
3.1.3. GIF: El formato GIF es un formato de imagen animada que puedes usar para crear imágenes animadas y simples. Es adecuado para animaciones cortas y sencillas, como iconos animados o imágenes de carga. Eso sí, mi recomendación es que, si los utilizas, no abuses de ellos porque pueden marear demasiado al usuario.
4. Contenido del sitio web
4.1. Cubre una amplia gama de funciones. Desde los párrafos que explican la misión de tu marca o negocio, hasta una sola palabra en los diferentes botones.
4.1.1. Información del producto o servicio: El objetivo fundamental es dar a conocer un producto o servicio, es indispensable que parte de tu contenido web esté dedicado a comunicar las características del producto o servicio.
4.1.2. Blog: Puede dar información de valor para los usuarios, y a la vez, vincular a la empresa, describiendo cómo el producto o servicio ofrecido puede ayudar a saciar las necesidades. Tener un blog dentro del sitio web ayuda a consolidar una estrategia de marketing digital en general, y es una gran oportunidad SEO, para posicionar el sitio web con diferentes palabras claves.
5. Página de inicio
5.1. Todos los diferentes tipos de páginas web tienen una sola página en común, la página de inicio. Siendo la primera impresión que tendrán los visitantes de tu sitio, tu página de inicio debe comunicar tu mensaje principal para mantener a tus visitantes interesados.
6. Pie de página
6.1. Se encuentra en la parte inferior de un sitio web. Normalmente contiene un mapa del sitio, que ayuda a los visitantes a encontrar lo que están buscando. Es el lugar ideal para enlazar a contenido importante que no pertenece al encabezado o al contenido principal, así como información básica de contacto y redes sociales. En el pie de página también puedes incluir una barra de suscripción a tu newsletter, la política de devoluciones para tu tienda online, o preguntas frecuentes.
7. Logo
7.1. Ayuda a representar a tu empresa y la hace reconocible y memorable tanto para los clientes existentes como para los potenciales. Normalmente, los logos dentro de una página web se encuentran en el encabezado, ya sea en la parte superior izquierda, o en el centro, y están vinculados a la página de inicio.
7.1.1. Logotipo o logo. Se refiere exclusivamente al diseño tipográfico del nombre o palabra que define a la marca que se quiere representar.
7.1.2. Isotipo. Es la representación de una marca cuando se compone sólo de una imagen. No hay tipografía, no lo puedes leer aunque sí puedas entender qué representa el diseño.
8. CTA o llamados a la acción
8.1. Es una indicación en tu sitio web que solicita a los usuarios que realicen una acción específica. La mayoría de los textos de llamadas a la acción se escriben en imperativo o como peticiones, por ejemplo, "Inscríbete hoy" o "Compra ahora". Las CTA se presentan en forma de botones e hipervínculos.
8.1.1. Las CTA aparecen en diferentes lugares de un sitio web: Ventanas emergentes y contenido con desplazamiento. Páginas de compra o páginas de pago. Anuncios Al final de una página de un artículo o páginas de aterrizaje. Paneles laterales. Encabezados persistentes.
9. Blog
9.1. Es esencialmente una colección de artículos y publicaciones que se relacionan con tu negocio. Cada vez más, es muy común que las páginas web utilicen esta herramienta dentro de su estrategia de email marketing y SEO. Un blog puede crearse como un sitio web independiente o vincularse como una subpágina en la barra de navegación.
9.1.1. Los tipos de blogs más populares en la blogósfera son: Blogs de comida Blogs de viaje Blogs de sald y fitness Blogs de estilo de vida Blogs de moda y belleza Blogs de negocios Blogs de deportes Blogs de arte
10. Formularios
10.1. Los formularios en línea generalmente se utilizan para recopilar información. Pero también se pueden utilizar para otros propósitos como un formulario de contacto que permita a los visitantes comunicarse contigo directamente desde tu sitio.
10.1.1. Formularios de contacto se utilizan para que los leads pregunten a tu negocio una pregunta, compartan una preocupación o incluso explicar su necesidad para un reembolso.
10.1.2. Formulario para generación de leads: Estos formularios web convierten tus visitantes de sitio en leads. Generalmente piden información personal como nombre, empresa, dirección de correo, teléfono y en ocasiones un nombre de usuario y contraseña para los que regresan al sitio.