Lead UX Designer & Frontend Engineer

Roche
Barcelona, Spain
2 months ago

Role details

Contract type
Permanent contract
Employment type
Full-time (> 32 hours)
Experience required
5 years minimum
Working hours
Regular working hours

Tech stack

JavaScript (Programming Language) Application Programming Interfaces (APIs) Artificial Intelligence Amazon Web Services Data Analysis HTML5 Bioinformatics Business Software Cascading Style Sheets (CSS) Software Quality Computer Simulation D3.Js
+15 more
Data Visualization EHealth Model View Controller (MVC) Scrum Methodology Software Engineering Web Applications Web Engineering Tailwind Backend Vue.js Syntactically Awesome Style Sheets (SASS) Information Technology Graphql Front End Software Development Meditech

Job description

We excel in delivering rigorous, clinically actionable data analysis across our diagnostics portfolio, believing that advancing computational methods and informatics solutions is essential to harnessing dynamic human health data. By listening closely to patients and physicians, and leveraging digitization and cutting-edge technologies, we work collaboratively to turn insights into impact. This shared spirit creates an environment where ideas grow, new approaches are trialed, and competitive products reach patients faster-ultimately realizing the DIA 10-year vision and our One Roche ambitions so that everyone can access personalized healthcare solutions. The Opportunity We are looking for a visionary Lead UX Designer & Frontend Engineer to shape the future of our digital products in the life sciences sector. In this hybrid leadership role, you will be the driving force behind the user interfaces and complex dashboards that empower our Machine Learning and Data Science teams. Operating at the intersection of UX design and high-performance frontend engineering, you will translate complex bioinformatics, PCR, and sequencing data into intuitive, lightning-fast web applications. If you are passionate about building scalable UI architectures and graphing millions of data points to drive scientific innovation, this is the role for you., Technical Leadership & Architecture: Act as the bridge between UX, Frontend, and Backend teams, driving architecture and design discussions to establish robust technical solutions and API designs (REST/GraphQL). Lead the end-to-end frontend implementation of enterprise-scale business applications deployed on AWS. Mentor and guide junior frontend engineers, fostering a culture of technical excellence, code quality, and continuous learning. UX Engineering & System Design: Own the user experience for highly complex data tools, ensuring seamless workflows for data scientists and researchers. Champion, maintain, and expand our internal component library (R-Design System) to ensure visual consistency across all products. Work closely with cross-functional teams in an Agile/SCRUM environment to map out user journeys and interface requirements. Advanced Frontend & Data Visualization: Build scalable, responsive, and highly interactive frontends using Vue.js and Tailwind CSS. Architect high-performance data visualization solutions capable of rendering millions of data points smoothly in the browser using D3.js. Interface directly with AWS cloud services and help shape backend interface requirements. Who You Are You are an engineering champion and a collaborative technical leader who is passionate about leveraging technology to transform medicine. You thrive when navigating ambiguity, enjoy solving complex data challenges, and excel at empowering your team through technical mentorship.

Requirements

The Must-Haves: 5+ years of hands-on software development experience using modern JavaScript MVC frameworks, with deep, proven expertise in Vue.js. Strong practical experience with D3.js, including optimizing browser performance for rendering massive datasets. The Nice-to-Haves: A background or strong domain knowledge in life sciences, specifically Sequencing, PCR, Bioinformatics, or digital healthcare. Previous experience working within large, globally distributed enterprise environments (e.g., Pharma, MedTech). Excellent command of HTML5, CSS3, SASS, and modern utility-first frameworks like Tailwind CSS. Extensive experience driving technical decisions in Agile/SCRUM environments and collaborating on API standards such as REST or GraphQL. At Roche, we embrace emerging innovations, like AI, to enhance the patient journey. If you’re passionate about new technology and thinking ahead, join us in building a healthier future together.

  • This is an on-site position and no relocation assistance is provided.

About the company

At Roche Diagnostics Solutions (RDS), our mission is clear: to diagnose earlier, develop faster, and personalize treatment because every patient is unique. Within Computational Science & Informatics (CSI), we are the bridge between our origin and our future, shaping the next era of human health through precise, data-driven diagnostics and precision medicine., A healthier future drives us to innovate. Together, more than 100’000 employees across the globe are dedicated to advance science, ensuring everyone has access to healthcare today and for generations to come. Our efforts result in more than 26 million people treated with our medicines and over 30 billion tests conducted using our Diagnostics products. We empower each other to explore new possibilities, foster creativity, and keep our ambitions high, so we can deliver life-changing healthcare solutions that make a global impact. Let’s build a healthier future, together. Roche is an Equal Opportunity Employer.

Roche

Apply for this position

This job is hosted externally. Click below to view the full posting and apply.

Apply on opcionempleo.com

Good distractions

Talks and stories from around this role — technically off-topic, practically not.

10:09 min

Transitioning from graphic design to large scale frontend architecture

Erasmo Hernandez Erasmo Hernandez · WWC Europe 2026

4:00 min

Building interactive data visualizations using the D3.js library

Johanna Schmidt · LIVE

1:44 min

Playing synthesized backend audio objects in browsers

Lee Boonstra · LIVE

2:10 min

Analyzing the out-of-the-box security posture of Vue.js

Philippe De Ryck · LIVE

6:07 min

Ecosystem overview of Python data visualization libraries and tools

Radovan Kavický · LIVE

3:03 min

Building robust applications with standard web platforms

Dennie Declercq · LIVE

Videos

See all

Related articles

See all