Desarrollador HTML

El DESARROLLADOR HTML deberá maquetar y estructurar la información visual de una aplicación para que el usuario aprenda a usarla de forma clara, accesible e intuitiva.
Responsabilidades:
Maquetación de pantallas de ayuda e información de uso: Diseñar y estructurar centros de ayuda, módulos de preguntas frecuentes, guías de inicio rápido (onboarding) y manuales interactivos.
Estructuración semántica del contenido: Organizar la información utilizando HTML5 semántico (

,

,

, nav) para garantizar una lectura clara, facilitar el posicionamiento (SEO) y permitir que los lectores de pantalla interpreten el texto correctamente.
Integración y formato visual (HTML + CSS): Aplicar estilos visuales para destacar advertencias, pasos a seguir, botones de acción, tablas explicativas y bloques de código o captura de pantalla.
Diseño adaptativo (Responsive): Asegurar que las pantallas explicativas y modales de ayuda se lean perfectamente tanto en móviles como en tablets y ordenadores de escritorio.
Accesibilidad web (WCAG / A11y): Implementar etiquetas aria, contrastes adecuados y navegación por teclado para que las pantallas de ayuda sean accesibles para todo tipo de usuarios.
Conexión con las Apps (backend): Integrar estas vistas HTML dentro del ecosistema de la aplicación (mediante vistas web empotradas o webviews, modales contextuales o micro-sitios de soporte).
Requisitos:
Herramientas de diseño EXCLUYENTES:
Dominio de Figma, Adobe XD, Canva o Illustrator para crear prototipos, diagramar flujos explicativos, recortar assets visuales y exportar recursos listos para la web.
Diseño UI / Maquetación de Tutoriales: Capacidad para estructurar visualmente la información, definiendo la jerarquía tipográfica, el uso del espacio en blanco y la distribución de elementos para guiar la atención del usuario paso a paso.
Creación de recursos visuales simples: Habilidad para seleccionar, adaptar o crear diagramas básicos, capturas de pantalla anotadas, iconos y gráficos didácticos que acompañen las explicaciones.
Conocimientos técnicos EXCLUYENTES:
HTML5 Semántico: para estructurar contenidos (

,

,

, etc.) garantizando un código limpio, legible y fácil de mantener.
CSS3 y Responsive Design: para maquetación adaptativa (Mobile-First) mediante Flexbox y CSS Grid, asegurando que los tutoriales se lean perfectamente en cualquier pantalla o webview.
Accesibilidad Web (WCAG / A11y): para generar buenas prácticas de accesibilidad visual (uso correcto de contrastes de color, tamaños de fuente legibles, etiquetas ARIA y navegación por teclado).
Control de versiones: Manejo intermedio de Git (GitHub, GitLab o Bitbucket).
Conocimientos técnicos DESEABLES:
JavaScript (ES6+) para añadir dinamismo a los tutoriales.
Experiencia previa integrando pantallas HTML dentro de aplicaciones móviles (Webviews en iOS/Android).
Nociones de micro-animaciones en CSS o SVG para hacer las guías más dinámicas.
Manejo de herramientas multimediales tradicionales y con IA.
Habilidades IMPRESCINDIBLES:
Pensamiento visual y didáctico: Habilidad para ponerte en la piel del usuario y transformar procesos técnicos complejos en instrucciones simples y visuales.
Atención al detalle: Sensibilidad estética por la alineación, la consistencia de color y el pulido visual.
Trabajo colaborativo: Buena comunicación con los equipos de Redacción/UX Content, Producto y Desarrollo Mobile.