① Portfolio Currently open to new opportunities

Design systems, accessibility & performance, at scale.

I'm Marco, a NYC-based UI Engineer who has spent over a decade architecting and shipping production UI on high-traffic, multi-brand digital platforms. I build the design systems, component libraries, and accessible front-end architecture that scale across brands and codify engineering practices for cross-team adoption.

② About

A UI engineer with design fluency.

Portrait of Marco Pretell-Vázquez NYC · ET

I specialize in building accessible, performant web interfaces and the design systems that power them, with modern tooling like React, Next.js, and TypeScript on top of a strong foundation in semantic HTML and CSS architecture. My work is CSS-first to minimize JS dependencies, with components designed to scale across multi-brand platforms.

Over a career spent between e-commerce and enterprise SaaS, I've partnered with Product, Design, UX and Engineering to translate design intent into high-fidelity, scalable code. At FullBeauty Brands I architected a design system scaling across 19 brands and spearheaded the front-end migration from SFCC SiteGenesis to SFRA.

My focus is the UI/component layer, with reusable systems, accessible patterns, and component APIs designed for cross-team adoption.

Marco
12+
Years shipping
19
Brands on one system
AA
WCAG 2.2 target
③ Selected Work

One system, nineteen storefronts.

Screenshot of the FullBeauty Brands design system component library showing Text Input variants.
Flagship · Lead UI Engineer

FullBeauty Brands. A multi-brand design system.

Architected and shipped a design system scaling across 19 brands. Design tokens via Sass and CSS Custom Properties, a CSS-first reusable component library with responsive cross-browser support, and documentation for component states and usage. Distributed as a required dependency, packaged with Webpack as a versioned private npm module powering both SFCC and headless codebases.

Role Lead UI Engineer · architecture, specs, rollout Stack
Sass + CSS Custom Properties TypeScript React Webpack Bootstrap SFCC
Impact 19 brands unified · 90+ Lighthouse a11y minimum · ~25% reduction in recurring UI fix work
designsystem.fbbrands.com
How I work
CSS is the foundation

CSS-first is an architectural choice, not just a styling preference. Less JS at runtime means faster initial paint, simpler component state, and cleaner cross-browser behavior. I default to CSS for theming, transitions, and state where I can.

Accessibility is architecture

WCAG 2.2 AA isn't a polish pass. It shapes semantics, focus order, keyboard flows, and the component API from the first line of code.

Performance is a feature

Core Web Vitals translate directly to revenue. I default to CSS over JS, lazy-load below the fold, right-size imagery, and measure before shipping.

Engineering shaped by design

The seam between design and engineering is where systems hold up or fall apart. I pressure-test interaction patterns with designers and shape the specs before they reach implementation.

④ Experience

A career in UI Engineering.

  1. Lead UI Engineer

    FullBeauty Brands · promoted from Senior UI Engineer (2023)

    Architected a design system scaling across 19 brands (Sass + CSS Custom Properties tokens, CSS-first component library, packaged via Webpack as a versioned private npm module). Built the UI/component layer of a headless commerce app (React, Next.js, TypeScript) delivering accessible, A/B-tested SSR components across Checkout, Search and PDP, integrated via REST APIs. Established cross-team UI standards including a 90+ Lighthouse accessibility minimum, reducing recurring UI fix work by ~25%. Spearheaded the front-end migration from SFCC SiteGenesis to SFRA with an isolation approach that made the design system the company-wide standard.

    Jul 2020 – Nov 2025
  2. UI Developer

    Bloomingdale's

    Built and optimized components for high-traffic Browse & Search pages in Backbone.js, Marionette and Sass. Iterated through A/B tests, shipped accessible components into a company-wide style guide and pattern library, raised Jest coverage past 80%, and shipped CSS-animation, lazy-load and responsive performance wins.

    Apr 2018 – Jul 2020
  3. Software Engineer

    Sprinklr

    Engineered reusable, accessible components and templates for an enterprise SaaS drag-and-drop site-builder using React, Redux and Sass. Delivered multi-tenant theming for Fortune 500 clients on a shared component foundation. Established CSS standards across the team and advocated for CSS-first implementations to minimize JS dependencies.

    Sep 2014 – Sep 2017
  4. Junior Developer

    Branderati · acquired by Sprinklr (2014)

    Built custom branded micro-sites for influencer-marketing clients in JavaScript, CSS3 and Foundation. Implemented D3.js data-visualization features for platform analytics.

    Jun 2014 – Sep 2014
  5. Expert in Residence · WDI Graduate

    General Assembly

    Completed the 12-week Web Development Immersive, then hired on contract to mentor students through the same program: Ruby on Rails, Git, JavaScript, testing, and programming methodologies.

    Dec 2013 – Jul 2014
  6. Community Coordinator

    StartOut

    Managed web content across the organization.

    2012 – 2013
  7. Web / Program Associate

    Global Healthy Living Fdn

    First hands-on experience with HTML and CSS, managing organizational websites.

    2010 – 2012
⑤ Skills

The toolkit.

Core UI

08
  • Design Systems & Design Tokens
  • Accessibility (WCAG 2.2 AA, ARIA)
  • Performance Optimization
  • Semantic HTML5
  • CSS3 · Sass · CSS Custom Properties
  • Mobile-First · Responsive Design

Languages & Frameworks

05
  • React.js
  • Next.js
  • TypeScript
  • JavaScript (ES6+)
  • Component Architecture
  • Node.js
  • Bootstrap

Platforms & Tooling

08
  • Salesforce Commerce Cloud (SFCC)
  • Core Web Vitals
  • Lighthouse
  • Webpack
  • Git
  • CI/CD (Jenkins)
  • VoiceOver (Mac OS)
  • Jira
  • Azure

Workflow & AI

06
  • Design fluency
  • AI-assisted development
  • Claude
  • GitHub Copilot
  • Spec shaping
  • Code review & mentorship
  • Agile · A/B testing
  • Adobe XD
⑥ Contact

Let's talk.

Building a design system or shipping multi-brand UI?

Open to conversations about roles, collaborations, or design system work. Based in New York; comfortable remote or hybrid across US & EU hours.

Send a quick note