UX/UI Engineer Study Designer - RDT Biometrics and Clinical Evidence
Notify me about similar jobsAbout this opportunity
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.
Job details
How this role compares
Computed from every other active Information Technology role in our database, not just this employer's listings.
We currently track 1649 comparable Information Technology roles across 98 biopharma companies.
Salary context
226 of 1649 peers report a salary range (USD, annualized)
Peers share this role's job function. This posting doesn't list a seniority level, so peers aren't narrowed by seniority either -- the range below may span more levels than usual.
Where these roles are based
Top locations among the 1649 comparable roles
+ 38 more countries
Seniority mix
980 of 1649 peers have a known seniority level
Therapeutic area mix
9 of 1649 peers have a known therapeutic area; the rest are genuinely unlabeled, not hidden
Similar opportunities
The closest matches from our peer group, ranked by how similar they are, not how well you'd qualify for them -- treat this as market context, not a guaranteed shortlist; a weak match is labeled as one below.
Notify me about similar jobs
Get an email when we spot other openings like this one – same job function, comparable seniority, roles you'd actually want to see.
Or follow a whole field: get every new Information Technology job in India, and choose locations and companies.
How we calculate "similar"
No black box, no LLM guesswork: a deterministic score built from four normalized attributes. Here's this role's own peer group at different match levels, so you can see the mechanism, not just the result.
Every comparison starts from the same 100-point budget: 25 for working in the same function, 40 for the same therapeutic area, 20 for the same or adjacent seniority, 15 for the same country. A dimension we can't confirm on both sides contributes nothing, never a guess, never a free pass.
0 points, never a partial guess. A role we know almost nothing about beyond its function bottoms out at 25%; it never inflates to 100% just because there's little to compare against. Seniority uses a defined ladder (Associate → Manager → Associate Director → Senior → Principal → Director → Senior Director → Executive/VP) so "Director" and "Senior Director" count as adjacent, but "Director" and "Executive/VP" do not.