Drommo
Clon objetivo: espere más
Página web

Clon objetivo: espere más

Prompt

Marca original sugerida: BrightCart Ruta sugerida: target-clone Objetivo: Desarrollar una landing page moderna, retail, inmersiva, familiar, comercial y funcional para presentar una plataforma ficticia y original de compras online tipo gran tienda departamental, con categorías de productos, ofertas, tienda 3D, carrito, búsqueda, filtros, recomendaciones, marcas propias ficticias, pickup, delivery, wishlist, promociones, programa de recompensas, cuenta de usuario, tracking de pedido, checkout simulado y atención al cliente. Nota de marca: Crear una plataforma ficticia y original inspirada en tiendas retail modernas y ecommerce generalista, pero sin copiar logos, nombre comercial, identidad visual exacta, textos oficiales, assets propietarios, colores oficiales, mascotas, layout exacto, campañas, productos reales, marcas reales ni diseño específico de Target u otra marca real. Usar una marca propia como “BrightCart”, “ShopNest”, “MarketLoop”, “AisleOne” o “RedBasket”. Mantener la funcionalidad conceptual de tienda departamental, categorías, ofertas, pickup, delivery y carrito, pero con identidad visual, UI, productos, promociones, textos, iconografía y ejemplos completamente originales. Concepto principal: La web debe sentirse como entrar a una tienda retail 3D luminosa, organizada y moderna, donde cada categoría aparece como un pasillo flotante y cada producto se presenta con una tarjeta clara y atractiva. A medida que el usuario hace scroll, la cámara debe recorrer una entrada de tienda, pasillos de hogar, moda, electrónica, belleza, juguetes, comida, temporada, ofertas, carrito, checkout y membresía. El scroll debe controlar la cámara, la profundidad visual, el parallax, el movimiento de productos, la aparición de etiquetas, el desplazamiento del carrito, la apertura de cajas, la activación de cupones y la transición hacia compra simulada o registro. Requisitos principales: Crear una landing page completa, moderna, funcional y responsive.; Incluir un canvas 3D visible e integrado en la experiencia principal.; Agregar animaciones de scroll 3D.; Agregar efectos parallax en textos, tienda, pasillos, productos, estanterías, carrito, cupones, bolsas, cajas, categorías, botones, precios y fondos.; Crear una experiencia enfocada en retail, ecommerce, categorías, ofertas, carrito, checkout, pickup, delivery, wishlist, rewards, cuenta, soporte y conversión.; Todos los botones deben funcionar correctamente.; Optimizar para desktop, tablet y móvil.; Usar animaciones suaves, comerciales, limpias y con buen rendimiento.; Mantener la escena clara, premium, confiable, familiar, ordenada y fácil de navegar.; Usar márgenes amplios, separación clara entre secciones y buena jerarquía visual.; Evitar saturación visual: la página debe sentirse alegre, escaneable, moderna, segura y lista para comprar.; Usar datos ficticios para productos, precios, descuentos, disponibilidad, tiendas, entregas, cupones, reseñas, categorías, planes y pedidos.; No prometer disponibilidad real, precios reales, descuentos reales, entregas garantizadas ni afiliación con marcas reales.; Incluir mensajes visibles como “demo shopping experience”, “fictional products and prices”, “availability is simulated” y “checkout is not a real payment flow”. Organizacion visual: max_width: 1200px o 1280px; padding_desktop: 96px a 150px por sección; padding_mobile: 24px a 32px; gaps: 24px, 32px o 48px; fondos: blanco limpio; rojo coral original; crema cálido; azul noche; gris suave; bloques glassmorphism; gradientes retail; líneas de pasillo; etiquetas de oferta; divisores sutiles; reglas: No amontonar productos, precios, banners, cupones, botones, formularios, checkout ni visuales 3D.; Separar cada bloque retail con suficiente espacio visual.; Los títulos deben tener espacio antes y después.; Los botones deben tener margen suficiente respecto al texto.; Las cards deben tener padding interno amplio.; Las tarjetas de productos deben mostrar nombre, categoría, precio ficticio, descuento ficticio, rating ficticio, disponibilidad simulada, opción de pickup/delivery y CTA de forma clara.; Las tarjetas de categorías deben mostrar icono, descripción, cantidad ficticia de productos, oferta destacada y CTA.; El carrito debe mostrar productos, cantidades, subtotal, cupones, pickup/delivery, impuestos placeholder, total demo y botones claros.; La página debe sentirse escaneable, retail-tech, premium y ordenada. Estructura: header: logo: BRIGHTCART; menu: Home; Categories; Deals; New Arrivals; Pickup; Rewards; FAQ; Contact; botones: Shop Deals; Open Cart; descripcion: Header fijo con fondo translúcido tipo glassmorphism claro u oscuro, menú móvil hamburguesa funcional y scroll suave hacia cada sección.; microinteracciones: Logo con carrito minimalista y una estrella de oferta que aparece suavemente.; Enlaces con underline animado.; Botones con elevación, glow rojo coral/cian/verde y feedback visual.; Menú móvil con transición limpia.; hero: titulo: Shop Everyday Finds in a 3D Retail Store Experience; subtitulo: Explore fictional deals, curated categories, pickup options, delivery choices and a smooth demo checkout inside an immersive shopping destination.; busqueda: input: Search products, categories or deals; selector: Home / Fashion / Electronics / Beauty / Grocery / Toys / Seasonal / Baby / Sports / Office; boton: Search BrightCart; botones: Enter Store; Browse Deals; Start Shopping; fondo: Tienda 3D con entrada luminosa, pasillos, estanterías, carrito flotante, bolsas, cajas, etiquetas de descuento, productos, pantalla de checkout, pickup counter, partículas suaves y profundidad visual.; texto_visible: Fictional products, prices and checkout demo only.; canvas_3d: nombre: Retail Store Experience; descripcion: Crear una escena 3D dentro de un canvas que represente una tienda retail premium e inmersiva.; elementos: Entrada de tienda 3D; Pasillos por categoría; Estanterías con productos ficticios; Carrito de compras 3D; Bolsas de compra; Cajas de entrega; Etiquetas de precio; Cupones flotantes; Counter de pickup; Zona de delivery; Pantalla de checkout; Wishlist board; Rewards card; CTA flotante para comprar; luces: Luces rojas, corales, cian y blancas, sombras limpias, glassmorphism y profundidad visual.; animacion_principal: El botón “Enter Store” debe activar una animación visible donde la cámara entra a la tienda, recorre pasillos, enfoca una oferta, selecciona un producto, lo añade al carrito, aplica cupón, elige pickup, abre checkout demo y termina frente al CTA “Start Shopping”.; hotspots: Featured Deal; Categories; Product Shelf; Cart; Pickup Counter; Delivery; Rewards; Start Shopping; scroll_3d_storytelling: capitulos: Entrada de tienda; Categorías; Ofertas destacadas; Productos populares; New arrivals; Carrito; Pickup y delivery; Rewards; Checkout demo; Registro final; transformaciones: translateZ para profundidad; scale para destacar productos, estanterías, carrito, cupones, cajas, bolsas, checkout y CTAs; rotate suave para etiquetas, cajas, tarjetas de producto, cupones, badges y bolsas; fade para transiciones limpias; blur sutil para pasillos lejanos; movimiento de cámara tipo recorrido fluido por tienda premium; split animation para separar browse, deal, cart, pickup, delivery y checkout; capas_parallax: frontal: Títulos, botones, CTAs, filtros, precios, cupones, formularios y tarjetas.; media: Productos, carrito, estanterías, bolsas, cajas, hotspots y checkout.; fondo: Pasillos, luces, señalética, grids retail, paredes de tienda, partículas y sombras.; secciones: nombre: Platform Overview; titulo: Everything You Need for Everyday Shopping; descripcion: Explicar que BrightCart permite explorar categorías, descubrir ofertas ficticias, guardar favoritos, elegir pickup o delivery, aplicar cupones demo y completar un checkout simulado.; cards: Curated Categories; Daily Demo Deals; Pickup & Delivery; Rewards Experience; nombre: Categories; categorias: Home & Living; Fashion Basics; Electronics; Beauty; Grocery; Toys; Baby; Sports; Office; Seasonal; campos: Descripción; Número ficticio de productos; Oferta destacada; Badge; botones: Open Category; View Deals; Save Category; visual: Las categorías deben verse como pasillos 3D con señalética clara.; nombre: Featured Deals; ofertas_ficticias: Cozy Home Starter Kit; Smart Desk Bundle; Everyday Beauty Set; Family Snack Pack; Kids Creative Box; Weekend Fitness Kit; Back-to-Work Essentials; Seasonal Decor Pack; campos: Precio ficticio; Precio anterior ficticio; Descuento ficticio; Categoría; Disponibilidad simulada; Rating ficticio; botones: View Deal; Add to Cart; Save Deal; nombre: Products; productos_ficticios: Soft Cotton Throw; Urban Travel Mug; Glow Desk Lamp; Everyday Sneakers; Mini Bluetooth Speaker; Fresh Market Tote; Hydrating Skin Set; Wooden Toy Blocks; Smart Notebook; Ceramic Dinner Set; Cozy Pet Bed; Workout Resistance Kit; campos: Categoría; Precio ficticio; Rating ficticio; Stock simulado; Opciones: pickup, delivery, shipping; Badge: new, deal, popular, limited, online only; botones: Open Product; Add to Cart; Add to Wishlist; Compare; nombre: Product Detail; elementos: Galería 3D o imagen placeholder; Nombre; Categoría; Precio ficticio; Descripción; Variantes; Rating ficticio; Reviews ficticias; Pickup/delivery/shipping; Política placeholder; Productos similares; botones: Add to Cart; Buy Demo; Save for Later; Share Product; nombre: Cart; elementos: Lista de productos; Cantidades; Subtotal; Cupón; Pickup/delivery; Impuestos placeholder; Total demo; botones: Update Quantity; Apply Coupon; Remove Item; Checkout Demo; descripcion: El carrito debe ser claro, responsive y persistente como mini cart opcional.; nombre: Pickup & Delivery; elementos: Store pickup; Curbside pickup placeholder; Same-day delivery placeholder; Standard shipping placeholder; Store selector ficticio; Time window ficticio; Delivery address placeholder; botones: Select Pickup; Choose Delivery; Change Store; Check Availability; nota: Availability and delivery windows are simulated.; nombre: New Arrivals; productos_ficticios: Spring Kitchen Collection; Modern Bath Essentials; Travel Tech Minis; Kids Art Corner; Fresh Activewear Drop; Outdoor Picnic Set; campos: Categoría; Fecha ficticia; Precio desde; Mood; botones: Explore Drop; Add Favorite; nombre: Wishlist; elementos: Saved products; Saved deals; Saved categories; Price drop placeholder; Reminder; botones: Open Wishlist; Move to Cart; Remove Saved; Share Wishlist; nombre: Rewards; elementos: Points demo; Member tier; Birthday perk placeholder; Exclusive deals; Cashback placeholder ficticio; Purchase history; botones: Join Rewards; Redeem Points; View Perks; Apply Member Deal; nota: Rewards, points and discounts are fictional.; nombre: Checkout Simulation; pasos: Cart review; Fulfillment method; Customer details; Payment placeholder; Order review; Confirmation; campos: Name; Email; Delivery or pickup option; Address placeholder; Notes; Consent Checkbox; botones: Continue Checkout; Review Order; Place Demo Order; nota: This is not a real payment or order flow.; nombre: Order Tracking; elementos: Order placed; Preparing; Ready for pickup; Out for delivery; Delivered; Receipt; botones: Track Order; View Receipt; Contact Support; nombre: Seasonal Collections; colecciones: Back to School; Holiday Home; Summer Essentials; Cozy Winter; Spring Refresh; Weekend Hosting; campos: Descripción; Productos destacados; Precio desde; botones: Open Collection; Shop Collection; nombre: Support; elementos: Order help; Returns placeholder; Delivery help; Account help; Product questions; Store pickup help; botones: Open Help Center; Start Chat Demo; Request Return Demo; Send Support Message; nombre: Pricing / Membership; planes: Free Shopper; Bright Rewards; Family Plus; Delivery Saver; Premium Household; plan_recomendado: Bright Rewards; campos: Precio ficticio; Deals; Rewards; Pickup; Delivery perks; Wishlist; Support; Seasonal offers; botones: Choose Plan; Start Free; nombre: Testimonials; testimonios_ficticios: BrightCart made browsing deals feel like walking through a clean 3D store.; The cart, pickup and checkout demo were clear, fast and easy to understand.; The category aisles made everyday shopping feel more visual and organized.; nombre: FAQ; preguntas: Is this an official Target website?; Are the products and prices real?; Can I place a real order?; Can I choose pickup or delivery?; Can I save products to a wishlist?; Are rewards and coupons real?; Is the experience responsive on mobile?; nota: Incluir respuesta clara indicando que es una plataforma ficticia original sin afiliación con Target u otra marca real.; nombre: Signup / Contact; campos: Name; Email; Preferred Store; Favorite Category; Shopping Style; Fulfillment Preference; Plan Interest; Message; Consent Checkbox; boton: Create BrightCart Account; checkbox: I understand this is a fictional retail platform concept with simulated products, prices, rewards and checkout.; extras: Validar campos básicos.; Mostrar mensaje de confirmación con resumen de solicitud.; Incluir opción de newsletter de ofertas y descarga de sample shopping checklist.; footer: logo: BRIGHTCART; texto: Original fictional retail platform concept. Not affiliated with Target or any real retail brand.; links: Categories; Deals; Products; Pickup; Delivery; Wishlist; Rewards; Checkout Demo; Support; Pricing; Contact; Terms; Privacy; Shopping Disclaimer; Social links Interacciones obligatorias: El menú debe navegar con scroll suave a cada sección.; Enter Store debe activar animación guiada en el canvas 3D.; Browse Deals debe llevar a Deals.; Start Shopping debe llevar a Products o Categories.; Search BrightCart debe filtrar o mostrar resultados simulados.; Los hotspots del canvas deben mostrar información.; Open Category debe abrir listado.; View Deals debe filtrar ofertas.; Save Category debe cambiar estado.; View Deal debe abrir detalle.; Add to Cart debe agregar producto y actualizar carrito.; Save Deal debe cambiar estado.; Open Product debe abrir detalle.; Add to Wishlist debe cambiar estado.; Compare debe abrir comparador.; Buy Demo debe llevar a checkout.; Save for Later debe cambiar estado.; Share Product debe mostrar confirmación.; Update Quantity debe actualizar total.; Apply Coupon debe aplicar descuento ficticio.; Remove Item debe quitar producto.; Checkout Demo debe llevar a checkout.; Select Pickup debe cambiar método.; Choose Delivery debe cambiar método.; Change Store debe abrir selector.; Check Availability debe mostrar disponibilidad simulada.; Explore Drop debe abrir colección.; Add Favorite debe cambiar estado.; Open Wishlist debe abrir panel.; Move to Cart debe agregar al carrito.; Remove Saved debe quitar item.; Share Wishlist debe mostrar confirmación.; Join Rewards debe cambiar estado.; Redeem Points debe aplicar descuento demo.; View Perks debe abrir panel.; Apply Member Deal debe aplicar oferta.; Continue Checkout debe avanzar paso.; Review Order debe mostrar resumen.; Place Demo Order debe validar campos y mostrar confirmación.; Track Order debe animar progreso.; View Receipt debe abrir recibo.; Contact Support debe llevar a soporte o formulario.; Open Collection debe abrir detalle.; Shop Collection debe filtrar productos.; Open Help Center debe abrir panel.; Start Chat Demo debe abrir chat simulado.; Request Return Demo debe abrir flujo.; Send Support Message debe validar mensaje y mostrar confirmación.; Choose Plan debe seleccionar plan y mostrar resumen.; Start Free debe llevar a Signup.; FAQ debe expandirse y cerrarse correctamente.; Create BrightCart Account debe validar campos, checkbox y mostrar confirmación.; El formulario debe validar campos y mostrar confirmación.; El menú móvil debe abrir y cerrar correctamente.; El scroll debe activar animaciones 3D y parallax.; Todos los botones deben tener hover, active state y feedback visual. Animaciones 3d y parallax: Al hacer scroll, la cámara debe moverse desde la entrada de tienda hacia categorías, deals, productos, detalle, carrito, pickup, delivery, rewards, checkout, tracking, soporte, membership y signup.; Los pasillos deben desplazarse con profundidad como una tienda real.; Los productos deben aparecer desde profundidad usando translateZ, scale y fade.; Las etiquetas de oferta deben entrar con rotate suave y glow controlado.; El carrito debe avanzar lentamente por el pasillo al añadir productos.; Las cajas deben abrirse con microanimación suave.; Los cupones deben flotar y aplicarse visualmente al total.; El selector pickup/delivery debe cambiar el escenario entre counter y zona de entrega.; El checkout debe avanzar por pasos como tarjetas modulares.; El tracking debe iluminar etapas progresivamente.; Las tarjetas de membership deben elevarse con hover 3D.; El formulario debe aparecer con transición limpia desde profundidad.; Los fondos, pasillos, luces, señalética, estanterías lejanas, cajas, partículas, grids retail y sombras deben moverse más lento para generar profundidad.; Evitar movimientos bruscos, rápidos, caóticos o que dificulten leer precios y productos. Estilo visual: descripcion: Retail premium, ecommerce moderno, limpio, familiar, alegre, confiable, aspiracional y funcional.; inspiracion: Tiendas departamentales modernas; Ecommerce generalista; Pasillos de tienda; Cards de producto; Pickup counters; Delivery flows; Rewards; Carritos; Ofertas; Colecciones de temporada; Experiencias mobile-first; paleta: Blanco limpio; Rojo coral original; Crema cálido; Azul noche; Gris suave; Cian eléctrico; Verde éxito; Dorado suave para ofertas; Naranja suave para alertas; Rojo suave para errores; recursos: Glassmorphism suave; Tarjetas limpias; Tienda 3D; Pasillos; Estanterías; Productos; Carrito; Cajas; Bolsas; Etiquetas; Cupones; Dashboards simples; Sombras suaves; Bordes redondeados; tipografia: Tipografía moderna, legible, amigable y orientada a ecommerce.; sensacion: Descubrimiento, ahorro, orden, facilidad de compra, confianza, hogar, conveniencia, pickup, delivery y experiencia retail moderna. Resultado esperado: Una landing page completa, inmersiva y funcional para “Target Clone 3D”, con identidad original tipo “BrightCart”, canvas 3D, tienda retail interactiva, categorías, ofertas, productos ficticios, detalle de producto, carrito, pickup, delivery, new arrivals, wishlist, rewards, checkout simulado, tracking de pedido, seasonal collections, soporte, membership, testimonios, FAQ, signup, formulario funcional con checkbox de concepto ficticio, scroll animations 3D, parallax, hotspots, botones funcionales, diseño responsive, márgenes amplios, separación clara entre componentes y estética premium de marketplace retail original.

Tipo
Página web
Tecnología
HTML, CSS
  • Target
  • clone
  • landing page
  • retail
  • shopping
  • department store
Crear en Drommo

«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.

Ideas parecidas

Clon de subpila: boletinesPágina web