Skip to content
ES

I design interfaces that can be built and tested.

I’m David Ibáñez, a Design Engineer in Barcelona. I combine interface design, prototyping and frontend implementation to turn visual ideas into functional and accessible digital experiences.

Black-and-white portrait of David Ibáñez, wearing a cap, glasses and a zip-up jacket, smiling and looking straight ahead.

Projects

Two projects from start to finish, plus a frontend build from someone else’s design.

What I bring

Design

  • Interface design in Figma: wireframes, flows and interactive prototypes
  • Design Systems, design tokens and accessibility (WCAG)
  • Visual identity, brand guidelines and design systems

Visual implementation

  • HTML, CSS/Sass, JavaScript and responsive design
  • Translating designs into reusable and scalable components
  • Functional prototyping to validate ideas before production

Frameworks and tools

  • Familiar with React, Next.js, TypeScript and Astro
  • Storybook for documenting and managing components
  • AI as a working tool, with the judgment to review what it suggests

Accessibility and validation

  • WCAG, accessibility audits and automated testing
  • Playwright and visual regression with Percy
  • ISTQB Certified Tester Foundation Level v4

Experience

Six years on web teams: first publishing pages, then in frontend, and now looking after quality.

Jun 2025 – presentTest and Quality LeadZurich Insurance Group

Barcelona, Spain

I work on the team that handles development, editing and quality for more than 50 websites. I look after the testing strategy and carry out the testing, and I coordinate testers when a project calls for it.

  • I designed and built an internal portal that brings together all our QA automation. Manual testing now takes 65% less time.
  • I define and supervise the user acceptance testing (UAT) strategy. In the first phase of migrating a 2,000-page site, we passed the quality gate with 98%, when 95% was required.
  • I extended visual regression testing with Percy to sites of more than 500 pages, and manual review time dropped by 60%.

Playwright · Percy · Azure DevOps · Low Code

Jun 2023 – Jun 2025Frontend DeveloperZurich Insurance Group

Barcelona, Spain

I worked between Figma and code, on the same team: components, Design System and accessibility.

  • I modified and maintained React, Next.js and TypeScript components for the corporate websites, aligned with the Design System in Figma.
  • I worked with the UX/UI design team to evolve the Design System in Storybook and Figma, bringing design and code closer together.
  • I made 15+ web components accessible for people who use a screen reader or keyboard, following WCAG.
  • I introduced automated testing with Percy and CI/CD in Azure DevOps. That’s where the quality area I work in today began.

React · Next.js · TypeScript · Storybook · Figma · Percy · Azure DevOps

Apr 2021 – Jun 2023Web Editor / Web SpecialistZurich Insurance Group

Barcelona, Spain · External via CORUS Consulting until May 2022

  • I joined as an external contractor and, after a year on the team, became a Zurich employee.
  • I built pages in Sitecore from InVision designs, and worked with the design team to catch uncovered cases before publishing: responsive layouts, empty states, long content and component reuse.
  • I took part in migrating JSS components to Next.js and TypeScript. That was my first step into frontend development.
  • I made sure the corporate website and blog looked consistent on desktop and mobile.

Sitecore · InVision · Next.js · TypeScript

Aug 2020 – Apr 2021Web Developer & PublisherMediaMarkt Iberia

Barcelona, Spain · Via ID-ENTITY

  • I designed landing page prototypes in Figma for campaigns and checked that the implementation matched the design.
  • After the move to a new CMS, I adapted banners and badges to the new formats to keep the visuals consistent.
  • I built HTML and CSS newsletters that reached more than 1M subscribers, and sent them with Emarsys.

Figma · HTML · CSS · Emarsys

2017 – 2019Content Marketing SpecialistLiligo.com (eDreams ODIGEO)

Budapest, Hungary

  • I localized the website and app microcopy (flows and error messages) for Spanish users, with a local tone and terminology.
  • I optimized landing pages and designed infographics for SEO campaigns in Spain, Italy and France.
  • I coordinated content and off-site SEO campaigns in international media and blogs.
  • I wrote for the El Magazine del Viajero blog and ran its social media to grow the Spanish-speaking community.

SEMrush · Ahrefs · Screaming Frog · Google Analytics

2016 – 2017European VolunteerMustarház

Nyíregyháza, Hungary

  • I brought English and Spanish to the local community through radio programs and language classes.

About me

I started out in digital marketing. At Zurich Insurance I’ve moved through web editing, frontend and now quality, as Test and Quality Lead, and along the way I earned a degree in Digital Interaction and Multimedia at UOC. I’m a good fit for roles like Design Engineer, UX Engineer, UI Developer, Web Designer or Product Builder.

Read more about me