Diseño de una web guía de lectura de el universo de fantasía Mundodisco

El proyecto se basa en la creación de una plataforma digital centrada en la obra del autor Terry Pratchett, especialmente en su saga más extensa y popular: Mundodisco.

Con este proyecto se pretende crear un espacio claro, coherente y visualmente atractivo que rinda homenaje a la narrativa de Terry Pratchett y que al mismo tiempo funcione como un punto de partida para nuevos lectores. También se contempla su uso como plataforma comercial para la venta de libros.

Diseño web

Investigación UX

Identidad visual

Ilustración

Open Sans

Aa

A B C D E F G H I J K M N Ñ O P Q R S T U V W X Y Z

a b c d e f g h i j k m n ñ o p q r s t u v w x y z

Cherry Swash

Aa

A B C D E F G H I J K M N Ñ O P Q R S T U V W X Y Z

a b c d e f g h i j k m n ñ o p q r s t u v w x y z

Se modificó la fuente Huimbor Regular, para mejorar su legibilidad y coherencia con el tono del proyecto. Esto se logró eliminando elementos decorativos y se resaltaron ciertas letras dotándole de simetría.

La organización de la extensa obra de Mundodisco, con más de 40 novelas y contenidos adicionales, supuso un reto a nivel estructural. Se diseñó un sistema que permite presentar la información de forma clara y accesible sin perder el enfoque narrativo.

Se optó por una navegación vertical pensada para entornos digitales, facilitando una exploración intuitiva mediante scroll. El contenido se estructura en seis sagas principales, cada una representada como un cartel visual, manteniendo la coherencia estética y permitiendo identificar fácilmente las distintas líneas narrativas.

La paleta cromática se compone de seis colores principales, uno por cada saga, combinados en tonos claros y oscuros para generar contraste y profundidad para las ilustraciones. Este sistema facilita la identificación visual y mejora la navegación.

Las ilustraciones refuerzan la identidad del proyecto, captando la atención desde el inicio y funcionando como una introducción visual al tono y la atmósfera de cada saga.

Se desarrolló una animación del logotipo como elemento de entrada a la página, generando una experiencia inmersiva.

Los carteles de cada saga permanecen visibles en pantalla y actúan como puntos de navegación, permitiendo acceder al inicio de cada sección con un solo clic. Esta misma lógica se aplica a las ilustraciones principales, que también funcionan como accesos directos.

Además, los títulos de los libros aparecen mediante interacción hover, reduciendo la carga visual en pantalla y mejorando la claridad durante la exploración.

Proyectos relacionados