Un universo 3D sin modelos: creatividad y código en un portafolio único

En proyectos web actuales, cada decisión visual también tiene impacto en navegación, confianza y conversión. Por eso el diseño se volvió una parte estratégica del crecimiento online.

La creación de un portafolio 3D sin utilizar modelos tradicionales ha permitido a Tomasz Szmajda ganar reconocimiento en la comunidad del diseño web. Este enfoque innovador, que desafía las normas establecidas, demuestra cómo la creatividad y el ingenio pueden superar las limitaciones técnicas.

En el mundo del desarrollo web, las herramientas y habilidades específicas a menudo dictan la dirección de un proyecto. Sin embargo, Tomasz Szmajda desafió esta norma al crear un portafolio 3D sin una sola habilidad en Blender, la popular herramienta de modelado 3D. En lugar de seguir el camino convencional, Szmajda optó por utilizar geometría plana y texturas dibujadas a mano, lo que resultó en un universo 3D galardonado.

El nacimiento de una idea innovadora

La idea surgió cuando Szmajda exploraba sitios web premiados como Awwwards y The FWA. Inspirado por portafolios que combinaban 3D e interacción dinámica, decidió crear su propio espacio tridimensional. Sin embargo, su falta de habilidades en Blender lo llevó a buscar un enfoque alternativo: construir un corredor infinito a partir de geometría plana, envuelto en texturas dibujadas a mano.

Para profundizar el contexto, también se puede leer: San Rita: Innovación y Creatividad en Experiencias Digitales.

Para profundizar el contexto, también se puede leer: El impacto del diseño web impulsado por IA en la experiencia del usuario.

La ejecución del proyecto

El proyecto comenzó en diciembre de 2025 con la intención de ser un sitio ilustrado en 2D. Sin embargo, rápidamente se dio cuenta de que necesitaba profundidad 3D real. Así, el proyecto evolucionó hacia Three.js y React Three Fiber, tecnologías que permitieron la creación de un entorno tridimensional inmersivo. Durante cuatro meses, Szmajda trabajó en sistemas de cámaras y mecánicas de desplazamiento, enfrentando desafíos técnicos significativos.

La estética única del portafolio

Desde el principio, Szmajda quiso que su portafolio se sintiera como un boceto que cobra vida. Este enfoque se reflejó en la apariencia de papel texturizado y puertas delineadas con tinta. La interacción principal del portafolio se centra en la transformación de elementos en blanco y negro a color al pasar el cursor, utilizando un shader personalizado que simula una pincelada de pintura.

Por qué esta noticia es relevante

El enfoque de Szmajda destaca la importancia de la creatividad en el desarrollo web. En un campo donde las herramientas y las habilidades técnicas suelen ser el foco, su trabajo demuestra que la innovación puede surgir de la limitación. Al ignorar el método “correcto” de codificar, creó una experiencia única que desafía las expectativas convencionales.

Cómo encaja dentro de la evolución del sector

El uso de tecnologías como Three.js y React Three Fiber refleja una tendencia creciente hacia la creación de experiencias web más inmersivas e interactivas. La decisión de Szmajda de utilizar texturas generadas por IA también señala un cambio hacia la automatización y la personalización en el diseño web.

Qué puede ocurrir a partir de ahora

El éxito del portafolio de Szmajda podría inspirar a otros desarrolladores a experimentar con enfoques no convencionales en sus proyectos. La industria del diseño web podría ver un aumento en la adopción de técnicas que prioricen la creatividad sobre la conformidad técnica, fomentando una mayor diversidad de experiencias web.

Qué aporta portafolio 3D sin modelos al diseño digital actual

How a complete lack of Blender skills accidentally led to an award-winning 3D universe. Here’s what happens when you ignore the “correct” way to code and build an infinite corridor out of flat geometry.

En una cobertura de diseño, el valor no está en sumar una tendencia visual aislada, sino en explicar qué problema resuelve, qué tipo de experiencia habilita y por qué puede ser relevante para equipos creativos, marcas o desarrolladores frontend.

El caso debe leerse desde la relación entre identidad visual, interacción, claridad narrativa y rendimiento. Cuando una experiencia inmersiva ayuda a entender mejor una marca o un producto, la técnica deja de ser decoración y se convierte en una decisión estratégica.

Aspectos técnicos que conviene revisar en portafolio 3D sin modelos

Antes de llevar una propuesta visual a producción conviene revisar peso de recursos, comportamiento en móviles, accesibilidad, fluidez de animaciones, navegación sin JavaScript crítico y compatibilidad con métricas como Core Web Vitals.

• Comprobar que el efecto no oculte información central.
• Medir carga inicial, estabilidad visual y respuesta en dispositivos reales.
• Validar contraste, foco de teclado y legibilidad.
• Usar movimiento solo cuando refuerce jerarquía, relato o conversión.

Cuándo conviene aplicar este enfoque visual

Una solución como portafolio 3D sin modelos tiene más sentido cuando acompaña lanzamientos, portfolios, campañas de marca, productos de alto valor o experiencias donde la recordación visual es parte del objetivo. En sitios informativos simples, el mismo recurso puede volverse innecesario si no mejora la comprensión.

Qué antecedentes ayudan a entender este tipo de experiencia

El diseño web inmersivo viene de una evolución donde conviven motion design, narrativas de marca, tecnologías 3D, microinteracciones y frameworks frontend más livianos. La diferencia actual es que estos recursos ya no se limitan a piezas experimentales: empiezan a usarse en sitios comerciales, lanzamientos de producto y experiencias de branding con objetivos medibles.

Ese cambio obliga a mirar cada proyecto desde una doble exigencia: creatividad suficiente para diferenciarse y solidez técnica para sostener velocidad, accesibilidad y mantenimiento.

Impacto para marcas, estudios y equipos frontend

Para una marca, una experiencia visual bien resuelta puede mejorar recordación, tiempo de permanencia y claridad narrativa. Para un estudio creativo, también puede funcionar como prueba de capacidad técnica y sensibilidad estética. Para el equipo frontend, el desafío está en convertir la intención visual en una implementación estable, medible y fácil de mantener.

El punto crítico es que la experiencia no dependa solo del impacto inicial. Debe aportar una navegación clara, un mensaje reconocible y una relación coherente entre contenido, interacción y objetivo comercial.