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.-Requerimientos- Educación mínima: Universitario
3 años de experiencia
Palabras clave: developer, programador