Barcelona · Frontend Tech Lead · Architect

JeanOsorio

Frontend Tech Lead & Architect

I lead frontend teams and architecture across banking, proptech, insurance, analytics, advertising platforms, Web3 and startup products. My work combines team leadership, AI-assisted engineering, Next.js, React, TypeScript, micro-frontends, design systems and pragmatic product execution.

Practical builder with architecture judgment.

I am a builder who has spent the last decade-plus taking frontend work beyond implementation: defining architecture, leading teams, mentoring engineers, breaking monoliths, creating component libraries, planning migrations and making product delivery more predictable.

I also use AI as a practical engineering layer: GitHub Copilot CLI, Codex CLI, Google Gravity-style workflows, prompt-driven exploration, AI-assisted refactoring, documentation drafts, implementation planning and review preparation. The value is speed with judgment: AI helps produce drafts and options, while architecture, quality and team decisions remain intentional.

AI as a practical layer in product engineering.

Centro Alba appointment management

AI-supported product work for appointment flows, internal management screens and public web presence. The focus is practical: clarify the domain, generate implementation paths, review edge cases and ship usable increments.

CLI-first AI workflows

Daily use of tools such as GitHub Copilot CLI and Codex CLI to accelerate repository exploration, code generation, refactors, debugging, documentation and repeatable engineering tasks.

Google Gravity experimentation

Use of Google Gravity-style AI workflows for ideation, interface exploration and fast validation of product direction before committing engineering time.

AI with engineering discipline

AI output is treated as a draft, not as authority: every change still goes through architecture judgment, local validation, code review, maintainability checks and product fit.

More than ten years guiding teams, architecture and delivery.

Since atmira, and later through SingularCover and Clikalia, my role has consistently included tech lead responsibilities: shaping technical direction, helping teams grow, protecting delivery focus, coordinating developers and translating complexity into clear decisions.

  • Leading frontend architecture decisions across product teams from atmira onward.
  • Mentoring engineers through pairing, review feedback, technical proposals and practical ownership.
  • Creating shared frontend standards so teams can move independently without fragmenting the product.
  • Designing component libraries, design-system foundations and UI contracts that reduce repeated work.
  • Coordinating remote and cross-functional teams with clear communication, delivery rituals and explicit decision records.
  • Protecting team focus by turning vague product needs into scoped, testable and shippable technical slices.
  • Balancing business deadlines with long-term maintainability: migration paths, technical debt triage and incremental modernization.
  • Driving architecture reviews around Next.js, React, TypeScript, micro-frontends, module federation, Turborepo and design-system strategy.
  • Helping teams adopt AI-assisted delivery while preserving code quality, accountability and security judgment.
  • Translating technical risk for product, design and business stakeholders so decisions are visible and reversible.

Complete professional experience

2025 - PresentCaixaBank Tech

Squad Lead - Banksy onboarding platform

Squad Lead for Banksy, the new digital onboarding platform for CaixaBank customers. I lead a small team of three people, combining delivery coordination, technical decision-making and hands-on implementation in a SPA built with internal custom components and a frontend architecture designed for complex banking flows. My work includes a dynamic KYC engine based on the questions required for each customer profile, Formik-based dynamic forms, high-coverage automated testing and a transition toward more agentic software development with skills and agents created by the Banksy team together with CaixaBank Tech's internal AI team.

  • Squad Lead
  • Frontend architecture
  • SPA
  • KYC
  • Formik
  • Testing
  • AI agents
  • Banking
Aug 2022 - Jan 2025Clikalia

Frontend Tech Lead

Designed and developed the new website architecture by modularizing Clikalia business verticals with Turborepo. Each module used Next.js and a custom TypeScript component library created from scratch to keep UI behavior consistent with the design system and adaptable to different countries. Led frontend decisions around testing with Jest, Cypress and Cucumber, internal micro-frontends with module federation, and migrations from JavaScript to TypeScript and from SASS to styled-components. This work combined architecture, mentoring, team coordination and technical standardization.

  • Tech Lead
  • Next.js
  • TypeScript
  • Turborepo
  • Module federation
  • Design systems
  • Jest
  • Cypress
  • AI-assisted planning
