Moldsid: Experiencia digital para manufactura de precisión
Ayudar a un fabricante con décadas de experiencia a comunicar capacidad técnica antes de la primera conversación comercial
Diseño UX/UI + Frontend
Estudio de 2 personas + equipo Moldsid
2026 · Publicado
Next.js, React, Three.js, Blender, Lenis, SolidWorks
Arquitectura de contenido, Sistema visual, Interacción 3D, Frontend
Resultado
Un fabricante sin sitio activo ahora tiene presencia digital publicada para evaluación comercial.
Decisión clave
Usar un activo CAD real como narrativa principal en lugar de un catálogo industrial genérico.
Trade-off
La interacción 3D diferencia el sitio, pero agrega costo de rendimiento y mantenimiento.
Siguiente medición
Los datos de conversión y leads calificados aún no son suficientes para atribuir impacto comercial.
40 años de experiencia, sin sitio activo
Moldsid fabrica moldes de inyección de precisión. Su dominio había expirado: compradores locales e internacionales no podían evaluar sus capacidades antes de contactar.
Diseñé una presencia digital que presenta servicios, procesos y experiencia técnica.
Explicar la precisión
La audiencia industrial necesitaba servicios claros y contacto visible en cualquier dispositivo.
Un molde 3D podía explicar el producto, pero también aumentar el costo de renderizado. Ese equilibrio guio la propuesta.
La tecnología tenía que explicar el producto, no competir con él.
Primero, el recorrido comercial
Organicé capacidades, servicios, proceso, evidencia y contacto a partir de referentes del sector.
La estructura permite conocer al fabricante o ir directamente a cotizar.
Convertir un producto físico en la interfaz
Mostrar en lugar de describir
El equipo eligió un modelo 3D interactivo sobre la dirección inicial de video para que los visitantes pudieran entender cómo se ensambla el molde.
Un pipeline CAD real
El cliente entregó un archivo CAD en formato Siemens NX. Lo exporté, separé el modelo en 10 piezas individuales en Blender y preparé la geometría optimizada para Three.js.
Narrativa con vista expandida
Modelo, texto y fondo se mueven como capas independientes mientras la vista expandida revela el producto progresivamente.
Hacer visible el trade-off
La experiencia 3D diferencia el sitio pero introduce un costo de rendimiento, especialmente en móviles de gama baja. Lighthouse: Accesibilidad 94, Buenas Prácticas 100, SEO 92.
Un sistema adaptable
Los servicios comparten jerarquía, módulos y movimiento controlado, con espacio para explicar cada proceso.
Documenté las limitaciones de contraste de algunos colores elegidos por el cliente. Su accesibilidad sigue como área de mejora.
Del diseño al navegador
Construí componentes reutilizables con React y Next.js e integré Lenis y Three.js.
Ajusté espacios, ritmo y escala del modelo en el navegador. Los 40 años de experiencia del fabricante sostienen la narrativa.
Una presencia digital publicada
El sitio reúne servicios, capacidades y contacto. El cliente aprobó la dirección y consideró que representa mejor a la empresa.
Hay comentarios positivos, pero aún faltan datos para atribuir consultas o conversiones al rediseño.
La ambición crea una obligación técnica
- →Una interacción avanzada debe justificar su costo de implementación.
- →Trabajar con activos industriales reales produce una narrativa más auténtica que los recursos genéricos.
- →Una propuesta ambiciosa también crea una obligación de rendimiento y mantenimiento.
- →La aprobación del cliente valida dirección, no impacto de usuario o negocio.
¿Ves una oportunidad para trabajar juntos?
Hablemos de un rol o proyectoDivisan: Plataforma de operaciones industriales
