JOB DETAILS

UX / Frontend Engineer

CompanyRoche
LocationSant Cugat del Vallès
Work ModeOn Site
PostedJune 1, 2026
About The Company
Roche is a global pioneer in pharmaceuticals and diagnostics focused on advancing science to improve people’s lives. The combined strengths of pharmaceuticals and diagnostics under one roof have made Roche the leader in personalised healthcare – a strategy that aims to fit the right treatment to each patient in the best way possible. Roche is the world’s largest biotech company, with truly differentiated medicines in oncology, immunology, infectious diseases, ophthalmology and diseases of the central nervous system. Roche is also the world leader in in vitro diagnostics and tissue-based cancer diagnostics, and a frontrunner in diabetes management. Founded in 1896, Roche continues to search for better ways to prevent, diagnose and treat diseases and make a sustainable contribution to society. The company also aims to improve patient access to medical innovations by working with all relevant stakeholders. Thirty medicines developed by Roche are included in the World Health Organization Model Lists of Essential Medicines, among them life-saving antibiotics, antimalarials and cancer medicines. Roche has been recognised as the Group Leader in sustainability within the Pharmaceuticals, Biotechnology & Life Sciences Industry ten years in a row by the Dow Jones Sustainability Indices (DJSI). For more information, please visit https://careers.roche.com Read our community guidelines here: https://www.roche.com/some-guidelines.htm #Roche #Biotechnology #Pharmaceuticals #Diagnostics #Healthcare #PersonalisedHealthcare #GreatPlaceToWork #Innovation
About the Role

At Roche you can show up as yourself, embraced for the unique qualities you bring. Our culture encourages personal expression, open dialogue, and genuine connections,  where you are valued, accepted and respected for who you are, allowing you to thrive both personally and professionally. This is how we aim to prevent, stop and cure diseases and ensure everyone has access to healthcare today and for generations to come. Join Roche, where every voice matters.

The Position

Who We Are

At Roche Diagnostics Solutions (RDS), our mission is clear: to diagnose earlier, develop faster, and personalize treatment because every patient is unique. Within Development Services & Integration (DSI), we maximize value in product development by delivering efficient services and integrated solutions that enable standardization, increase efficiency, and ensure compliance. By listening closely to patients and physicians, and leveraging digitalization and new technologies, we work in close alignment with business teams to provide timely support that meets our customers' real-world needs. We see ourselves and our partners as a team that can only reach its full potential together. Driven by this collaborative spirit, our expertise, and an enterprise mindset, we create an environment where ideas grow and new ways of doing things are realized—accelerating the DIA strategy and delivering competitive products to patients faster.

The Opportunity

We are looking for a talented and detail-oriented UX / Frontend Engineer to help build the next generation of our digital products in the life sciences sector. In this role, you will work closely with our Lead UX Designer / Frontend Engineer to implement complex user interfaces and dashboards that empower our Machine Learning and Data Science teams.

You will focus on writing clean, scalable frontend code, translating complex bioinformatics workflows into intuitive web applications, and contributing to a seamless user experience. If you are passionate about Vue.js, clean UI design, and want to help visualize critical scientific data, this is the perfect opportunity to grow your skills in a highly specialized environment.


Key Responsibilities:

  • Develop, test, and maintain responsive, high-performance web applications using Vue.js and Tailwind CSS frameworks.

  • Collaborate directly with senior designers and engineers to translate complex workflows and wireframes into highly functional, user-centric code.

  • Develop and optimize interactive data visualizations using D3.js to represent large-scale datasets across complex dashboards.

  • Contribute to our internal component design system, ensuring reusable, accessible, and visually consistent UI elements across our platforms.

  • Integrate frontend applications seamlessly with backend services via RESTful and GraphQL APIs in a cloud environment.

  • Participate actively in Agile ceremonies, working cross-functionally with data scientists, backend engineers, and product managers to deliver features iteratively.

Who You Are

You are a talented, detail-oriented frontend professional who is passionate about clean UI design, modern web technologies, and data visualization. You excel at bridging the gap between design concepts and technical execution, and you thrive in collaborative environments where your work makes critical scientific data accessible.

Qualifications & Skills:

  • 2–4 years of hands-on software development experience using modern JavaScript frameworks, with a strong, demonstrable focus on Vue.js.

  • Solid proficiency in HTML5, CSS3, SASS, and modern utility-first styling frameworks like Tailwind CSS.

The Nice-to-Haves:

  • A background, previous experience, or strong interest in the life sciences domain (e.g., Sequencing, PCR, Bioinformatics, or digital healthcare).

  • Experience using design hand-off tools (like Figma or Sketch) and contributing to component libraries or design systems.

  • Experience with or a strong interest in data visualization libraries (particularly D3.js) and a foundational understanding of browser performance optimization.

  • Practical experience integrating frontend applications with RESTful or GraphQL APIs.

  • Familiarity with version control (Git) and working within Agile/SCRUM development methodologies.

  • A strong eye for UX design principles, with the ability to bridge the gap between design and technical implementation.

Add your unique perspective and see what's possible, because innovation happens when employees are celebrated and respected for their views. Discover how our different ways of thinking power discovery, innovation, and breakthrough treatments for patients everywhere.

 

 

Who we are

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.

Key Skills
Vue.jsTailwind CSSD3.jsJavaScriptHTML5CSS3SASSRESTful APIsGraphQLGitAgileUX DesignFigmaSketchFrontend DevelopmentData Visualization
Categories
SoftwareTechnologyEngineeringHealthcareData & Analytics
Job Information
📋Core Responsibilities
Develop and maintain high-performance web applications and interactive dashboards using Vue.js and Tailwind CSS. Collaborate with cross-functional teams to translate complex bioinformatics workflows into intuitive, user-centric interfaces.
📋Job Type
full time
📊Experience Level
2-5
💼Company Size
105300
📊Visa Sponsorship
No
💼Language
English
🏢Working Hours
40 hours
Apply Now →

You'll be redirected to
the company's application page