Maquetador Web (Web Layout Developer)

Mexican People HR; Estado de México; Hybrid; MXN 240,000 - 420,000; Full time

Job summary

Mexican People HR está buscando un Frontend Developer especializado en maquetación web para convertir diseños en interfaces funcionales y listas para producción. Trabajarás en colaboración estrecha con Backend, diseño y equipos móviles para entregar experiencias de alta calidad.

El candidato ideal debe dominar HTML5 semántico, CSS3, SCSS/SASS y tener experiencia con Figma y Laravel Blade. Se valorará conocimiento en frameworks modernos y capacidad de trabajo remoto o en oficina según necesidad

Qualifications

• 2 a 4 años de experiencia en maquetación frontend.
• Dominio de HTML5 semántico y CSS3.
• SCSS / SASS y diseño responsive (Mobile First).
• Lectura e inspección de diseños en Figma.
• Conocimiento funcional de Blade (Laravel).
• Manejo de Git (ramas, commits, Pull Requests).
• Portafolio o proyectos demostrables (obligatorio).
• Disponibilidad a tiempo completo y buena comunicación en español.

Responsibilities

• Maquetar interfaces web responsivas a partir de diseños en Figma.
• Traducir diseños UI/UX en HTML5 semántico, limpio y escalable.
• Desarrollar estilos con CSS3 y SCSS/SASS o frameworks modernos.
• Implementar vistas utilizando Blade (Laravel).
• Asegurar compatibilidad cross-browser y dispositivos.
• Optimizar rendimiento frontend y gestión de assets.
• Colaborar con Backend para integración eficiente.
• Documentar componentes reutilizables y layouts.
• Aplicar buenas prácticas de accesibilidad WCAG y usabilidad.
• Participar en revisiones de calidad y ajustes preproducción.

Skills

Maquetación frontend

HTML5 semántico

CSS3

SCSS / SASS

Responsive Design

Lectura de diseños en Figma

Comunicación en español

Autogestión en remoto

Education

Educación Superior - Licenciatura

Tools

Blade (Laravel)

Git

Job description

Buscamos un Frontend Developer especializado en maquetación web que quiera formar parte de un equipo de desarrollo enfocado en crear interfaces de alta calidad, escalables y perfectamente integradas con backend.

Esta posición es ideal para alguien que disfruta convertir diseños en código limpio, estructurado y listo para producción, entendiendo que la maquetación es un punto clave entre diseño y desarrollo.

Sobre el rol

Serás responsable de transformar diseños UI/UX en interfaces web funcionales, optimizadas y responsivas, trabajando de la mano con equipos de Backend, Frontend, Mobile y Diseño.

Tu trabajo impactará directamente en la calidad visual, rendimiento y experiencia del usuario en la plataforma.

Responsabilidades

• Maquetar interfaces web responsivas a partir de diseños en Figma (y herramientas similares)
• Traducir diseños UI/UX en HTML5 semántico, limpio y escalable
• Desarrollar estilos con CSS3, SCSS/SASS o frameworks modernos
• Implementar vistas utilizando Blade (Laravel)
• Garantizar compatibilidad cross-browser y dispositivos (desktop, tablet, mobile)
• Optimizar rendimiento frontend (carga, estilos, assets)
• Integrar código vía Git (branches, commits, Pull Requests documentados)
• Colaborar con Backend (PHP/Laravel) para integración eficiente
• Trabajar con Frontend Developers en integración con frameworks modernos
• Asegurar fidelidad visual junto al equipo de diseño
• Documentar componentes reutilizables y layouts
• Aplicar buenas prácticas de accesibilidad (WCAG) y usabilidad
• Participar en revisiones de calidad y ajustes antes de producción

Requisitos indispensables

• 2 a 4 años de experiencia en maquetación frontend
• Dominio de:
  • HTML5 semántico
  • CSS3
  • SCSS / SASS
  • Responsive Design (Mobile First)
• Experiencia trabajando con Figma (lectura e inspección de diseños)
• Conocimiento funcional de Blade (Laravel)
• Manejo de Git (ramas, commits, Pull Requests)
• Experiencia en integración con equipos backend
• Portafolio o proyectos demostrables (obligatorio)
• Disponibilidad de tiempo completo (no freelance por horas)
• Comunicación clara en español

Deseable (suma puntos)

• Experiencia con frameworks de estilos (Tailwind, Bootstrap, Material UI)
• Conocimientos básicos de JavaScript (interacciones UI)
• Familiaridad con React, Vue o Angular (a nivel integración)
• Experiencia en productos digitales o plataformas SaaS
• Conocimientos de accesibilidad web y SEO técnico básico
• Experiencia trabajando en equipos remotos

Habilidades clave

• Alta atención al detalle (nivel pixel-perfect)
• Pensamiento estructurado y limpio al escribir código
• Capacidad de autogestión en remoto
• Comunicación efectiva con equipos técnicos y creativos
• Adaptabilidad y rapidez para iterar con feedback
• Enfoque en calidad, escalabilidad y buenas prácticas

Perfil ideal

Un profesional que entiende que la maquetación no es solo “hacer que se vea bonito”, sino construir una base sólida para el desarrollo.
Alguien que prioriza la calidad del código, la experiencia del usuario y la colaboración entre equipos.

• Licencia de conducir: No necesaria
• Grado académico: Educación Superior - Licenciatura