golden-quiero

byFantasia Mexico

Quiero crear una landing page web interactiva en 3D, inspirada en la experiencia visual de una página premium de bebidas. La página debe tener EXACTAMENTE 5 latas de bebida energética con el mismo estilo visual de las latas "ZERO SUGAR" de la referencia que proporciono. IMPORTANTE: - Solo 5 latas. - Todas deben mantener el mismo diseño base de lata Zero Sugar. - No usar botellas ni perfumes. - No agregar productos adicionales. - No cambiar la cantidad de latas. EXPERIENCIA PRINCIPAL: Al entrar a la página, el usuario debe ver las 5 latas flotando y levitando en un espacio 3D oscuro y premium. Las latas deben: - Flotar suavemente hacia arriba y abajo. - Girar lentamente sobre su eje. - Tener iluminación y reflejos realistas. - Tener profundidad 3D real. - Proyectar sombras/reflejos. - Moverse de manera fluida y cinematográfica. - Crear sensación de producto premium. INTERACCIÓN: El usuario puede: - Arrastrar con el mouse para explorar la escena. - Usar touch en celular. - Tocar/clickear cualquiera de las 5 latas. Cuando el usuario selecciona una lata: 1. La lata seleccionada debe moverse suavemente hacia el centro de la pantalla. 2. Debe aumentar ligeramente de tamaño. 3. Debe continuar girando lentamente. 4. Las otras 4 latas deben desaparecer o alejarse suavemente. 5. Debe aparecer una interfaz elegante con la información del producto. La información debe incluir: - Nombre del producto. - "ZERO SUGAR". - Sabor. - Descripción corta. - Precio. - Botón "ADD TO CART". - Botón "BACK". Cuando el usuario presione "BACK": - La información desaparece con una transición suave. - La lata vuelve a su posición original. - Las otras 4 latas regresan. - La escena vuelve exactamente al estado inicial. - Las latas continúan flotando y girando. DISEÑO VISUAL: Quiero una estética: - Premium. - Moderna. - Futurista. - Minimalista. - Oscura. - Cinematográfica. - Inspirada en sitios web de productos de lujo. Fondo: - Azul oscuro/negro. -

No preview

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: View floating cans
Landing: 1. Drag to explore scene
Landing: 2. Select a can
Landing: 3. View product details
Landing: Add to cart
Landing: 4. Press back button
Landing: 5. Return to initial scene

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: View floating cans
Landing: 1. Drag to explore scene
Landing: 2. Select a can
Landing: 3. View product details
Landing: Add to cart
Landing: 4. Press back button
Landing: 5. Return to initial scene