| Prompt Mejorado: *"Diseña una página web visualmente disruptiva pero amigable para mi agencia de soluciones digitales Citadely. Quiero que rompa con los esquemas tradicionales sin sacrificar la usabilidad. La estructura debe ser fluida, con interacciones sorprendentes pero intuitivas. Concepto Visual: Estética futurista/minimalista con toques orgánicos (ejemplo: formas geométricas fluidas, degradés sutiles, micro-interacciones). Paleta de colores principalmente neutros (blancos rotos, grises cálidos) con acentos en azules tecnológicos o verdes frescos (representando innovación y crecimiento). Tipografía: Sans-serif moderna (ej. 'Neue Haas Grotesk' o 'Clash Display') para títulos y una legible (ej. 'Inter') para texto. Secciones Clave: Hero Section (Impacto Inmediato): Animación sutil de partículas o un "cursor interactivo" que revela mensajes al pasar sobre elementos. Frase principal: "Soluciones digitales hechas a tu medida" + CTA destacado (ej. botón con efecto "hover" magnético). Servicios (Estructura No Lineal): Programación Web: Diseña un "marketplace de servicios" tipo tarjetas (cards) con hover effects 3D. Cada servicio (página web, landing page, e-commerce, blog) debe tener un icono custom y al hacer clic, despliegue detalles en un pop-up o sección expandible. Publicidad Digital: Muestra los servicios (Google Ads, Meta Ads, etc.) como "redes sociales interactivas" (ej. un mockup de Facebook que al pasar el cursor muestre stats ficticias de campañas). Diseño Gráfico: Servicios inventados: Branding Alquímico (logos + identidad), Motion Design para RRSS, Ilustración Digital. Usa un slider horizontal con ejemplos visuales (antes/después). Detalles UX/UI: Scroll no tradicional: Efecto "parallax" en diagonal o scroll horizontal para ciertas secciones. Transiciones: Animaciones al cambiar de página (ej. fade con morphing shapes). Micro-interacciones: Botones que cambian de forma, texto que se revela al hacer hover. Footer: Formulario de contacto con campos que se iluminan al enfocar + redes sociales con iconos animados (ej. LinkedIn que gira al pasar el cursor). Nota: Evita sobrecargar la página. Prioriza la originalidad en la narrativa visual, no en la complejidad. La web debe cargar rápido y ser responsive."* |
