Diseñador Web
/ Vibe Coder.

Propósito del cargo

El Diseñador Web / Vibe Coder será responsable de diseñar, construir, ajustar, optimizar y mantener sitios web, landing pages, interfaces digitales y componentes web utilizando herramientas tradicionales de diseño y desarrollo, junto con flujos modernos de programación asistida por inteligencia artificial.

Su objetivo principal será transformar requerimientos comerciales, creativos y técnicos en soluciones web funcionales, atractivas, rápidas, responsivas y correctamente implementadas, apoyándose en herramientas como Claude Code, Codex, Cursor, ChatGPT o GitHub Copilot para acelerar procesos de programación, depuración, documentación y mejora continua.

Este rol combina criterio visual, sensibilidad UX/UI, capacidad técnica básica-intermedia y autonomía operativa para llevar ideas desde el diseño hasta la implementación web real.

Misión

Diseñar y desarrollar experiencias web modernas, eficientes y alineadas a objetivos de negocio, utilizando tecnologías esenciales como HTML, CSS, JavaScript, PHP, CMS, hosting, servidores, dominios y herramientas de IA aplicada al código, asegurando calidad visual, correcta ejecución técnica y velocidad de entrega.

El cargo debe actuar como un puente entre diseño, marketing, tecnología y operaciones, entendiendo tanto el lenguaje visual de una marca como los fundamentos técnicos necesarios para publicar, mantener y optimizar sitios web reales.

Responsabilidades principales

Diseño web y experiencia de usuario

• Diseñar interfaces web limpias, funcionales y atractivas para sitios corporativos, landings, micrositios, formularios y funnels.
• Adaptar lineamientos de marca a entornos digitales, respetando identidad visual, tipografía, jerarquía y coherencia estética.
• Crear estructuras de navegación claras, layouts responsivos y experiencias de usuario orientadas a conversión.
• Diseñar wireframes, mockups, prototipos o referencias visuales según las necesidades del proyecto.
• Proponer mejoras de UX/UI para sitios existentes, considerando legibilidad, velocidad, usabilidad y comportamiento mobile-first.

Desarrollo web esencial

• Construir y editar páginas con HTML, CSS, JavaScript básico/intermedio y PHP esencial.
• Implementar landings, secciones, formularios, botones, menús, banners, sliders, pop-ups, thank you pages y componentes reutilizables.
• Trabajar sobre CMS como WordPress, constructores visuales, themes, templates o desarrollos a medida.
• Realizar ajustes en archivos PHP, plantillas, headers, footers y estructuras básicas de sitios dinámicos.
• Integrar códigos externos como píxeles, tags, scripts de seguimiento, embeds, formularios CRM, chats e iframes.
• Resolver errores de frontend, conflictos visuales, problemas de responsividad y enlaces rotos.

Vibe Coding y desarrollo asistido por IA

• Utilizar Claude Code, Codex, Cursor, ChatGPT y GitHub Copilot para acelerar la creación, revisión y mejora de código.
• Traducir requerimientos en prompts técnicos claros para generar componentes, funciones, scripts y soluciones web.
• Evaluar, corregir y adaptar código generado por IA antes de implementarlo en producción.
• Usar IA para depurar, documentar, refactorizar y mejorar rendimiento.
• Mantener criterio técnico propio: validar siempre que el código sea funcional, seguro y ordenado.
• Crear prompts base y flujos reutilizables para acelerar tareas frecuentes de diseño y desarrollo web.

Servidores, hosting y publicación

• Trabajar con hosting, cPanel, FTP/SFTP, servidores web, dominios, DNS, SSL y ambientes de producción.
• Subir, modificar y respaldar archivos vía FTP, repositorios o paneles de hosting.
• Configurar dominios, subdominios, redirecciones y certificados SSL cuando sea necesario.
• Realizar tareas básicas de mantención, respaldos y revisión de disponibilidad.
• Detectar cuándo escalar un problema a un desarrollador backend o proveedor de hosting.

