Ashes Diamonds
Un configurador de diamantes en 3D.
Con mis colaboradores implementé el diseño del cliente en Next.js y Laravel, con exploración de productos, solicitudes y gestión de contenidos.
- Sector
- Joyería conmemorativa
- Tecnologías
- React / Next.js / Three.js
- Año del proyecto
- 2023
El reto
Un diamante conmemorativo es una compra personal. Los visitantes necesitaban entender el proceso, comparar formas y colores y enviar una consulta. El cliente aportó el diseño. Mi tarea fue convertirlo en un sitio funcional con controles de producto y un panel de gestión.
La solución
Trabajé con colegas de OnePix en el frontend React y Next.js y el backend Laravel. Three.js y WebGL mostraban los modelos de diamantes, y GSAP controlaba las transiciones al desplazarse. Las páginas renderizadas en servidor ofrecían contenido indexable. El archivo público documenta la versión entregada en 2023.
El proyecto en detalle
Los diseños originales de Sketch acompañan capturas de la entrega de 2023. Las exportaciones de diseño se distinguen de las pantallas implementadas. El sitio actual requiere autenticación; son materiales de archivo, no capturas nuevas del sitio activo.
Elegir forma y color
Trabajé en el configurador de diamantes. Los visitantes podían cambiar forma, tamaño y color y ver el producto en 3D. Los controles permanecían junto al modelo para conectar cada elección con su resultado visual.
Entender el proceso antes de consultar
Implementé los diseños de página y las transiciones del cliente. Los originales incluyen un formulario por pasos y una explicación del proceso con fotografías. Las exportaciones muestran el diseño previsto; las capturas del archivo muestran la versión implementada.
Gestionar pedidos y contenido en Laravel
Trabajé con mis colegas de OnePix en un panel Laravel propio para pedidos y contenidos, sin un CMS prefabricado. El recorte del archivo muestra navegación y pedidos de prueba sin columnas de contacto. El diseño de precios no es una tarifa actual ni una medida de resultados comerciales.
El resultado
Configuración interactiva y presentación en 3D
Gestión de contenidos y datos con Laravel
Detalles de Ashes Diamonds, un configurador de productos en 3D
¿Quién creó el concepto visual?
El cliente aportó el diseño. El trabajo documentado fue su implementación con React y Next.js, el configurador interactivo y un panel de gestión en Laravel.
¿Qué podía cambiar el visitante en el configurador?
Podía explorar forma, tamaño y color del diamante. La presentación tridimensional mostraba las opciones antes de hacer una consulta.
