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

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 usingAngular 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 inTypeScript, styled with modernCSS/SCSS

• Manage complex asynchronous data flows usingRxJS

• Implement secure authentication flows usingAngular 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 withemerging 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 withAngular (Angular 14–19+, standalone component architecture)

• Strong command ofTypeScript and modernCSS/SCSS (Grid, Flexbox, animations)

• Solid experience withRxJS for managing asynchronous data streams

• Knowledge ofdata 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 withAngular OAuth2/OIDC components for authentication

• Exposure to backend technologies likeFastAPI, Django/DRF, or PostgreSQL, enough to collaborate effectively with backend engineers

• Familiarity withAWS core services (S3, IAM) or cloud-based deployments

• Comfort handlingdata serialization for AI-powered features (e.g., structuring data for AI prompts, working with HTTP clients)

• Understanding ofJSON, XML, and HTML parsing structures

• Experience with observability/monitoring tools likeGrafana Faro for real-time user monitoring

• SolidGitlab, 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.