Frontend Developer SAP Concur Complete

SAP

Not Interested
Bookmark
Report This Job

profile Job Location:

São Leopoldo - Brazil

profile Monthly Salary: Not Disclosed
Posted on: 18 hours ago
Vacancies: 1 Vacancy

Job Summary

We help the world run better
At SAP we keep it simple: you bring your best to us and well bring out the best in you. Were builders touching over 20 industries and 80% of global commerce and we need your unique talents to help shape whats next. The work is challenging but it matters. Youll find a place where you can be yourself prioritize your wellbeing and truly belong. Whats in it for you Constant learning skill growth great benefits and a team that wants you to grow and succeed.

Join us as a UI Engineer supporting the SAP Concur platform working hybrid in Sao Leopoldo. You will craft the web experiences that millions of business travelers and finance teams use every day from expense reporting and receipt capture to travel booking flows and approval dashboards. Your work will be seen felt and relied upon by users across every industry worldwide.

What You Will Build and Why It Matters

You will be a hands-on engineer and technical voice for the frontend craft on your team owning features from design collaboration through production delivery. Core areas of ownership include:

  • Scalable accessible and performant UI features for SAPConcursweb application serving millions of users across enterprise accounts in every major global market.

  • Reusablecomponentlibraries and design system contributions that give product teams across SAP Concur a consistent brand-aligned and accessible set of building blocks.

  • High-performance rendering and bundleoptimisation improving Core Web Vitals (LCP CLS INP) reducing JavaScript payload sizes and ensuring fast first-paint experiences on both desktop and mobile browsers.

  • Accessible interfaces that meet or exceed WCAG 2.1 AA standards using semantic HTML ARIA attributes keyboard navigation and screen reader compatibility making the product usable for every user.

  • Internationalized and localized UI flows that adapt gracefully to dozens of locales right-to-left languages date formats and currency display rules across the global user base.

  • Robust integration layers between the frontend and backend APIs consuming RESTful andGraphQLservices reliably managing loading error and empty states with care.

  • Testing infrastructure for UI code writing unit integration and end-to-end tests that give the team confidence to ship quickly without regressions.

  • Continuous improvement of legacy UI code refactoring aging components migrating to modern patterns and elevating the overall technical quality of the frontend codebase.

What You Bring

Core Web Fundamentals

  • Understanding ofHTML5 semantics structuring content meaningfully for accessibility SEO and maintainability not just visual output.

  • CSS3 skills: Flexbox Grid custom properties animations responsive design with mobile-firstmethodology and cross-browser compatibility strategies.

  • JavaScript (ES2020) foundations closures prototypal inheritance async/await event loop module systems and the browserrenderingpipeline.

  • TypeScriptfamiliarity strict typing generics utility types discriminated unions and integrating TypeScript effectively into large team codebases to prevent runtime errors and improve developer ergonomics.

Frameworks Libraries & State Management

  • Expertisein React componentlifecycle hooks (useStateuseEffectuseContextuseMemouseCallbackuseReducer) custom hooks and the reconciliation model that underpins performance decisions.

  • Experience with or similar meta-frameworks including server-side rendering (SSR) static site generation (SSG) incremental static regeneration (ISR) edge rendering and the trade-offs between each approach.

  • Familiarity with state management patterns and libraries: React Context API for local state Redux Toolkit orZustandfor global state andTanStackQuery (React Query) or SWR for server state caching and optimistic updates.

  • Familiarity with other major frameworks ( Angular or Svelte) is a plus particularly for evaluating architectural trade-offs or working with mixed-framework environments.

Design Systems & UI Engineering

  • Proficiencywith Storybook for developing documenting and visually testing UI components in isolation.

  • Ability to translate designs from Figma (or equivalent tools) into pixel-accurate responsive and interaction-rich implementations with a design eye and the ability to push back constructively on designs that sacrifice usability.

  • Familiarity with CSS-in-JS approaches (Styled Components Emotion) as well as utility-first frameworks (Tailwind CSS) and traditional CSS architecture methodologies (BEM CSS Modules).

Performance Engineering

  • Understanding ofweb performance fundamentals: critical rendering path browser paint and layout cycles JavaScript execution costs and network waterfall analysis.

  • ExperienceoptimizingCore Web Vitals diagnosing and fixing LCP CLS and INP issues using LighthouseWebPageTest Chrome DevTools Performance panel and real-user monitoring (RUM) data.

  • Experience with bundleoptimizationstrategies: code splitting lazy loading tree shaking dynamic imports imageoptimization and CDN configuration for static assets.

  • Familiarity with rendering performance techniques:virtualisedlistsmemoisationstrategies avoiding unnecessary re-renders and profiling with React DevTools and browser performance tooling.

Accessibility &Internationalization

  • Experience auditing and remediating accessibility issues using tools such as axe-core Accessibility Insights or browser DevTools accessibility panels.

  • Understanding ofinternationalization(i18n)/localization(l10n) implementation integrating with translation libraries (react-i18next or similar) handlingpluralization bidirectional text (RTL/LTR) locale-aware formatting for dates numbers and currencies.

