Juan Carlos Valerio Barreto
Principal Frontend Architect & Staff Developer Experience
About
Buildingthefutureofwebengineering.
High-impact Technical Executive & Principal Architect with over 10 years of experience designing scalable web ecosystems. Currently serving as VP of Software Engineering at Banamex, operating as a Staff-level Individual Contributor focused on frontend modernization, Developer Experience (DevEx), and technical strategy. Expert in bridging the gap between business objectives and engineering execution, leveraging an MBA background to drive digital transformation.
Technologies & Tools
Years of Experience
Build Time Reduction
Lighthouse Score
Tracking Coverage
Experience
10+yearscraftingdigitalexperiences.
VP of Software Engineering — Tech Lead & Architect
- Designed and led the end-to-end architectural migration of the core banking platform (Angular 10 to 20), reducing build times by 30%.
- Served as technical authority for Adobe Launch and Adobe Analytics implementation, achieving 100% data privacy compliance and expanding tracking coverage by 45%.
- Partnered with Product Owners and Business Stakeholders to align technical delivery with strategic goals, reducing inter-team delays by 40%.
- Standardized Git workflows and CI/CD processes, reducing merge conflicts by 50% and accelerating feature time-to-market by 25%.
Senior Fullstack Engineer
- Architected high-performance web applications using Next.js (React) for SSR, aligning with modern Headless commerce patterns.
- Achieved 95+ Lighthouse scores across projects, optimizing the Critical Rendering Path.
- Managed secure deployments using Vercel and Cloudflare, ensuring global availability.
Senior Software Engineer
- Developed scalable backend solutions using Node.js, handling large data volumes for enterprise clients.
- Enhanced data monitoring tools for 200+ database instances, improving decision-making capabilities.
Lead Fullstack Developer
- Engineered a critical React-based Outlook Add-in, driving a measurable increase in platform engagement and revenue.
- Refactored backend services using Python and Node.js, improving data processing efficiency by 50%.
- Led the end-to-end development of 30% of the platform's modular gadgets, optimizing user workflows by 70%.
- Rapidly developed a specialized content aggregation tool during Covid-19, providing researchers instant access to 80% of relevant NCBI articles.
Software Engineer
- Engineered robust CI/CD pipelines for HSBC's iBoarding module using Jenkins and SonarCloud.
- Architected the Digital Onboarding UI/UX using Angular, reducing loan application processing time by 50%.
Web Developer
- Delivered cost-effective web solutions using HTML5, CSS3, and JavaScript, reducing client development costs by 50%.
- Optimized 10+ e-commerce platforms implementing W3C standards and SEO best practices.
Education
Continuouslearning,constantgrowth.
2024 — 2025
Master of Science — MBA Information Technology Management & Direction
Mexico City, Mexico
2009 — 2013
Bachelor of Science — Information And Computer Systems
Estado de México
Skills
Tools&technologiesIworkwith.
Architectural Patterns
Core & Frontend
DevEx & DevOps
Performance & Quality
Backend & Cloud
Portfolio
Selectedwork&projects.
DOI / PMID Finder
An npm package that resolves DOI and PMID identifiers, streamlining access to scientific article metadata for researchers and developers.
Banamex Platform Migration
Led the end-to-end architectural migration of the core banking platform from Angular 10 to 20, ensuring long-term scalability and reducing build times by 30%.
Article Galaxy — Outlook Add-in
Engineered a React-based Outlook Add-in for Research Solutions, directly streamlining access to Article Galaxy and driving measurable engagement increases.