Perfil profesional

WillyDev Frontend Engineer

Trabajo en interfaces escalables con foco en producto, performance y accesibilidad. Decisiones técnicas con calidad de ingeniería y colaboración real.

Identidad visual de WillyDev, Frontend Developer
Calidad y DX

Experiencia profesional

Responsabilidad compartida, decisiones técnicas y foco en producto.

Actualidad

MOCCA IA

Software Engineer (part-time) / Frontend Developer inicialmente

Perfil Semi-Senior

Producto B2B en desarrollo bajo confidencialidad. Sin demo pública, detalles técnicos disponibles bajo solicitud.

  • Desarrollo full stack por módulos, con ownership compartido y foco en escalabilidad.
  • Apoyo directo al tech lead en decisiones técnicas y priorización de deuda.
  • Capacitación y onboarding de nuevos integrantes del equipo.
  • Análisis de producto, competencia y tecnologías emergentes para roadmap.
Next.js React TypeScript Backend Agentes IA RAG Memoria y orquestación

Proyectos recurrentes

Proyectos con clientes (NDA cuando aplica)

Frontend Developer

Perfil Semi-Senior

Trabajo con equipos y organizaciones en sitios web, productos internos y mejoras de performance.

  • Definición de arquitectura ligera y UI escalable para cada proyecto.
  • Integración de APIs y herramientas de terceros según el contexto.
  • Handoff claro, documentación y soporte post-entrega.
React Next.js Astro TypeScript Tailwind CSS

Casos de estudio

Proyectos seleccionados con contexto, decisiones técnicas y enfoque en calidad.

GymSoft

NDA / Privado
Vista del proyecto GymSoft
Next.js TypeScript React Prisma MySQL Tailwind CSS

Contexto / Problema

Sistema administrativo para gimnasios y academias con flujos de usuarios, inventario y POS.

Se necesitaba unificar operaciones en una sola interfaz, priorizando consistencia y escalabilidad.

Rol y alcance

Frontend + apoyo full stack (responsabilidad compartida).

Módulos administrativos, pantallas de gestión y mejoras progresivas por etapas.

Solución

Arquitectura modular con componentes reutilizables y una capa de datos coherente para crecer sin reescribir.

Decisiones técnicas

  • Separar dominios por módulos para mantener el alcance controlado.
  • Definir patrones de UI y estados para asegurar consistencia.
  • Optimizar flujos críticos antes de sumar nuevas funcionalidades.

Calidad

  • Tipado estricto con TypeScript y linting consistente.
  • Checklist de QA en flujos críticos y revisiones compartidas.
  • Enfoque en performance y accesibilidad básica.

Resultado

Base sólida para iterar el producto y sumar nuevas funcionalidades sin afectar la estabilidad.

FeriaValle

Vista del proyecto FeriaValle
React TypeScript Vite Tailwind CSS

Contexto / Problema

PWA para gestionar ventas y productos en ferias y emprendimientos locales.

Se buscaba digitalizar la gestión diaria con una experiencia simple en dispositivos móviles.

Rol y alcance

Frontend developer con foco en UX y estados de negocio.

Catálogo, ventas, reportes básicos y experiencia offline parcial.

Solución

Frontend PWA con navegación clara y módulos desacoplados para crecer por etapas.

Decisiones técnicas

  • Priorizar la experiencia móvil como interfaz principal.
  • Modelar estados de venta para reducir errores operativos.
  • Diseñar componentes reutilizables para mantener consistencia.

Calidad

  • Linting, tipado y revisiones manuales de UX.
  • Pruebas manuales de flujos críticos en mobile.
  • Optimización de tiempos de carga y recursos.

Resultado

Producto usable en terreno y listo para iterar funciones avanzadas cuando el negocio crezca.

WillyDev Components

Vista del proyecto WillyDev Components
Next.js TypeScript Tailwind CSS

Contexto / Problema

Biblioteca de componentes reutilizables para acelerar proyectos y mantener coherencia visual.

Los proyectos repetían UI y estilos, generando deuda y tiempos de implementación altos.

Rol y alcance

Diseño, implementación y documentación de componentes.

Sistema base, tokens visuales y ejemplos de uso.

Solución

Design system liviano con componentes y patrones listos para integrar.

Decisiones técnicas

  • Establecer tokens y reglas de diseño para coherencia.
  • Crear componentes composables y escalables.
  • Documentar casos de uso para onboarding rápido.

Calidad

  • Revisión de accesibilidad básica por componente.
  • Documentación liviana para QA visual.
  • Checklist de performance en renders complejos.

Resultado

Menor tiempo de entrega en nuevos proyectos y UI consistente sin esfuerzo extra.

SOR

Vista del proyecto SOR
Next.js TypeScript

Contexto / Problema

Herramienta interna para preparar dispositivos e instaladores de forma rápida.

El proceso manual de instalación era lento y poco trazable en entornos con múltiples equipos.

Rol y alcance

Frontend con soporte en definición de flujos.

Dashboard, estados de procesos y paneles de seguimiento.

Solución

Interfaz modular con foco en claridad de estados y visibilidad del progreso.

Decisiones técnicas

  • Definir estados y prioridades visuales para evitar errores.
  • Separar flujos por etapa para facilitar el mantenimiento.
  • Reducir pasos críticos con automatizaciones graduales.

Calidad

  • Validaciones en UI y QA manual de flujos críticos.
  • Monitoreo de performance en vistas principales.
  • Documentación breve para uso interno.

Resultado

Proceso más predecible y base lista para futuras automatizaciones.

Casos y proyectos

Selección de proyectos que muestran decisiones técnicas, claridad de contexto y calidad de entrega.

+12 proyectos construidos

Más de +3 años de experiencia transformando ideas en experiencias digitales funcionales y atractivas.

HTML5CSSJavaScriptBootstrapPHPCSS3MySQLJSONWordPressCloudflarePerformanceReactTypeScriptViteTailwind CSSNext.jsPrismaLucide-ReactContext API

Competencias clave

Frontend moderno, integración backend y calidad para construir productos sólidos.

Stack habitual

Tecnologías que uso con mayor frecuencia en proyectos y productos.

Hablemos

¿Quieres conversar sobre un rol, equipo o colaboración técnica? Cuéntame el contexto y coordinamos el mejor siguiente paso.

Información de contacto

Ubicación

Ovalle, Chile

¿Prefieres LinkedIn?

Conecta conmigo profesionalmente y revisa mi experiencia completa.

Conectar en LinkedIn

Para servicios freelance, visita shop.willydev.cl .

Envíame un mensaje

Playlist Spotify

Se carga bajo demanda para mantener el sitio rápido.