Testing & Quality

  • Test-driven mindset with experience writing unit and integration tests using Jest and React Testing Library focusing onbehaviorrather than implementation details.

  • Experience with end-to-end testing frameworks such as Playwright or Cypress forvalidatingcritical user journeys across real browsers.

  • Familiarity with visual regression testing (Chromatic Percy or Playwright VRT) to catch unintended UI changes in sharedcomponentlibraries.

  • Comfort setting up andmaintainingfrontend linting and formatting pipelines ESLint Prettier andTypeScriptstrict mode as part of a quality-gate CI workflow.

Tooling Build & DevOps

  • Understanding ofmodern JavaScript build tooling Vite Webpack oresbuild including configuring loaders plugins environment variables andoptimisationfor production bundles.

  • Experience with CI/CD pipelines for frontend delivery GitHub Actions or similar.

  • Comfort working with cloud-hosted frontends on AWS (CloudFront S3)Vercel or Netlify including CDN configuration cache headers and edge functions for performance.

  • Familiarity withcontainerizeddevelopment environments (Docker) and working alongside backend and DevOps engineers in a cloud-native delivery pipeline.

API Integration & Backend Awareness

  • Strong experience consuming RESTful APIs andGraphQLendpoints managing authentication flows (OAuth 2.0 / OIDC JWT) request lifecycle error handling retry logic and datanormalizationon the client.

  • Understanding ofweb security fundamentals relevant to frontend engineering: XSS prevention CSRF protection Content Security Policy (CSP) CORS configuration and secure storage of tokens.

  • Willingness to dive into backend code ( Python or similar) to unblock yourself when integrating APIs contributing to API contract design or diagnosing cross-layer issues.

Collaboration & Leadership

  • Fluent English for collaborating with global multi-regional teams across the Americas EMEA and APJ.

  • Comfort working within cross-functional squads alongside UX designers product managers QA engineers and backend developers.

  • Advocates for UX changes that improve usability before code is written.

  • Use of AI coding assistants (Claude Code Cursor or similar) and AI-powered design-to-code tools to accelerate delivery andcomponentiteration is a plus.

Where You Belong

  • A diverse inclusive culture where global perspectives shape better products SAPs workforce spans more than 160 countries.

  • A hybrid work environment in Sao Leopoldo that blends flexibility with meaningful in-person collaboration.

  • Cross-cultural cross-functional teams that support shared learning and collective problem-solving.

  • Continuous learning through SAP Learning Hub external conference support and access to leading-edge frontend tooling and design resources.

  • A team culture that values craft accessibility and performance as first-class engineering concerns not afterthoughts.

Bring out your best
SAP innovations help more than four hundred thousand customers worldwide work together more efficiently and use business insight more effectively. Originally known for leadership in enterprise resource planning (ERP) software SAP has evolved to become a market leader in end-to-end business application software and related services for database analytics intelligent technologies and experience management. As a cloud company with two hundred million users and more than one hundred thousand employees worldwide we are purpose-driven and future-focused with a highly collaborative team ethic and commitment to personal development. Whether connecting global industries people or platforms we help ensure every challenge gets the solution it deserves. At SAP you can bring out your best.

We win with inclusion
SAPs culture of inclusion focus on health and well-being and flexible working models help ensure that everyone regardless of background feels included and can run at their best. At SAP we believe we are made stronger by the unique capabilities and qualities that each person brings to our company and we invest in our employees to inspire confidence and help everyone realize their full potential. We ultimately believe in unleashing all talent and creating a better world.

SAP is committed to the values of Equal Employment Opportunity and provides accessibility accommodations to applicants with physical and/or mental disabilities. If you are interested in applying for employment with SAP and are in need of accommodation or special assistance to navigate our website or to complete your application please send an e-mail with your request to Recruiting Operations Team:

For SAP employees: Only permanent roles are eligible for the
SAP Employee Referral Program according to the eligibility rules set in the SAP Referral Policy. Specific conditions may apply for roles in Vocational Training.

Qualified applicants will receive consideration for employment without regard to their age race religion national origin ethnicity gender (including pregnancy childbirth et al) sexual orientation gender identity or expression protected veteran status or disability in compliance with applicable federal state and local legal requirements.

Successful candidates might be required to undergo a background verification with an external vendor.

AI Usage in the Recruitment Process

For information on the responsible use of AI in our recruitment process please refer to our Guidelines for Ethical Usage of AI in the Recruiting Process.

Please note that any violation of these guidelines may result in disqualification from the hiring process.

Requisition ID: 450649 Work Area: Software-Design and Development Expected Travel: 0 - 10% Career Status: Professional Employment Type: Regular Full Time Additional Locations: #LI-Hybrid



Required Experience:

IC

We help the world run betterAt SAP we keep it simple: you bring your best to us and well bring out the best in you. Were builders touching over 20 industries and 80% of global commerce and we need your unique talents to help shape whats next. The work is challenging but it matters. Youll find a pla...
View more view more

About Company

Company Logo

SAP started in 1972 as a team of five colleagues with a desire to do something new. Together, they changed enterprise software and reinvented how business was done. Today, as a market leader in enterprise application software, we remain true to our roots. That’s why we engineer soluti ... View more

View Profile View Profile