UX/UI Engineer Study Designer - RDT Biometrics and Clinical Evidence

6221 Roche Information Solutions India Private Limited; Hyderabad; On-site; INR 1,400,000 - 2,400,000; Full time

Job summary

Roche is seeking a Front End Engineer to join the Clinical Study Design team in Hyderabad, translating complex clinical workflows into intuitive interfaces. You will design interactive UI components with Angular, build reusable design systems, and ensure high performance and accessibility across products.

The role requires strong TypeScript and CSS/SCSS skills, experience with RxJS, and collaboration with backend engineers (Python/FastAPI/Django).

Qualifications

• Bachelor's degree in Computer Science, IT, Engineering, or related discipline.
• 5-8 years of experience building production UI with Angular (Angular 14-19+, standalone component architecture).
• Strong command of TypeScript and modern CSS/SCSS (Grid, Flexbox, animations).
• Solid experience with RxJS for managing asynchronous data streams.
• Knowledge of data visualization libraries (e.g., D3.js, Chart.js, AG-Grid).
• Prior experience working with alternative frameworks (React.js, Vue.js) to support cross-platform modernization initiatives.

Responsibilities

• Design and build highly interactive, visually distinctive UI components using Angular 14-19+ with standalone architecture.
• Build reusable, modular UI components and design systems.
• Translate abstract or ambiguous design concepts into polished, production-ready interfaces
• Write clean, type-safe code in TypeScript, styled with modern CSS/SCSS
• Manage complex asynchronous data flows using RxJS
• Integrate RESTful APIs and GraphQL services with front-end applications
• Collaborate cross-functionally with backend engineers, product managers, and stakeholders
• Stay current with emerging front-end technologies and industry trends.

Skills

Angular

TypeScript

RxJS

UI development

Education

Bachelor's degree in Computer Science/IT/Engineering

Tools

D3.js

Chart.js

AG-Grid

Angular OAuth2/OIDC

React.js

Vue.js

PostgreSQL

Job description

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 Job Description: The Front End Engineer - Clinical Study Design sits at the intersection of frontend engineering, clinical workflows, and product design, helping build the Study Designer, a digital product transforming how clinical trials are designed. This role combines strong frontend engineering skills, an eye for usability, and technical curiosity to translate complex clinical workflows into intuitive, high-performance user interfaces. The ideal candidate is curious, collaborative, AI-minded, and passionate about crafting interfaces that make smarter, faster, and more effective clinical study design possible for the people who use them every day.

Key Responsibilities

• Design and build highly interactive, visually distinctive UI components using Angular 14-19+ with standalone architecture
• Build reusable, modular UI components and design systems.
• Translate abstract or ambiguous design concepts into polished, production-ready interfaces
• Write clean, type-safe code in TypeScript, styled with modern CSS/SCSS
• Manage complex asynchronous data flows using RxJS
• Implement secure authentication flows using Angular OAuth2 / OIDC
• Integrate RESTful APIs and GraphQL services with front-end applications.
• Build and evolve a reusable component library/design system that balances consistency with creative flexibility
• Ensure applications are optimized for performance, accessibility, and usability.
• Handle asynchronous data flows, error handling, and state management.
• Collaborate cross-functionally with backend engineers (Python/FastAPI/Django), product managers, and stakeholders to deliver features end-to-end
• Stay current with emerging front-end technologies and industry trends.
• Recommend improvements to architecture, frameworks, and development processes

Preferred Qualifications

• Education: Bachelor's degree in Computer Science, IT, Engineering, or a related discipline.
• 5-8 years of experience building production UI with Angular (Angular 14-19+, standalone component architecture)
• Strong command of TypeScript and modern CSS/SCSS (Grid, Flexbox, animations)
• Solid experience with RxJS for managing asynchronous data streams
• Knowledge of data visualization libraries (e.g., D3.js, Chart.js, AG-Grid).
• Prior experience working with alternative frameworks (React.js, Vue.js) to support cross-platform modernization initiatives.

Additional Responsibilities

• Experience with Angular OAuth2/OIDC components for authentication
• Exposure to backend technologies like FastAPI, Django/DRF, or PostgreSQL, enough to collaborate effectively with backend engineers
• Familiarity with AWS core services (S3, IAM) or cloud-based deployments
• Comfort handling data serialization for AI-powered features (e.g., structuring data for AI prompts, working with HTTP clients)
• Understanding of JSON, XML, and HTML parsing structures
• Experience with observability/monitoring tools like Grafana Faro for real-time user monitoring
• Solid Gitlab, GitHub workflow experience (branching, merging, PR reviews)
• Interest or experience working on AI/ML-powered product features

Shift: CET time zone #Hyderabad2026

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. We believe it’s urgent to deliver medical solutions right now - even as we develop innovations for the future. We are passionate about transforming patients’ lives. We are courageous in both decision and action. And we believe that good business means a better world. That is why we come to work each day. We commit ourselves to scientific rigor, unassailable ethics, and access to medical innovations for all. We do this today to build a better tomorrow. We are proud of who we are, what we do, and how we do it. We are many, working as one across functions, across companies, and across the world. We are Roche.