Integraciones y marketing digital

• Implementar Google Analytics, Google Tag Manager, Meta Pixel, LinkedIn Insight Tag y códigos de conversión.
• Apoyar la creación de landing pages para campañas de paid media, captación de leads y automatizaciones.
• Conectar formularios con CRMs, plataformas de email marketing y WhatsApp.
• Asegurar estructura mínima correcta para SEO: títulos, metas, encabezados, alt text, URLs amigables.
• Optimizar páginas para campañas: carga, claridad del mensaje, CTA y estructura de conversión.

Conocimientos técnicos requeridos

Desarrollo web

IA aplicada al desarrollo

Servidores y publicación

• Hosting web, cPanel o paneles equivalentes.
• FTP / SFTP.
• Dominios, DNS y SSL.
• Redirecciones, ambientes de staging y producción.
• Backups básicos y permisos de archivos.

Herramientas de diseño

Marketing y analítica

Habilidades blandas

• Autonomía operativa y mentalidad resolutiva.
• Criterio visual y atención al detalle.
• Pensamiento lógico y orden técnico.
• Curiosidad tecnológica y rapidez de aprendizaje.
• Buena comunicación con equipos creativos, comerciales y técnicos.
• Capacidad para recibir feedback y aplicarlo rápido.
• Cumplimiento de plazos y trabajo en múltiples proyectos.
• Responsabilidad con sitios en producción.
• Criterio para resolver solo o escalar a tiempo.

Perfil ideal

Buscamos una persona híbrida, con sensibilidad visual y capacidad técnica. No necesariamente un programador senior, pero sí alguien que entiende cómo funciona una web real, cómo se estructura, cómo se publica, cómo se corrige y cómo se mejora.

Debe sentirse cómodo diseñando una interfaz en Figma, ajustando una landing en WordPress, modificando HTML/CSS, revisando un archivo PHP, conectando un formulario, configurando un pixel, subiendo archivos por FTP y usando IA para resolver código de manera más rápida.

El candidato ideal no le tiene miedo al código, aunque no sea ingeniero. Es alguien que puede mirar una página, detectar qué está mal visual o técnicamente, buscar una solución, pedirle ayuda a Claude Code o Codex, validar el resultado y dejarlo funcionando.

Experiencia y formación

• 1 a 3 años de experiencia en diseño web, frontend, implementación web, WordPress, landing pages o áreas similares.
• Experiencia demostrable construyendo o manteniendo sitios web reales.
• Portafolio con proyectos web publicados o demostrables.
• Experiencia con herramientas de IA aplicadas a diseño o código (altamente valorada).
• Experiencia previa en agencia, startup, equipo de marketing o e-commerce (valorada).

Formación deseable: Diseño gráfico, diseño digital, UX/UI, desarrollo web, programación, comunicación digital, ingeniería informática (completa o en curso) o formación técnica equivalente. No se requiere título universitario si la persona demuestra capacidad práctica y dominio técnico operativo.

Indicadores de éxito

• Cantidad de sitios, landings o páginas implementadas correctamente.
• Calidad visual y velocidad de entrega.
• Baja tasa de errores en producción.
• Correcta implementación responsive e integración de tags y formularios.
• Mejora en tiempos de desarrollo gracias al uso productivo de IA.
• Cumplimiento de deadlines y satisfacción de clientes internos/externos.

Evaluación práctica

En el proceso te pediremos construir una landing responsive con header, hero, texto comercial, formulario, CTA, sección de beneficios y footer — implementando un pixel/tag simulado y publicando en un entorno de prueba.

Además, te pediremos que uses Claude Code, Codex o ChatGPT para resolver una parte del ejercicio y luego nos cuentes qué generó la IA, qué corregiste manualmente y por qué. No buscamos una entrega perfecta; buscamos ver cómo trabajas.