Hace unos meses, José Luis Antúnez nos presentó a Pablo, CEO de Numen Games, quien lidera un proyecto que quiere transformar cómo interactuamos con Internet. Su visión es ambiciosa: convertir la web en un entorno virtual 3D donde las experiencias sean tan inmersivas que puedas “sentir” lo que ves en la pantalla. Aún estando en una etapa inicial ya están creando experiencias para empresas que les ayudan a sustentar esta visión poderosa de futuro.

El desafío era claro: la página web de Numen no representaba el potencial de su proyecto. Nuestro trabajo consistió en reflejar la innovación, ambición y cultura de Numen Games en base a su nueva identidad visual establecida.

Punto de partida:

El proceso: inmersión y estrategia narrativa

Empezamos haciendo una reunión larga con Pablo para entender toda la nueva estrategia narrativa. Esta es una parte clave en cada proyecto ya que tenemos que sumergirnos en cada proyecto para poder comprender qué es lo que realmente se quiere. Este trabajo no se ve ya que es puro análisis, pero cuando se hace se siente en el resultado final.

Definimos una dirección clara:

1. Transmitir el enfoque 3D.
2. Representar la cultura gaming detrás de Numen.
3. Reflejar su ambición de cambiar el mundo de internet.
4. Mostrar su transparencia como valor esencial.

De las ideas al diseño

Con esto en mente empezamos a estructurar el Figma. La estructura siempre la hacemos de la siguiente manera para favorecer el éxito del proyecto:

• Estructura: bocetamos el sitemap de la web y las secciones de cada página sin diseño.
• Web Look&Feel: se presentan diferentes opciones para el cliente para ver por qué estilo visual quieren tirar.
• Web Screens&Development: una vez decidido el estilo visual se diseñan todas las páginas y se van marcando para desarrollar. Esto nos permite agilizar tiempos.
• Librería: definimos colores, tipografías, botones, recursos gráficos... todo lo necesario para que el proyecto tenga coherencia y sentido.

Gracias al extenso branding que nos facilitó Pablo comenzamos definiendo la librería para establecer una base sólida sobre la que trabajar.

Estructura de la nueva página web

Antes de lanzarnos a definir la estética visual, bocetamos el nuevo sitemap de Numen y la estructura de la página principal. El objetivo: llevar a los usuarios al formulario de contacto y a probar una demo en 3D.

Look & Feel, nuestra parte favorita

La parte donde entra el jugar con toda la información que hemos recopilado hasta el momento para transmitirlo de forma visual. Estas fueron las diferentes propuestas que les presentamos en la primera entrega:

De todas las 5 propuestas presentadas, les encantó la primera, también nuestra preferida. La idea detrás de esta propuesta era representar la entrada al mundo 3D que ofrece Numen animando las puertas como si tuvieses que pasar entre ellas hasta llegar a Numen.

Teniendo ya el estilo visual, empezamos a estructurar y diseñar todas las páginas.

Iteración y diseño de todas las páginas

Pasamos a la fase de iteración, un momento clave donde el diseño cobra vida en su totalidad. Este proceso consistió en diseñar y perfeccionar las 9 páginas principales del proyecto: Home, Servicios, Blog, Manifesto, Contacto, Numinia, Help Center, Pricing y Team.

Durante esta etapa, trabajamos de manera colaborativa con el equipo de Numen, asegurándonos de que cada página reflejara su visión y cumpliera con sus objetivos estratégicos. Cada semana, actualizábamos el archivo de Figma con los avances realizados, manteniendo al cliente al tanto del progreso y abriendo espacio para su feedback continuo.

La iteración es un proceso que nos permite ajustar y mejorar cada detalle, desde la estructura hasta los elementos visuales y la usabilidad. En este caso, nos enfocamos en:

• Alinear la narrativa de cada página con el storytelling general del proyecto.
• Mantener coherencia visual en todos los elementos para transmitir una identidad sólida.
• Optimizar la experiencia de usuario, priorizando la navegación intuitiva y la conversión hacia objetivos clave, como el formulario de contacto y la demo 3D.

Este enfoque iterativo no solo garantiza resultados de alta calidad, sino que también fomenta una colaboración constante, haciendo que el cliente se convierta en un director creativo.

El resultado

El rediseño de Numen Games dio como resultado una experiencia digital que combina estética y funcionalidad de manera armoniosa. Cada página está diseñada para transmitir su esencia: la ambición por revolucionar el internet y conectar con de forma humana a través del 3D.

Visualmente, la web destaca por:

• Tipografía impactante que equilibra modernidad y claridad, reforzando la autoridad y la ambición de la marca.
• Paleta de colores envolvente, cuidadosamente seleccionada para evocar un ambiente futurista y profesional sin perder la calidez de su identidad gaming.
• Interacciones dinámicas que crean una experiencia inmersiva, guiando al usuario a través de un recorrido fluido y atractivo.
• Elementos 3D sutiles pero protagonistas, integrados estratégicamente para reforzar la narrativa sin abrumar al usuario.

Estructuralmente, el diseño prioriza la navegación intuitiva y los objetivos de conversión. Desde la Home hasta páginas específicas como servicios o contacto, la jerarquía visual y la disposición de los elementos conducen al usuario hacia acciones clave, como explorar la demo en 3D o iniciar una conversación con el equipo de Numen.

En conjunto, la web no solo representa la visión de Numen, sino que también actúa como una puerta de entrada al futuro del internet que están construyendo. Tanto Pablo como su equipo quedaron encantados con el resultado.
‍
‍Futuro
Estamos trabajando en documentar en detalle el Figma de Numen para poder liberarlo, hacerlo open source y que cualquiera sea capaz de construir Numen.