Cómo usamos Claude en el equipo de diseño de Cyberclick: casos de uso reales con IA

La inteligencia artificial ha dejado de ser una promesa para convertirse en una herramienta de trabajo. Sin embargo, entre todo el contenido que se publica sobre IA, sigue existiendo una diferencia importante entre quienes hablan de su potencial y quienes la utilizan en producción todos los días.

En el equipo de diseño de Cyberclick, la inteligencia artificial forma parte de nuestro flujo de trabajo diario. No como un experimento ni como una demostración tecnológica, sino como una herramienta integrada en proyectos reales para clientes reales.

Nuestro principal aliado es Claude, el asistente de IA desarrollado por Anthropic. Lo hemos incorporado especialmente en aquellas tareas donde confluyen diseño, código, automatización y análisis, permitiéndonos reducir el tiempo dedicado a trabajos repetitivos y concentrarnos en aquello que realmente aporta valor: el criterio, la creatividad y la estrategia.

En este artículo compartimos algunos de los casos de uso reales de Claude en diseño que forman parte de nuestro día a día, cómo han cambiado nuestra forma de trabajar y por qué seguimos considerando imprescindible la supervisión humana en todo el proceso.

Qué hace el equipo de diseño de Cyberclick y por qué utilizamos IA

Antes de entrar en los ejemplos, conviene entender el tipo de proyectos en los que trabajamos.

Nuestro equipo desarrolla piezas y experiencias digitales para clientes de distintos sectores, entre ellas:

• diseño de creatividades para redes sociales,
• producción de vídeo,
• desarrollo de landing pages y sitios web en HubSpot y WordPress,
• diseño y maquetación de emails para campañas,
• elaboración de propuestas comerciales, documentación y presentaciones alineadas con la identidad visual de cada marca.

En todos estos proyectos existe una parte estratégica y creativa que continúa dependiendo completamente del diseñador. Pero también hay numerosas tareas técnicas, repetitivas o mecánicas donde la inteligencia artificial puede aportar una enorme eficiencia sin comprometer la calidad del resultado.

Nuestro objetivo nunca ha sido sustituir al diseñador. Al contrario: buscamos que pueda dedicar menos tiempo a procesos manuales y más tiempo a resolver problemas de diseño.

Cómo usamos Claude para crear emails HTML compatibles con todos los clientes de correo

Si hay un entorno donde el desarrollo sigue siendo especialmente complejo, es el email marketing.

Diseñar un email implica trabajar con tecnologías heredadas, tablas HTML, múltiples versiones responsive y una enorme cantidad de excepciones para clientes como Outlook.

Hasta hace poco, gran parte del tiempo se destinaba a:

• maquetar manualmente el HTML,
• adaptarlo para cada cliente de correo,
• detectar errores visuales,
• corregir incompatibilidades una por una.

Actualmente el proceso es muy diferente.

A partir del briefing del cliente, que incluso puede llegar en formato Excel, Claude genera una primera versión completa del código HTML con una estructura responsive, botones preparados para Outlook, imágenes optimizadas y textos alternativos que mejoran la accesibilidad.

A partir de ahí comienza el trabajo del equipo de diseño.

Primero validamos el diseño internamente, después revisamos la propuesta junto al cliente y, únicamente cuando todo está aprobado, preparamos la versión definitiva para la plataforma de envío.

En campañas recurrentes para clientes internacionales, este flujo nos permite dedicar mucho menos tiempo al código y mucho más a optimizar la creatividad, el contenido y la experiencia del usuario.

Claude nos ayuda a realizar auditorías de accesibilidad web más útiles

La accesibilidad web ha dejado de ser un aspecto recomendable para convertirse en una necesidad para muchas organizaciones.

El problema es que las auditorías tradicionales suelen generar informes extremadamente largos y difíciles de interpretar, lo que dificulta que los equipos puedan convertir las conclusiones en mejoras reales.

Nuestro proceso combina tres elementos:

• herramientas automáticas de análisis,
• revisión experta apoyada por Claude,
• elaboración de un informe pensado para facilitar la toma de decisiones.

Gracias a este enfoque podemos presentar informes mucho más accionables, que incluyen:

• un indicador global del estado de accesibilidad,
• un sistema de prioridades mediante semáforos,
• explicaciones claras sobre cada incidencia detectada,
• el impacto real que tiene sobre los usuarios,
• recomendaciones prácticas para solucionarla.

Claude acelera enormemente la recopilación y organización de la información. Sin embargo, identificar falsos positivos, interpretar los resultados y decidir qué actuaciones tienen mayor impacto sigue siendo una tarea completamente humana.

Cómo utilizamos Claude para agilizar el desarrollo de landings y sitios web

Otra de las áreas donde más tiempo hemos conseguido ahorrar es el desarrollo de páginas en HubSpot y WordPress.

En este tipo de proyectos existen numerosas tareas repetitivas que consumen recursos sin aportar un valor diferencial al diseño.

