UX / Frontend Engineer

Roche
Sant Cugat del Vallès, Spain
17 days ago

Role details

Contract type
Permanent contract
Employment type
Full-time (> 32 hours)
Working hours
Regular working hours
Languages
English
Experience level
Intermediate

Job location

Sant Cugat del Vallès, Spain

Tech stack

Agile Methodologies
HTML5
Big Data
Bioinformatics
CSS
Cloud Computing
D3.js
Data Visualization
EHealth
Design of User Interfaces
Performance Tuning
Software Engineering
Systems Integration
User-Centered Design
Web Application Frameworks
Website Wireframe
Tailwind
Backend
GIT
Vue.js
SASS
Figma
GraphQL
Web Technologies
Front End Software Development
REST
Software Version Control

Job description

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., * 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.

Requirements

Do you have experience in Wireframing?, * 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.

About the company

Bei Roche kannst du ganz du selbst sein und wirst für deine einzigartigen Qualitäten geschätzt. Unsere Kultur fördert persönlichen Ausdruck, offenen Dialog und echte Verbindungen. Hier wirst du für das, was du bist, wertgeschätzt, akzeptiert und respektiert. Dies schafft ein Umfeld, in dem du sowohl persönlich als auch beruflich wachsen kannst. Gemeinsam wollen wir Krankheiten vorbeugen, stoppen und heilen und sicherstellen, dass jeder Zugang zur Gesundheitsversorgung hat - heute und in Zukunft. Werde Teil von Roche, wo jede Stimme zählt., At Roche Diagnostics Solutions (RDS), our mission is clear: to diagnose earlier, develop faster, and personalize treatment because every patient is unique. WithinDevelopment 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.

Apply for this position