Design Led by Mood and Visual Storytelling
Rather than relying on dense copy or feature lists, we designed the experience to communicate through mood, pacing, and composition. Large areas of negative space, controlled colour palettes, and a carefully considered visual hierarchy allow tension to build naturally, reflecting the rhythm and restraint of the comics. This approach invites curiosity and encourages exploration, rather than overwhelming visitors with information.
Narrative Integrated Into the Interface
Narrative was treated as a structural part of the interface, not simply content placed on top of it. Text appears as fragments, prompts, and interruptions, guiding users through the story of the Wyrd in a way that feels intuitive and immersive. This allowed the website to act as a narrative bridge between the Hellboy universe and the game, without relying on traditional storytelling conventions.
Communicating Combat Through Composition
Instead of explaining gameplay mechanics directly, we focused on communicating the feeling of combat. Dynamic layouts, exaggerated typography, and shifts in scale were used to suggest impact, danger, and physicality. This mirrors Hellboy’s raw, close-quarters fighting style and helps users understand the tone of play instinctively.
Curated Art as World-Building
The art gallery was designed as a world-building tool rather than a conventional screenshot section. Imagery was carefully selected to highlight character, environment, and narrative moments, then presented with the framing and pacing of comic panels. This reinforces the authenticity of the visual direction and positions the game as a canonical Hellboy story.
Conversion Without Breaking Immersion
Every call to action was designed to feel native to the world of Hellboy. Instead of generic prompts, narrative language was used to invite users to join the B.P.R.D. investigation, maintaining immersion while still supporting commercial goals. This ensures the experience remains cohesive from first interaction through to conversion.
