Marketing Digital

Visión del proyecto

Cicada es un ingeniero de diseño de élite que necesitaba una plataforma para mostrar proyectos que combinan estética visual con ingeniería compleja. Nuestra agencia debía crear una experiencia digital que se sintiera como una extensión de su propio trabajo: precisa, innovadora y visualmente impactante.

Retos del cliente

El principal desafío era la dualidad del contenido. El sitio debía atraer tanto a directores de arte (buscando estética) como a directores técnicos (buscando rigor en el código). El sitio anterior era demasiado genérico y no comunicaba el valor único del cliente, lo que resultaba en una baja tasa de contacto para proyectos de alto presupuesto.

Nuestra solución

• Arquitectura de doble propósito: diseñamos un sistema de navegación que permite explorar visualmente mediante “Showcases”, mientras ofrece la opción de profundizar en “Deep Dives” técnicos con diagramas y bloques de código optimizados.
• Microinteracciones precisas: usando Framer Motion creamos transiciones suaves y estados hover que responden al movimiento del ratón, reforzando la sensación de un producto bien construido.
• Rendimiento brutal: con Astro eliminamos todo el JavaScript del lado del cliente que no era necesario, permitiendo que animaciones complejas se ejecutaran a 60 fps sin afectar los tiempos de carga.

Funcionalidades clave

• Grid Bento adaptable: un diseño dinámico que organiza los proyectos según su importancia y formato de imagen, optimizando el espacio visual.
• Modo lectura técnica: un interruptor que cambia la interfaz a un formato denso en información, ideal para revisar documentación técnica.
• Optimización de activos: implementamos un sistema de carga en fases para renders 3D pesados, asegurando que los usuarios puedan navegar sin interrupciones.

Resultados e impacto

• Crecimiento de la marca: el cliente reportó un aumento del 40% en consultas para roles “Senior/Lead” tras el relanzamiento.
• Rendimiento: logramos 100/100 en todas las métricas de Lighthouse (Rendimiento, Accesibilidad, SEO).
• Autoridad: el sitio fue ampliamente compartido en LinkedIn y Twitter por líderes de la industria, posicionando a Arjuna como referente en su nicho.