Ejemplo de mapa de navegación para un sitio web, mostrando la estructura jerárquica de sus páginas y secciones principales. Este recurso sirve como referencia para planificar la arquitectura de la información y facilitar la experiencia de usuario, pudiendo adaptarse a distintos tipos de proyectos web.
- Encabezado
- Nombre del parque.
- Eslogan motivador.
- Menú de Navegación
- Inicio (/index.html)
- Rutas (/rutas.html)
- Fauna (/fauna.html)
- Reservas (#reservas)
- Contacto (#contacto)
- Cuerpo Principal
- Introducción al Parque Natural.
- Botón de Call to Action (CTA) para reservas (#reservas).
- Formulario de Reservas
- Campos: Nombre, correo electrónico, fecha de visita.
- Botón de envío.
- Pie de Página
- Información de contacto.
- Mapa interactivo de Google Maps.
- Encabezado
- Menú de navegación (igual que la landing page).
- Sección de Rutas
- Lista de rutas con descripción, distancia y nivel de dificultad.
- Fotografías representativas de cada ruta.
- Botón de "Reservar" vinculado al formulario de reservas en la landing page.
- Pie de Página
- Información de contacto.
- Encabezado
- Menú de navegación (igual que la landing page).
- Sección de Fauna
- Lista de especies destacadas con descripciones y fotografías.
- Botón de navegación para regresar a la página principal.
- Pie de Página
- Información de contacto.
- Landing Page (index.html): Introducción al parque, con enlaces al formulario de reservas y otras páginas.
- Rutas (rutas.html): Información detallada sobre las rutas, con un enlace al formulario de reservas.
- Fauna (fauna.html): Información sobre especies destacadas, con navegación de regreso a la landing page.
- Reservas (#reservas): Disponible en la landing page, accesible desde todas las páginas a través del menú de navegación.
- Contacto (#contacto): Disponible en el pie de página de la landing page.