Experiencia narrativa interactiva
3 min de lecturaThe Fairy Sisters of Evaland
Un mundo narrativo ilustrado que conecta lectura por capítulos, descubrimiento de personajes, ilustraciones, un mapa interactivo y un reproductor de música persistente.
Resumen
El proyecto de un vistazo
El problema Evaland tiene historias, lugares, personajes y música. Los visitantes necesitan varias formas de explorarlos sin perder su lugar en el mundo.
Lo que construí Un sitio narrativo con lector de capítulos, directorios filtrables de personajes e ilustraciones, mapa interactivo con enlaces a capítulos, reproductor de música persistente y selección de idioma.
Lo que requería atención Las ilustraciones detalladas y los distintos medios necesitan una navegación consistente y un ritmo acorde con el carácter amable del proyecto.
Lo que permite Los visitantes pueden entrar por una historia, un personaje, el mapa o la música, con espacio para añadir material a medida que Evaland crece.
El encargo
Ofrecer varias entradas a un mundo imaginativo
The Fairy Sisters of Evaland reúne un libro, sus personajes, lugares ilustrados y música. El sitio debía hacer accesible ese material como un mundo conectado, conservando el tono amable de una historia centrada en compasión, sabiduría, alegría y amor.
La página de inicio presenta a las cuatro hermanas en un cielo nocturno y ofrece dos caminos inmediatos: leer la historia o explorar Evaland. Una navegación consistente enlaza libro, personajes, galería, música y mapa para seguir la curiosidad sin perder el contexto general.
- Una introducción ilustrada a Evaland
- Lectura y exploración como entradas paralelas
- Navegación compartida entre distintos medios
- Cuatro hermanas presentadas mediante sus cualidades
El libro
Pasar del descubrimiento a una lectura concentrada
La página de historia presenta el primer libro y después un índice navegable. Los visitantes pueden comenzar al principio o elegir una entrada, con un camino claro tanto para nuevos lectores como para quienes regresan.
Abrir una entrada crea un lector con la posición en el libro, controles anterior y siguiente, acceso al índice y selección de idioma. Esto separa la lectura de la página general de descubrimiento y mantiene a mano la navegación por capítulos.
- Introducción al libro e índice navegable
- Un lector centrado en el capítulo
- Posición, navegación por capítulos y controles de idioma
- Comenzar al principio o elegir una entrada
Personajes e ilustraciones
Facilitar el descubrimiento de personajes y lugares
El directorio de personajes combina retratos ilustrados con el papel, cualidades y ubicación de cada ser. Los filtros distinguen a las hermanas hadas, visitantes de la Tierra, compañeros y comunidad, permitiendo explorar el elenco en grupos manejables.
La galería extiende ese vocabulario visual a paisajes y momentos del mundo. Los filtros temáticos organizan ilustraciones por lugares, comunidades y personajes, y las imágenes se abren en un visor de pantalla completa. Ambas páginas ofrecen una entrada visual a quienes prefieren explorar antes de leer.
- Perfiles ilustrados con contexto de papel y ubicación
- Grupos de personajes y filtros temáticos de ilustraciones
- Visualización de ilustraciones a pantalla completa
- Una entrada visual a la historia antes de leer
El mapa
Conectar la geografía con la historia
El mapa ilustrado convierte la geografía de Evaland en una entrada interactiva. Los marcadores con nombre muestran descripciones de lugares y personajes asociados, y los enlaces contextuales a capítulos conectan cada lugar con el libro. La lista de ubicaciones ofrece otra forma de elegir un destino.
Una vista de página completa da más espacio a la ilustración y conserva marcadores, detalles y controles de navegación. Así, el mapa funciona como ilustración atmosférica y como guía práctica por el mundo.
- Ubicaciones seleccionables con detalles contextuales
- Lugares conectados con personajes y capítulos
- Vista de exploración de página completa
- Lista de ubicaciones junto a los marcadores ilustrados
Música y continuidad
Dejar que el mundo continúe a través del sonido
La página de música presenta las pistas como parte de la atmósfera de Evaland. Elegir una pista muestra controles de reproducción y desplazamiento en su tarjeta y en un reproductor persistente, con pista anterior y siguiente, volumen y cierre.
Leer, mirar y escuchar comparten lenguaje visual y navegación. La selección de idioma y los controles de tema permanecen disponibles en toda la experiencia. El resultado es un sitio narrativo con varias formas coherentes de explorar su material, más allá de una introducción lineal.
- Tarjetas de pistas con reproducción y desplazamiento
- Reproductor persistente con controles de pista y volumen
- Navegación, idioma y tema consistentes
- Varias formas conectadas de explorar Evaland
El resultado
Los visitantes pueden entrar por una historia, un personaje, el mapa o la música, con espacio para añadir material a medida que Evaland crece.
El buen trabajo empieza con la conversación adecuada.
Hablemos de tu proyectoGalería
El proyecto en imágenes
Otro reto. El mismo cuidado.
Ver todo
Presence Box
Un sitio web de concepto de producto con comparación Core/Pro, un estudio de diseño 3D interactivo y una consulta basada en la configuración.
Descubrir el proyecto