Como Front End
Maquetación
Mi rol
Front End
Herramientas y tecnología
Sublime text, CSS, Sass, Git
Estructuré el contenido de páginas web
- Escribí el HTML con etiquetas semánticas (header, nav, main, article, footer, etc.)
- Agregué elementos multimedia como imágenes, íconos y videos de acuerdo a guías de diseño
- Usé formularios básicos (input, label, textarea, button)
Estilicé las páginas con CSS
- Usé archivos CSS externos
- Apliqué diseño responsive con media queries (@media) para distintos dispositivos
- Definí variables CSS para mantener coherencia en colores, márgenes, etc.
- Añadí animaciones o transiciones sutiles para mejorar la experiencia de usuario
Realicé pruebas y ajustes:
- Probé en diferentes navegadores y resoluciones
- Revisé en desktop, tablet y móvil
- Validé accesibilidad básica (contrastes, etiquetas, orden lógico)
- Revisé errores HTML con W3C Validator
- Optimicé imágenes y tiempos de carga con herramientas como TinyPNG e ImgOptim
En mis entregables
- Verifiqué el producto final (UI vs diseño)
- Subí archivos al repositorio indicado
- Entregué al equipo de desarrollo para integración con lógica JS/back-end
- Exporté assets optimizados (SVG, PNG, WebP, fuentes, etc)
- Preparé documentación simple del layout y estilos y un sistema de diseño básico
- Di soporte durante la etapa de desarrollo (ajustes, dudas de implementación)
- Iteré si habia cambios de producto o necesidades nuevas
- Revisé métricas post-lanzamiento (engagement, interacción, errores)