May 2021 - Sep 2024Gradis.art

Co-Founder

Owned the technical stack for a Web3 generative art platform. Built algorithms to manipulate SVG colors based on token numbers, implemented a Node.js thumbnail service, integrated a React/Web3.js minting website with ERC721 and ERC1155 token specifications, developed Solidity smart contracts for Ethereum and created a rarity site for minted Gradis tokens.

  • Co-founder
  • Solidity
  • Node.js
  • React
  • Web3.js
  • Ethereum
  • ERC721
  • ERC1155
Aug 2020 - Jul 2023Mímate Mamá

Co-Founder

Co-founded a digital product initiative in Barcelona, combining product thinking, technical decision-making and hands-on execution. Applied startup leadership, prioritization, product discovery and iterative delivery practices.

  • Co-founder
  • Startup leadership
  • Product strategy
  • Delivery
Feb 2021 - Aug 2022SingularCover

Frontend Tech Lead

Worked as Frontend Team Lead, breaking a frontend monolith into a more maintainable architecture. Created a custom component library and an architecture and communication layer that allowed React to focus on UI while communicating with services such as Contentful and Phrase. Led decisions around React Context, shared UI contracts and team standards.

  • Tech Lead
  • React
  • Component library
  • Architecture
  • Contentful
  • Phrase
  • Team standards
May 2019 - Feb 2021atmira

Senior Application Architect - Tech Lead

Worked as Frontend Team Lead for the new Online Banking of AndBank with a team of five developers, building a React, Redux Saga, TypeScript, React Testing Library and Material-UI frontend. Also led the frontend of Sirec, a multilingual debt recovery platform owned by atmira, coordinating a team of twelve developers and reengineering the frontend using Angular 9 micro-frontends. Participated in CaixaBank's Silk team to define a new frontend architecture based on micro-frontends and Stencil web components, designing core modules for communication, authentication and internationalization so teams could migrate existing CaixaBank applications.

  • Tech Lead
  • Application architecture
  • React
  • Redux Saga
  • TypeScript
  • Angular
  • Micro-frontends
  • Stencil
  • Banking
  • 12-person team
May 2018 - May 2019atmira

Frontend Architect

Helped develop new frontend architecture for CaixaBank and BPI Bank. Focused on architectural foundations, reusable frontend patterns, migration paths and technical guidance for teams working on banking products.

  • Frontend Architect
  • CaixaBank
  • BPI Bank
  • Architecture
  • Reusable patterns
Aug 2019 - May 2020Local Productos App

Co-Founder

Co-founded a local product discovery mobile initiative in Barcelona. Worked on product direction, app concept, delivery planning and technical execution for a React Native-style product experience.

  • Co-founder
  • Mobile app
  • Product
  • React Native
  • Startup
Feb 2017 - Mar 2018UserZoom

Frontend Developer

Worked on the new UserZoom analytics application from scratch with a four-person team. Built the analytics UI using the React and Redux ecosystem and developed a Tableau Web Data Connector so users could handle research data beyond the default analytics interface.

  • React
  • Redux
  • Analytics
  • Tableau Web Data Connector
  • Team collaboration
Jul 2015 - Jan 2017ADman Media

Main Admin Developer

Built three single-page applications for campaign metrics used by clients and publishers, using React, Redux and ES6 promises to consume multiple ADman APIs. Also worked on the Ruby on Rails administration platform with MySQL, integrating Asana, Pipedrive and Slack to automate campaign administration, task creation and notification workflows.

  • React
  • Redux
  • ES6
  • Ruby on Rails
  • MySQL
  • Asana API
  • Pipedrive API
  • Slack bots
  • Automation
Jan 2014 - Jul 2015Blabloo, languages & friends

Software Developer

Worked as PHP and Ruby on Rails developer on an online language-learning product, using Linux, Redis, MongoDB and jQuery. Contributed to product features, backend integration and frontend interactions.

  • Ruby on Rails
  • PHP
  • Linux
  • Redis
  • MongoDB
  • jQuery
Jun 2011 - Apr 2015HexaSystems Inc

Development Specialist