Por ejemplo:

• Adaptar una landing existente para una nueva campaña.
• Actualizar decenas de páginas con nuevos contenidos.
• Sustituir imágenes y enlaces.
• Revisar que todas las versiones responsive funcionen correctamente.

En nuestro flujo actual, Claude puede ejecutar parte de estos cambios directamente sobre WordPress bajo supervisión del diseñador.

Ya no utilizamos la IA únicamente para recibir sugerencias. También puede ejecutar acciones concretas mientras el diseñador mantiene el control sobre todas las decisiones y valida el resultado final.

Optimización automática de imágenes para mejorar el rendimiento web

La velocidad de carga continúa siendo uno de los factores más importantes para la experiencia del usuario y el posicionamiento SEO.

En muchos proyectos, las imágenes representan el mayor peso de una página.

Gracias al uso de técnicas de optimización asistidas por IA conseguimos reducir aproximadamente un 70 % el peso de numerosas imágenes sin que exista una pérdida perceptible de calidad.

Además, utilizamos Claude para recuperar recursos gráficos heredados que anteriormente requerían rehacerse desde cero, como:

• iconos pixelados,
• logos en baja resolución,
• recursos antiguos con problemas de calidad.

El resultado son sitios web más rápidos, mejores métricas de rendimiento y un proceso mucho más eficiente para el equipo.

Generación automática de mapas de navegación en Figma

Antes de rediseñar una web necesitamos comprender cómo navegan los usuarios por ella.

Tradicionalmente esto implicaba recorrer manualmente todas las páginas, capturar pantallas y construir diagramas de navegación que podían requerir varias horas de trabajo.

Ahora el proceso comienza simplemente indicando una URL.

Claude recorre automáticamente el sitio, documenta los distintos estados, captura cada pantalla y genera un mapa completo del flujo de navegación directamente en Figma.

Cada pantalla aparece organizada junto con sus conexiones y rutas posibles, permitiendo que el equipo disponga desde el principio de una representación visual del funcionamiento del sitio.

Lo que antes podía ocupar media jornada ahora está disponible en cuestión de minutos.

Aplicación automática de la identidad de marca en documentos y propuestas

La coherencia visual también consume tiempo.

Cada propuesta comercial, informe o presentación debe respetar la identidad gráfica de Cyberclick.

En lugar de revisar manualmente colores, tipografías, estilos y recursos gráficos en cada documento, hemos entrenado nuestro flujo de trabajo para que Claude conozca las reglas del brandbook y las aplique automáticamente durante la generación de contenidos.

Esto nos permite mantener una imagen consistente sin dedicar tiempo a tareas de comprobación repetitivas.

Un caso donde todavía no utilizamos IA: la edición de vídeo

No todas las áreas ofrecen hoy los mismos resultados.

La edición de vídeo es probablemente uno de los ámbitos donde existe más expectación alrededor de la inteligencia artificial.

Hemos probado distintas herramientas, flujos de trabajo e integraciones.

Nuestra conclusión, por el momento, es que la calidad todavía no alcanza el nivel que exigimos para proyectos profesionales.

Seguimos atentos a la evolución de estas tecnologías y continuaremos probando nuevas soluciones. Pero, a día de hoy, preferimos mantener la edición de vídeo como un proceso completamente humano.

Qué hemos aprendido después de integrar Claude en nuestro día a día

Trabajar con inteligencia artificial todos los días nos ha permitido extraer varias conclusiones.

La primera es que la IA necesita contexto y dirección. Cuanto mejor conoce el proyecto, las restricciones y los objetivos, mejores son los resultados que ofrece.

La segunda es que ningún entregable llega a un cliente sin revisión humana. La IA acelera el trabajo, pero la responsabilidad sigue siendo del equipo.

También hemos comprobado que documentar correctamente los procesos, plantillas y convenciones de cada cliente multiplica la utilidad de Claude, ya que puede adaptarse mucho mejor a cada proyecto.

Y, por último, seguimos convencidos de que existen ámbitos donde el criterio humano continúa siendo insustituible: la dirección de arte, las decisiones estratégicas, la relación con el cliente y la creatividad siguen siendo el verdadero diferencial del equipo.

La pregunta ya no es si usar IA, sino cómo integrarla en el trabajo real

La conversación sobre inteligencia artificial ya no gira en torno a si merece la pena utilizarla. La verdadera diferencia está entre quienes la utilizan únicamente para hacer demostraciones y quienes la han incorporado a sus procesos diarios.

En Cyberclick llevamos tiempo trabajando con Claude como una herramienta más del equipo de diseño. El resultado no es sustituir personas, sino liberar tiempo para que nuestros diseñadores puedan dedicar su talento a aquello que realmente genera valor para nuestros clientes: crear mejores experiencias digitales, tomar mejores decisiones y desarrollar soluciones más eficaces.