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 (, ,
Postulate a este anuncio
Muestra tus habilidades a la empresa, rellenar el formulario y deja un toque personal en la carta, ayudará el reclutador en la elección del candidato.