Worked across iOS development, Microsoft Dexterity specialization and support for open-source platforms such as Joomla and WordPress. Combined enterprise software knowledge with web platform delivery.

  • iOS
  • MS Dexterity
  • Joomla
  • WordPress
  • Enterprise software
Jan 2012 - Aug 2014Hybrid Tech, Inc

Software Developer

Delivered web development, website traffic work, UI improvements, social media management and advertising technology. Built web software with Ruby on Rails and PHP using open-source CMS platforms such as WordPress and OpenCart.

  • Ruby on Rails
  • PHP
  • WordPress
  • OpenCart
  • UI
  • Advertising
Sep 2008 - May 2011Advantel Consultores

Collaboration Solutions Developer

Assigned to DESCA for customization and support of ERP Microsoft Dynamics GP. Developed Visual Studio C# web tools for Dynamics GP generated documents, access control systems for DESCA offices, the Teaching Module for Fundación Bigott in Caracas and communication interfaces for payroll applications.

  • Microsoft Dynamics GP
  • C#
  • ERP
  • Access control
  • Payroll integrations
Aug 2005 - Sep 2008SINCA Soluciones Integrales de Negocio

Junior Developer

Worked as MS Dexterity developer for ERP Microsoft Dynamics GP, building and customizing tax, human resources, teaching and commission calculation modules. Modified reports in MS Report Writer for SINCA clients.

  • MS Dexterity
  • Microsoft Dynamics GP
  • ERP
  • Reports
  • Business software

Featured work as architecture case studies.

Banking onboarding

CaixaBank Tech - Banksy

Problem
New customers need a guided onboarding flow that adapts to different profiles, regulatory questions and banking-specific validation needs without becoming hard to maintain.
Architectural solution
Led a three-person squad building a SPA on top of internal custom components, with a dynamic KYC layer, Formik-powered form generation and a frontend architecture prepared for complex onboarding flows.
Impact
Improved maintainability, test confidence and delivery clarity while helping the team move toward agentic engineering practices with internal AI skills and agents.
  • SPA
  • Custom components
  • Formik
  • Dynamic KYC
  • Automated testing
  • AI-assisted workflows
Proptech platform

Clikalia frontend architecture

Problem
Multiple business verticals needed to evolve without duplicating frontend foundations or fragmenting the product experience across countries.
Architectural solution
Designed a modular architecture with Turborepo, Next.js and a custom TypeScript component library aligned with the design system.
Impact
Created stronger frontend standards for teams, improved reuse and supported migrations from JavaScript to TypeScript and from SASS to styled-components.
  • Next.js
  • TypeScript
  • Turborepo
  • Design system
  • Module federation
  • Jest
  • Cypress
Banking architecture

CaixaBank Silk architecture

Problem
Large banking applications needed a migration path toward reusable frontend foundations without forcing every team into a single monolith.
Architectural solution
Worked on a micro-frontend architecture based on Stencil web components, including core modules for communication, authentication and internationalization.
Impact
Helped define reusable patterns that enabled teams to migrate applications incrementally while preserving consistency across banking products.
  • Micro-frontends
  • Stencil.js
  • Web Components
  • Architecture
  • i18n
  • Authentication
AI product delivery

Centro Alba appointment platform

Problem
A psychology center needs appointment and public web workflows that are clear for patients and efficient for internal management.
Architectural solution
Built product increments with AI-assisted workflows using Copilot CLI, Codex CLI and Google Gravity-style exploration to move faster from planning to implementation.
Impact
Reduced iteration time and improved clarity around user flows, interface states and implementation tasks.
  • AI-assisted delivery
  • Product UX
  • Frontend implementation
  • Copilot CLI
  • Codex CLI
SEO healthcare website

Centro Alba public website

Problem
The center needed a public website capable of communicating services clearly, ranking for relevant psychology searches and converting visitors into appointment requests without relying on a heavy application stack.
Architectural solution
Worked on an SEO-first web architecture with clear information hierarchy, structured landing pages, semantic HTML, optimized metadata, Open Graph tags, sitemap and performance-conscious frontend implementation.
Impact
Improved the site's ability to be indexed, shared and understood by users and search engines while keeping the experience fast, accessible and aligned with the center's professional positioning.
  • SEO
  • Semantic HTML
  • Metadata
  • Open Graph
  • Sitemap
  • Performance
  • Accessibility
