Clon de Snapchat: Historias y AR

Ruta sugerida: snapchat-clone Marca original: SnapWave Objetivo: Desarrollar una landing page moderna, social, colorida, inmersiva y funcional para presentar una aplicación ficticia y original de cámara social, stories, mensajes efímeros, filtros AR, lentes creativos, avatares, chat, mapas sociales, grupos, creadores, recuerdos, privacidad, comunidad y contenido visual rápido. Nota de marca: Crear una plataforma ficticia y original inspirada en apps modernas de cámara social y mensajería visual, pero sin copiar logos, nombre comercial, identidad visual exacta, íconos oficiales, assets, filtros reales, interfaz protegida, colores oficiales, mascotas, textos oficiales ni diseño exacto de Snapchat u otra marca real. Usar una marca propia como “SnapWave”, “BlinkCam”, “FlashLoop”, “StoryPop” o “Lensly”. Mantener la funcionalidad conceptual de cámara social, stories y filtros AR, pero con identidad visual, UI, nombres, avatares, filtros, ejemplos y textos completamente originales. Concepto principal: La web debe sentirse como entrar a un mundo social 3D construido alrededor de una cámara móvil. A medida que el usuario hace scroll, la cámara debe avanzar desde un smartphone flotante hacia un universo visual con stories verticales, burbujas de chat, filtros AR, lentes animados, avatares, stickers, mapas sociales, recuerdos y creadores. Cada sección debe representar una experiencia clave: capturar, editar, compartir, chatear, descubrir, recordar y controlar privacidad. El scroll debe controlar la cámara, la profundidad visual, el parallax, el movimiento del smartphone, la aparición de stories, el brillo de filtros, la animación de mensajes y la transición hacia 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, smartphone, cámara, filtros AR, stories, chats, avatares, stickers, mapa, botones, tarjetas, partículas y fondos.; Crear una experiencia enfocada en cámara social, stories, mensajes efímeros, filtros AR, creatividad, comunidad, privacidad, descubrimiento y conversión.; Todos los botones deben funcionar correctamente.; Optimizar para desktop, tablet y móvil.; Usar animaciones suaves, juguetonas, fluidas y con buen rendimiento.; Mantener la escena clara, premium, alegre, visual, ordenada y fácil de navegar.; Usar datos ficticios para usuarios, stories, chats, filtros, avatares, mapas, planes, creadores y métricas.; No prometer privacidad absoluta ni seguridad perfecta.; Usar lenguaje responsable como “privacy controls”, “demo data”, “simulated ephemeral messages” y “review settings before sharing”. Organizacion visual: max_width: 1200px o 1280px; padding_desktop: 96px a 150px; padding_mobile: 24px a 32px; gaps: 24px; 32px; 48px; fondos: amarillo suave original; negro profundo; blanco limpio; azul noche; bloques glassmorphism; gradientes vibrantes; grids sociales; bubbles; divisores sutiles; reglas: No amontonar stories, chats, filtros, botones, formularios, pricing ni visuales 3D.; Separar cada bloque social 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 stories deben mostrar usuario ficticio, duración, mood, filtro usado, estado y CTA de forma clara.; Las tarjetas de filtros deben mostrar nombre, categoría, efecto, compatibilidad, popularidad ficticia y CTA.; Los chats deben tener burbujas legibles, timestamps ficticios, estados y controles claros.; La página debe sentirse escaneable, social, premium y ordenada. Estructura: header: logo: SNAPWAVE; menu: Home; Camera; Stories; Lenses; Chat; Map; Privacy; Pricing; Contact; botones: Start Snapping; Explore Lenses; 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 onda luminosa y flash suave.; Enlaces con underline animado.; Botones con elevación, glow amarillo/cian/violeta y feedback visual.; Menú móvil con transición limpia.; hero: titulo: A 3D Social Camera for Fast, Fun and Creative Moments; subtitulo: Capture playful stories, add AR-style lenses, send simulated ephemeral messages and explore your social world from one visual app concept.; accion_principal: input: What moment do you want to share?; selector: Story / Chat / Lens / Avatar / Memory / Group / Map; boton: Create Snap Demo; botones: Enter SnapWave; Try Lenses; Start Free; fondo: Smartphone 3D flotante, cámara activa, stories verticales, burbujas de chat, filtros AR, stickers, avatares, mapa social, partículas de flash, globos suaves y profundidad visual.; texto_visible: Demo social app concept with simulated users and messages.; canvas_3d: nombre: Social Camera Experience; descripcion: Crear una escena 3D dentro de un canvas que represente un universo social visual premium.; elementos: Smartphone 3D central; Cámara abierta; Botón de captura 3D; Stories flotantes verticales; Filtros AR simulados; Lentes creativos; Stickers; Texto animado; Avatares abstractos; Burbujas de chat; Mapa social; Recuerdos como tarjetas; Panel de privacidad; CTA flotante de registro; animacion_principal: El botón “Enter SnapWave” debe activar una animación visible donde la cámara entra al smartphone, enfoca el visor, activa un filtro AR, captura un snap, lo convierte en story, envía un mensaje efímero simulado, abre mapa social y termina frente al CTA “Start Snapping”.; hotspots: Camera; AR Lens; Stories; Ephemeral Chat; Avatar; Social Map; Privacy Controls; Start Snapping; scroll_3d_storytelling: capitulos: Entrada al smartphone; Cámara social; Filtros y lentes; Stories; Chat efímero; Avatares; Mapa social; Recuerdos; Privacidad; Registro final; transformaciones: translateZ para profundidad; scale para destacar smartphone, stories, filtros, chats, avatares, mapa y CTAs; rotate suave para stickers, tarjetas, avatares, iconos y lentes; fade para transiciones limpias; blur sutil para elementos lejanos; movimiento de cámara tipo paseo por universo social; animación de flash y ondas suaves al capturar; capas_parallax: frontal: Títulos, botones, CTAs, filtros, nombres, estados y tarjetas.; media: Smartphone, cámara, stories, chats, avatares, hotspots, mapa y stickers.; fondo: Gradientes, burbujas, partículas, flashes, patrones sociales, luces y sombras.; secciones: nombre: Platform Overview; titulo: Capture, Play, Share and Stay Connected; descripcion: Explicar que SnapWave permite capturar momentos, aplicar lentes creativos, compartir stories, enviar mensajes efímeros simulados, crear avatares y controlar privacidad desde una experiencia visual.; cards: Social Camera; AR-Style Lenses; Ephemeral Chats; Privacy Controls; nombre: Camera; elementos: Vista de cámara placeholder; Botón capture; Botón switch camera; Botón timer; Botón flash; Selector de formato: snap, story, spotlight, memory; botones: Capture Demo; Switch Camera; Add Text; Save Memory; nombre: Lenses / Filters; filtros: Neon Wings; Pixel Clouds; Cosmic Glow; Golden Flash; Cyber Mask; Dream Bubbles; Retro VHS; Crystal Face; Rainy Mood; Festival Lights; campos: Categoría; Efecto; Popularidad ficticia; Compatibilidad; Mood; botones: Preview Lens; Apply Lens; Save Lens; nombre: Stories; stories: Ava’s Morning Walk; Leo’s Food Tour; Mia’s Study Night; Noah’s Skate Clip; Sofia’s Concert Lights; Kai’s Travel Moment; Luna’s Art Desk; Max’s City Sunset; campos: Usuario ficticio; Duración; Mood; Filtro usado; Views ficticias; Estado; botones: Open Story; React; Add to Favorites; nombre: Story Viewer; elementos: Pantalla vertical; Barra de progreso; Usuario; Texto overlay; Reacciones; Responder; Pausar; Siguiente story; Cerrar; botones: Pause Story; Next Story; Reply; Close Story; nombre: Ephemeral Chat; elementos: Lista de amigos ficticios; Burbujas de mensajes; Timer visual; Estado: opened, sent, viewed, expired; Reacciones; Snap preview; botones: Open Chat; Send Demo Message; Set Timer; Clear Conversation; nota: Ephemeral behavior is simulated for demo purposes.; nombre: Avatar Builder; elementos: Avatar 3D abstracto; Hair; Face; Outfit; Mood; Accessories; Color palette; botones: Randomize Avatar; Save Avatar; Change Outfit; Create Sticker Pack; nota: Mantener avatares originales, sin copiar personajes reales ni estilos protegidos.; nombre: Social Map; elementos: Mapa 3D abstracto; Amigos ficticios; Lugares populares; Eventos; Zonas de stories; Privacy toggle; Location sharing status; botones: Open Map; Show Friends; Toggle Location; Explore Stories Nearby; mensaje: Location sharing is simulated. Real apps should request clear permission.; nombre: Memories; elementos: Saved snaps; Favorite stories; Lens history; Private collection placeholder; Date filter; Search memory; botones: Open Memories; Save Current Snap; Search Memories; Create Highlight; nombre: Discover / Creators; creadores: Lens Maker Studio; Travel Clips Daily; Food Flash; Mini Comedy Lab; Study Stories; Street Art Now; Music Moments; Style Loop; campos: Categoría; Descripción; Seguidores ficticios; Tipo de contenido; botones: Open Creator; Follow; Share; nombre: Groups; grupos: Study Crew; Travel Friends; Gaming Squad; Design Circle; Family Chat; Creator Team; campos: Miembros ficticios; Última actividad; Tipo; Privacidad; botones: Open Group; Create Group; Invite Friend; nombre: Privacy / Safety; controles: Who can contact me; Story visibility; Location sharing; Screenshot notice placeholder; Block/report placeholder; Data controls; Account security; Private memories placeholder; botones: Open Privacy Settings; Toggle Story Visibility; Review Safety Tips; nombre: Creator Tools; herramientas: Lens studio placeholder; Story analytics; Audience insights; Scheduled posts placeholder; Creator profile; Monetization concept placeholder; Brand safety note; botones: Open Creator Tools; Create Lens Concept; View Analytics; Apply as Creator; nombre: Pricing / Membership; planes: Free Snapper; Lens Plus; Creator Mode; Family Circle; Studio Pro; plan_recomendado: Lens Plus; campos: Precio ficticio; Lentes guardados; Stories; Memories; Avatares; Creator tools; Privacy controls; Soporte; botones: Choose Plan; Start Free; nombre: Testimonials; testimonios_ficticios: SnapWave made the camera feel like a playful 3D social world.; The lens previews and story viewer made sharing moments feel fast and creative.; Privacy controls were clear and easy to understand in the demo.; nombre: FAQ; preguntas: Is this an official Snapchat website?; Are the users and messages real?; Can I preview AR-style lenses?; Can I send ephemeral messages?; Can I control location sharing?; Can I create an avatar?; Is the experience responsive on mobile?; nota: Incluir respuesta clara indicando que es una app social ficticia original sin afiliación con Snapchat u otra marca real.; nombre: Signup / Contact; campos: Name; Email; Username; Favorite Feature; Creator Interest; Privacy Preference; Plan Interest; Message; Consent Checkbox; boton: Create SnapWave Account; checkbox: I understand this is a fictional social camera app concept with simulated data.; extras: Validar campos básicos.; Mostrar mensaje de confirmación con resumen de solicitud.; Incluir opción de newsletter de lenses y descarga de sample creator pack.; footer: logo: SNAPWAVE; texto: Original fictional social camera app concept. Not affiliated with Snapchat or any real social platform.; links: Camera; Stories; Lenses; Chat; Avatar; Map; Memories; Privacy; Creators; Pricing; Contact; Terms; Privacy; Safety Note; Social links Interacciones obligatorias: El menú debe navegar con scroll suave a cada sección.; Enter SnapWave debe activar animación guiada en el canvas 3D.; Try Lenses debe llevar a Lenses.; Start Free debe llevar a Pricing o Signup.; Create Snap Demo debe crear snap simulado según la opción elegida.; Los hotspots del canvas deben mostrar información.; Capture Demo debe activar flash y crear snap.; Switch Camera debe cambiar vista visual.; Add Text debe añadir texto.; Save Memory debe guardar snap.; Preview Lens debe mostrar vista previa.; Apply Lens debe aplicar efecto al smartphone.; Save Lens debe cambiar estado.; Open Story debe abrir visual vertical.; React debe mostrar reacción.; Add to Favorites debe cambiar estado.; Pause Story debe pausar barra.; Next Story debe cambiar contenido.; Reply debe abrir campo.; Close Story debe cerrar viewer.; Open Chat debe abrir conversación.; Send Demo Message debe agregar mensaje.; Set Timer debe cambiar duración.; Clear Conversation debe limpiar chat.; Randomize Avatar debe cambiar avatar.; Save Avatar debe mostrar confirmación.; Change Outfit debe cambiar visual.; Create Sticker Pack debe crear stickers.; Open Map debe abrir mapa.; Show Friends debe mostrar avatares.; Toggle Location debe cambiar estado.; Explore Stories Nearby debe mostrar stories.; Open Memories debe abrir galería.; Save Current Snap debe guardar snap.; Search Memories debe filtrar.; Create Highlight debe crear colección.; Open Creator debe abrir perfil.; Follow debe cambiar estado.; Share debe mostrar confirmación.; Open Group debe abrir panel.; Create Group debe crear grupo.; Invite Friend debe mostrar confirmación.; Open Privacy Settings debe abrir panel.; Toggle Story Visibility debe cambiar estado.; Review Safety Tips debe abrir guía.; Open Creator Tools debe abrir panel.; Create Lens Concept debe crear lente.; View Analytics debe abrir métricas.; Apply as Creator debe abrir formulario corto.; Choose Plan debe seleccionar plan y mostrar resumen.; Start Free debe llevar a Signup.; FAQ debe expandirse y cerrarse correctamente.; Create SnapWave 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 el smartphone hacia cámara, lenses, stories, story viewer, chat, avatar builder, mapa social, memories, discover, privacy, pricing y signup.; El smartphone debe girar suavemente y mostrar pantallas diferentes.; El botón de captura debe activar flash, onda luminosa y creación de snap.; Las stories deben aparecer desde profundidad usando translateZ, scale y fade.; Los filtros AR deben envolver el visor con partículas y overlays suaves.; Las burbujas de chat deben flotar, entrar y expirar visualmente con fade.; Los avatares deben rotar con microrebote.; El mapa social debe dibujar puntos y conexiones progresivamente.; Los recuerdos deben apilarse como tarjetas verticales 3D.; Los stickers deben flotar con rotate suave.; Los paneles de privacidad deben deslizar toggles con feedback claro.; Las tarjetas de pricing deben elevarse con hover 3D.; El formulario debe aparecer con transición limpia desde profundidad.; Los fondos, gradientes, burbujas, partículas, flashes, patrones sociales, luces y sombras deben moverse más lento para generar profundidad.; Agregar glow amarillo suave original, cian eléctrico, violeta creativo, azul noche, blanco limpio, verde éxito, naranja suave para alertas, rojo suave para errores, sombras limpias, reflejos de cristal y sensación de app social premium.; Evitar movimientos bruscos, rápidos, caóticos o distractores. Estilo visual: descripcion: Social, creativo, playful, premium, moderno, visual, mobile-first y energético.; inspiracion: Apps de cámara social; Stories verticales; Lentes AR; Chats efímeros; Avatares; Mapas sociales; Experiencias móviles; Interfaces de creadores; Plataformas de contenido visual; paleta: Amarillo suave original; Blanco limpio; Negro profundo; Cian eléctrico; Violeta creativo; Azul noche; Verde éxito; Rosa suave; Naranja suave para alertas; Rojo suave para errores; recursos: Glassmorphism; Tarjetas limpias; Smartphone 3D; Stories verticales; Burbujas de chat; Stickers; Filtros AR; Avatares; Mapas; Sombras suaves; Bordes redondeados; tipografia: Moderna, redondeada, legible, amigable y orientada a móvil.; sensacion: Creatividad, espontaneidad, conexión, privacidad, juego visual, comunidad, cámara y expresión personal. Resultado esperado: Una landing page completa, inmersiva y funcional para “Snapchat Clone 3D”, con identidad original tipo “SnapWave”, canvas 3D, smartphone interactivo, cámara social, filtros AR simulados, stories, story viewer, chat efímero simulado, avatar builder, mapa social, memories, discover/creators, groups, privacy controls, creator tools, pricing, 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 app social original.