El Estanque AzulREIMAGINADO EN NMC LABSVolver a la granja ↗

2021 → 2026 / DISEÑO Y DESARROLLO WEB

Mi primera web.
Una nueva mirada.

El Estanque Azul empezó como un proyecto académico de HTML y CSS. Cinco años después, vuelvo a esa granja imaginaria para darle una nueva forma de descubrirse.

ORIGEN
Primera evaluación de ASIR · 2021
NUEVA VERSIÓN
Reimaginado en NMC Labs · 2026
MI TRABAJO
Concepto, diseño y desarrollo
TECNOLOGÍAS
HTML · CSS · JavaScript
Paisaje de la granja ficticia que inspira ambas versiones

De dónde partía

En diciembre de 2021 creé mi primera web como trabajo de la primera evaluación de ASIR: una granja ficticia con páginas sobre los animales, las instalaciones y el equipo. Era una forma de aprender a estructurar contenido y darle forma con HTML y CSS.

La versión original sigue disponible y conserva su propio repositorio. Ha recibido mantenimiento e imágenes nuevas con el tiempo; se presenta como el proyecto iniciado en 2021, no como una copia intacta de aquella entrega.

Explorar la versión original

Qué quería mejorar

La nueva versión organiza la experiencia alrededor de una pregunta: ¿qué necesitaría alguien para descubrir esta granja e imaginar una visita?

  • Una identidad propia. Colores de campo y estanque, tipografía editorial y un símbolo que reúne paisaje y agua.
  • Un recorrido más claro. Presentación, animales, experiencias y planificación, conectados desde la navegación.
  • Contenido que ayuda a decidir. Tres propuestas de visita con público y duración, más respuestas a preguntas habituales.
  • Una interacción útil. Un planificador que adapta el recorrido y el tamaño del grupo sin pedir datos personales.
  • Una base cuidada. Imágenes WebP, navegación por teclado, formularios etiquetados, diseño adaptable y respeto por la preferencia de movimiento reducido.

Qué se puede probar

La demo permite elegir una experiencia, una fecha y el número de visitantes. A partir de esa selección crea un pequeño itinerario de ejemplo, que se puede revisar y modificar.

Todo sucede en el navegador. No hay reservas reales, pagos, cuentas, almacenamiento ni envío de información. La granja, los recorridos y las imágenes son ficticios; las escenas se han generado con IA.

Para convertir este concepto en una web de un negocio real habría que validar el contenido con la granja, incorporar datos reales y conectar disponibilidad y solicitudes con su operativa.

Probar el planificador

Lo que muestra
esta evolución

El punto de partida era aprender a construir páginas. En esta reinterpretación, el trabajo incluye decidir qué contar, en qué orden y qué puede hacer la persona que visita la web.

Ambas versiones conviven para hacer visible el recorrido. La nueva tiene su propio repositorio y se publica en granja.nmclabs.dev como un sitio independiente alojado en Netlify.