x

Casa de Fieras

Web Design · UX/UI · Storytelling Platform

An immersive digital environment where readers explore characters, lore, games, and rich content to deepen their connection with the Casa de Fieras universe.

see more

Challenge & Response

The Request

The author and publisher needed a dynamic online hub to support the Casa de Fieras book series — featuring interactive content, lore exploration, quizzes, media materials, updates, and community engagement. The site had to convey a sense of wonder, world-building, and narrative depth, appealing to both young readers and adult fans interested in the mythology of Animalia.

 

The Solution

We created a structured, multi-section website—reminiscent of a living digital companion for the series. Key sections include:

  • Interactive world map featuring portals, habitats, and character houses

  • Character profiles, enabling readers to engage with personalities and backstories

  • Quizzes and games, making Animalia’s universe playful and participatory

  • Lore section and short stories, curated by the author herself

  • Events and updates, with news on book launches and appearances

see more

The visual direction

Interactive fiction platforms · Kid & YA digital worlds · Mythic bestiary design

Curious · Magical · Narrative-driven

 

  • Navigator-style menu for Animalia, Characters, Glosario, Relatos, Games, and News 

  • Consistent color-coded design for exploration (e.g. portals marked on the map)

  • Illustrative elements and archival-style typography enhancing the mythic tone

  • Mobile-responsive layout with accessible interactions and readable fonts


 

We Observe

We studied how readers — notably children and YA audiences — engage with fantasy worlds online, identifying the need for intuitive discovery and interactive storytelling. We analyzed existing fantasy websites and the strong lore of Casa de Fieras.

We Edit

We filtered content into clear categories and prioritized interactive navigation. Instead of a traditional menu, we implemented a map-based entry point to invite organic user exploration.

We Design

We crafted a modular layout featuring tabs, quiz modules, story pages, and character profiles, using playful iconography and color cues to guide users through portals and locations—from Madrid’s Casa de Fieras to Cusco and beyond.

We Refine

We optimized loading performance (especially for graphics and quizzes), ensured readability and accessibility, and refined mobile navigation to feel natural for readers of all ages. We synced site updates with new book launches and author news.

see more

What you see

A glimpse into the final expression of the brand.

see more

© Sobrelafaz. Crafted with precision & imagination.