# Rui Duarte (@ruiduarte.xyz)

Profile: https://sifa.id/p/ruiduarte.xyz
Headline: Senior Frontend @ Tiger Data
Location: PT

## About

Building fast, reliable interfaces that users actually enjoy using. I care about the details that make products feel polished and the architecture that makes them scale.

As a Frontend Engineer with 10+ years of experience, I specialize in design systems, performance optimization, and component architecture. Fluent in React, TypeScript, and Next.js, with deep experience in testing, CI/CD, and modern tooling like Vite and Storybook.

With a background spanning startups, product teams, and agency work, I translate complex systems into clean, maintainable UI that helps teams ship faster and users get things done.

## Experience

- **Lead Frontend Engineer at Plum Guide** (2019 – 2024)
  Led a frontend rebuild from monolith to micro-frontends with Next.js and a monorepo, covering the
  full customer journey from landing pages to checkout. Improved conversion rates and enabled
  teams to deploy independently and share code more easily.
  Introduced a GraphQL API to replace multiple REST calls, reducing over-fetching and making it
  easier for frontend and backend to evolve independently.
  Improved Core Web Vitals from 30 to 80 through Server Components, Streaming SSR, code-
  splitting, and optimized image delivery, effectively reducing bounce rates as a result.
  Owned the Design System and component libraries, driving cross-team adoption through regular
  reviews and mentoring. Sped up UI development and improved consistency across the product.
  Worked with Product and Analytics to run A/B tests on performance, UX, and funnel changes.
  Implemented variants, set up tracking, and proposed experiments that shaped product decisions.
- **Senior Frontend Engineer at Tiger Data (Timescale)** (2024 – present)
  Led the migration from Webpack to Vite end-to-end, cutting CI builds from 6 minutes to well under 1 minute (8x faster), lowering infrastructure costs and speeding up local development.
  Identified slow page loads through bundle analysis and fixed them through more targeted code-
  splitting, optimized data-fetching waterfalls and dependency cleanup. Reduced bundle size by 30% and improved Core Web Vitals.
  Leading the Design System and component library through close collaboration across Design and
  Engineering to speed up handoffs, remove duplicate components and enable features like Dark mode.
  Tackled legacy code and inconsistent patterns through incremental refactors, making the
  codebase easier to work with and reducing friction for new features.
  Collaborated with cross-functional teams to deliver Tiger Cloud's Azure expansion and Tiger Lake
  (new data lake product), coordinating across complex integrations under tight deadlines.
- **Lead Frontend Engineer at Agreena** (2024 – 2024)
  Built B2B onboarding tools for a new customer segment, working through complex integrations
  and a tight timeline with a small team. Helped guide technical decisions while staying hands-on
  with code.
  Turned complex carbon and farming data into clear, visual dashboards that helped customers
  make better decisions and use the platform more.
- **Frontend Engineer at Bright Pixel** (2018 – 2019)
  Helped build dott.pt from the ground up, Portugal's largest e-commerce marketplace. Shaped the
  core frontend architecture using React and Redux.
  Built key product flows including search, product pages, cart, and checkout. Owned state
  management and client-side performance in a collaborative Scrum team.
- **Web Developer at EAE and Monday** (2015 – 2018)
  Built frontends for products like board.co (Vue, Nuxt) and responsive campaign sites for clients
  including Ogilvy, Greenpeace, Portugal Trails, and Twix.

## Skills

- JavaScript
- WordPress
- Mapbox
- jQuery
- TypeScript
- WordPress
- Storybook
- HTML
- Vue.js
- CSS
- Web Development
- Node.js
- HTML
- Design Systems
- React
- TypeScript
- Vite
- Test-Driven Development
- Design Systems
- Storybook
- Emotion.js
- MobX
- Node.js
- HTML
- React
- Redux
- JavaScript
- HTML
- React
- PHP
- jQuery
- CSS
- Web Development
- Design Systems
- Storybook
- Node.js
- Next.js
- CSS
- GraphQL
- CSS
- TypeScript
- Styled components
- CSS
- Nuxt.js
- JavaScript
- HTML
- Design Systems
- Next.js
- React
- TypeScript
- A/B Testing
- A/B Testing
- Test-Driven Development
- GraphQL
- Next.js
- CSS
- HTML
- TypeScript
- Mapbox
- Storybook
- Next.js
- Node.js
- CSS
- HTML
- Design Systems
- React
- TypeScript
- Vite
- Test-Driven Development
- Design Systems
- Storybook
- Node.js
- HTML
- React
- PHP
- Nuxt.js
- Vue.js
- jQuery
- WordPress
- JavaScript
- CSS
- Web Development
- HTML
- Emotion.js
- MobX
- CSS
- HTML
- GraphQL
- CSS
- React
- TypeScript
- Redux
- JavaScript
- Styled components

## Languages

- Portuguese
- English

## Other profiles

- other: https://ruiduarte.xyz