Aplicación web interactiva que combina narrativa, diseño y desarrollo front-end para crear un archivo digital inmersivo de escenarios ficticios.
Rol
Diseño UX/UI + Desarrollo Front-end
Tecnologías·
HTML5 · JavaScript · CSS3
Herramientas
Visual Studio · GitHub · Figma
Un proyecto increíble, con un concepto muy elegante y muy bien trabajado, tanto a nivel de diseño como de código. No tengo nada más que añadir sobre el proyecto: es excelente. ¡Muy buen trabajo!
Explorador de Escenarios Olvidados es una web interactiva que combina diseño visual, narrativa y desarrollo front-end para crear una experiencia digital inmersiva.
El proyecto presenta una serie de escenarios ficticios, acompañados de relatos, imágenes y efectos visuales, como si fueran parte de un archivo digital. Todo está enmarcado dentro del universo de una sociedad ficticia llamada La Sociedad del Viento, que da contexto al contenido y conecta las distintas secciones de la web.
El reto consistía en diseñar una experiencia que fuera más allá de una web tradicional, donde el usuario no solo consumiera contenido, sino que lo explorara de forma activa, como si accediera a un archivo confidencial.
Para ello, se planteó una estructura basada en exploración y descubrimiento, donde cada sección funciona como una pieza independiente pero conectada dentro de un sistema coherente.
En una primera fase, se definió el universo del proyecto y su identidad visual basada en una estética editorial y oscura, inspirada en archivos antiguos y documentos confidenciales.
El proyecto se diseñó como un sistema modular, organizado en múltiples páginas HTML independientes conectadas.
Design Foundations (Figma) / Estructura del código (Visual Studio)
Se implementaron distintas microinteracciones para reforzar la experiencia de exploración:
Además, se integró un elemento oculto en forma de popup interactivo con efecto máquina de escribir, incentivando la exploración del usuario.
Se han logrado resultados sobresalientes en las auditorias de código y calidad:
100/100 en Lighthouse en rendimiento, accesibilidad, SEO y buenas prácticas
Calidad del CSS / Especificidad del CSS / Resultados en Lighthouse
El resultado es una experiencia web interactiva que va más allá de una página tradicional, combinando diseño, narrativa y tecnología.
La plataforma consigue:
Proyecto calificado con 90/90 (la máxima posible). Recomendado para proyecto destacado.
¿TRABAJAMOS JUNTOS?
Disponible para proyectos de diseño y desarrollo web.
