Leading the Metro Markets homepage area
Owning a customer-facing surface where performance, discoverability, and product coordination all matter at the same time.
Hands-on engineering leadCurrently at Metro Markets
I lead product-facing teams and still care about the last 10% of the UI.
I work across product strategy, frontend architecture, performance, and delivery. My background started in frontend engineering and grew into team leadership without losing the habit of shipping.
Currently leading the team behind the Metro Markets homepage, balancing technical direction with day-to-day execution.
About
From frontend specialist to delivery-minded engineering lead.
A short view of how I work, what I optimize for, and where I tend to create the most value.
My work sits at the intersection of product execution and engineering craft. I enjoy helping teams make better decisions, keeping implementation quality high, and staying close enough to the codebase to improve the details that users actually feel.
Over the years I have worked with React, Next.js, Angular, PHP, Redis, MySQL, Storyblok, and analytics tooling in product environments where speed, clarity, and ownership matter just as much as shipping features.
Built alignment through guilds, interviews, and coaching
From trivago's Frontend Guild to leading initiatives at Metro Markets, I have consistently invested in how teams work together.
Hands-on with architecture, delivery, and UI quality
I stay close to the frontend, but I am comfortable moving across services, data flows, observability, and process when the work needs it.
Selected work
Work that reflects product context, execution discipline, and frontend care.
Five projects that best represent how I approach product surfaces, internal tooling, interface quality, and applied AI workflows.
storyblok-agents
A multi-agent MVP for editorial marketplace campaigns that turns a prompt into a Storyblok-ready plan with selected products, country-aware search, and execution tracing.
Built as a practical proof of agentic workflow design with shared schemas, explicit orchestration boundaries, and switchable local or remote LLM providers.
- React
- Vite
- TypeScript
- Node.js
- Express
- Zod
- Ollama
Marketplace Homepage for Metro Markets
A homepage experience for a B2B marketplace where product visibility, content flexibility, and performance all need to scale together.
The work spans roadmap delivery, frontend architecture, and the quality bar for a revenue-relevant surface.
- Next.js
- TypeScript
- Storyblok
- Redis
- MySQL
- Google Cloud
- Grafana
My Products for Metro Markets
A seller-facing workspace for reviewing uploaded catalog data and keeping product information manageable at scale.
Worked across the experience layer and the surrounding product constraints that shape internal tools.
- React
- MongoDB
- Docker
- Cypress
- Google Cloud
- Grafana
- Symfony
Portfolio
A self-authored portfolio used as a space to iterate on layout, motion, and interface decisions with the same care I bring to product work.
Used to refine frontend taste, accessibility, metadata, and production polish in a smaller surface.
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- React Email
ConfigCat Browser Extension
A browser extension that surfaces feature flag information directly where the work happens instead of hiding it behind the product dashboard.
A small utility project with a practical UX goal: reduce context switching and make release-related checks faster.
- React
- JavaScript
- Chrome Extension
Earlier work includes trivago 360 form and House search web scraping. I keep the page focused, but you can browse the rest of the public repos on GitHub.
Capabilities
The stack matters. So does the way the team ships.
A tighter view of the tools and responsibilities that show up most often in my work.
The tools I use most often when shipping product-facing frontend work.
- TypeScript
- React
- Next.js
- Tailwind CSS
- Node.js
- Framer Motion
The surrounding systems that help teams release, observe, and improve software.
- Storyblok
- Redis
- MySQL
- Docker
- Cypress
- Grafana
- Google Cloud
The work around the code that keeps teams aligned, moving, and accountable.
- Technical direction
- Coaching
- Hiring
- Cross-team alignment
- Product collaboration
- Delivery ownership
Timeline
Experience shaped in product teams, not just side projects.
The path from early frontend work to leading a team responsible for a high-visibility product surface.
My career started in hands-on frontend delivery and gradually expanded into systems thinking, product collaboration, and people leadership without stepping away from the craft.
Team Engineering Lead
Metro Markets · Palma, Spain
Leading the team behind the marketplace homepage while staying close to architecture, performance, and day-to-day delivery.
- Hands-on with Next.js, Storyblok, Redis, and MySQL.
- Bringing product, engineering, and execution into the same conversation.
Senior Frontend Software Engineer
Metro Markets · Palma, Spain
Worked on migrations, component quality, tracking, and frontend reliability in a fast-moving marketplace setup.
- Led technical initiatives and supported interviews.
- Improved React component quality and frontend delivery flow.
Frontend Software Engineer
trivago · Palma, Spain
Worked on Angular products, collaborated closely with QA, and helped organize the Frontend Guild.
- Built product features and internal tools.
- Expanded into PHP and MySQL while staying rooted in frontend craft.
Fullstack Developer
Brujula · Palma, Spain
Delivered frontend and full-stack work across client projects and helped organize internal technical days.
- Worked on React and Redux experiences for public-facing websites.
- Learned to balance delivery speed with implementation clarity early on.
FP Superior Dual
CIFP Frances de Borja Moll · Palma, Spain
Technical training that ran in parallel with the first years of professional work.
- A practical foundation built around software and delivery.
Computer Engineering
UOC University · Remote from Palma, Spain
University studies completed remotely while building real experience in product teams.
- A long-term base in software engineering and systems thinking.
Contact
If you need a lead who can shape the direction and still ship the details, let's talk.
The easiest way to reach me is still email. If the fit is right, the conversation can start here.
I am most useful in product-facing teams where frontend quality, delivery ownership, and technical clarity all matter at once.
juanmi@duck.com
Send context, goals, and where you need support. I usually reply by email.
- Engineering leadership for product teams
- Frontend architecture and performance
- Execution support for high-visibility surfaces