View project
AI blog automation

Centro Alba AI blog automation pipeline

Problem
Centro Alba needed a repeatable way to publish search-friendly psychology content without manually coordinating research, writing, SEO validation and publishing preparation for every article.
Architectural solution
Designed an n8n-based automation pipeline with specialized AI agents for each stage of the editorial workflow: a research agent for search intent, topics and FAQs; a writing agent for structured article drafts; and an SEO audit agent for metadata, heading hierarchy, internal linking, readability and publishing readiness.
Impact
Turned blog production into a scalable and auditable process, reducing manual coordination while keeping human review in the loop for tone, clinical sensitivity and final approval.
  • n8n
  • AI agents
  • Research agent
  • Writing agent
  • SEO audit agent
  • Structured prompts
  • Editorial automation
  • Human-in-the-loop
View project
Web3 platform

Gradis

Problem
A generative art collection needed minting, rarity, SVG handling and smart-contract infrastructure while preserving the visual logic of the artwork.
Architectural solution
Owned the technical stack: Solidity contracts, ERC721/ERC1155 integration, React/Web3.js minting flows, Node.js thumbnails and SVG color manipulation based on token data.
Impact
Shipped the product foundation for minting, token visualization and rarity exploration.
  • Solidity
  • Ethereum
  • ERC721
  • ERC1155
  • React
  • Web3.js
  • Node.js
  • SVG
View project

Writing queue: AI, frontend architecture and team leadership.

Article

AI-assisted Tech Lead workflow

A sample post about combining AI tools, frontend architecture and team leadership without losing engineering judgment.

Read article
  • AI
  • Tech Lead
  • Frontend architecture

Article

Frontend architecture notes for maintainable product teams

How I think about frontend architecture when a product needs to grow without turning every change into a risky rewrite.

Read article
  • Frontend architecture
  • Maintainability
  • Team leadership

AI, Next.js, TypeScript, leadership and Web3 technologies

Core & languages

  • TypeScript
  • JavaScript ES6+
  • HTML5
  • CSS3
  • Node.js

Frameworks & UI

  • React
  • Next.js
  • Angular
  • Tailwind CSS
  • Styled-components
  • Material UI
  • Formik

Frontend architecture

  • Micro-frontends
  • Module federation
  • Turborepo
  • Design systems
  • Stencil web components
  • Custom component libraries
  • Migration strategy

Testing & quality

  • Jest
  • Cypress
  • Cucumber
  • React Testing Library
  • E2E testing
  • Unit testing
  • High-coverage delivery
  • Code review

AI-assisted engineering

  • GitHub Copilot CLI
  • Codex CLI
  • Google Gravity
  • Agentic workflows
  • Team skills
  • AI-assisted refactoring
  • Prompt engineering
  • Review preparation

Leadership

  • Tech Lead
  • Squad Lead
  • Frontend Architect
  • Team mentoring
  • Architecture reviews
  • Delivery planning
  • Technical strategy
  • Stakeholder alignment

Backend & tooling

  • Ruby on Rails
  • PHP
  • MySQL
  • MongoDB
  • Redis
  • Shell
  • CI/CD
  • API integrations

Web3

  • Solidity
  • Web3.js
  • Ethereum Network
  • ERC721
  • ERC1155
  • Hardhat
  • Truffle Framework
  • Smart contracts

Academic background and continuous learning.

Universidad 'Alejandro de Humboldt'

Computer Science Engineer · 2001 - 2007

Instituto Universitario Jesús Obrero

Computer Science Superior Technician · 1998 - 2000

Certifications, languages and professional background

  • 70-480 Programming in HTML5 with JavaScript and CSS3
  • 70-431 TS: Microsoft SQL Server 2005 - Implementation and Maintenance
  • MB3-527 Microsoft Dynamics GP 10.0 Installation & Configuration
  • Spanish - Native or bilingual
  • English - Professional working

For professional conversations, reach me through LinkedIn.