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!
Sign in to leave a comment
Project Tasks
8 planning tasks
#1
Generate system requirement document
0m 39s0.1 cr usedDone?
#2
Generate personas & user flows
0m 8s0.1 cr usedDone?
#7
Create flow for Explorador de productos
0m 4sDone?
#8
Landing
5m 22sError?
#9
Landing / Can Scene
2m 4s0.8 cr usedDone?
#4
Design remaining pages
0.1 cr neededBacklog?
#5
Architecture
0.1 cr neededBacklog?
#6
Workspace task plan
0.1 cr neededBacklog?
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No comments yet. Be the first!