Web Developer

Web Developer

Project Role : Web Developer
Project Role Description : Design, build and test web-based applications for various site components and edit site content. Document technical designs and specifications. Research and incorporate updated content for websites.
Must have skills : Web Application Development
Good to have skills : React.js, Multiplatform Front End Development React
Minimum 3 year(s) of experience is required
Educational Qualification : 15 years full time education

Summary:
The Front-End Web Developer will support the Marketing organization by developing and maintaining the front-end user experience, component library, design system, page templates, and client-side functionality that power the global marketing website and related digital properties. This role will be part of the U.S.-led Web Operations team and will partner closely with the Director of Digital Experience & Web Strategy, back-end development, web operations resources, IT, SEO, analytics, UX/design partners, and business stakeholders.
The ideal candidate should bring strong front-end development fundamentals, design system experience, component-driven architecture skills, and comfort working across modern, scalable, API-first, AI-enabled digital experience environments. This is not intended to be a basic website maintenance role it is focused on building polished, accessible, performant, and future-ready user experiences on a modern headless CMS platform.
This role will help ensure the website delivers a best-in-class user experience that supports structured content rendering, component reuse, personalization, intelligent search, forms, analytics, SEO/AEO/GEO requirements, global/multilingual presentation needs, accessibility compliance, and future AI-forward digital experiences.

Key Responsibilities
Develop, enhance, and maintain front-end website functionality, React components, page templates, design system elements, and user experiences across the global marketing website and related digital properties.
Build and maintain the component library using React, shadcn/ui (Radix UI primitives), Tailwind CSS, and Storybook, ensuring consistency, reusability, accessibility, and alignment with the design system and brand standards.
Implement front-end page templates and layouts within the Next.js framework, including client components, dynamic routing, client-side interactivity, and responsive design across devices and browsers.
Translate UX/design specifications from Figma into production-ready, pixel-accurate components that follow the token-driven design system (CSS variables, Tailwind config, design tokens).
Partner with the back-end developer to consume Sanity CMS content models, GROQ queries, and APIs, ensuring front-end components properly render structured content and support self-service publishing workflows for the marketing team.
Experience working in agile/scrum workflows with 2–3 week sprint cycles, including the ability to participate in sprint planning, backlog grooming, and retrospectives within a small, self-managing development team.
Implement analytics tracking (GA4 events, GTM tags, conversion tracking, click tracking) and ensure accurate data capture across user interactions and marketing funnels.
Own accessibility compliance (WCAG 2.1 AA) across the website, including semantic HTML, keyboard navigation, screen reader support, focus management, ARIA attributes, and color contrast.
Optimize client-side performance, including Core Web Vitals (LCP, CLS, INP), bundle size optimization, lazy loading, image optimization, code splitting, and efficient rendering patterns.
Implement front-end behaviors for personalization (Optimizely), A/B testing, chatbot/conversational UI (Qualified), consent management, and intent-driven experiences (6sense) in coordination with the back-end developer.
Build and maintain forms, including form UI, client-side validation, error handling, progressive disclosure, and UX partnering with the back-end developer on submission logic, CRM/MAP integration, and server-side validation.
Support front-end implementation of SEO, AEO/GEO requirements, including semantic HTML, heading hierarchy, meta tags, Open Graph/social sharing markup, and rendered output optimization for search engines and AI answer engines.
Implement localization/multilingual front-end patterns, including language switching UI, locale-aware rendering, and layout adaptation for global audiences, in coordination with the back-end developer and Smartling integration.
Participate in visual regression testing, cross-browser/cross-device QA, component testing, UAT, troubleshooting, issue resolution, and production support for website enhancements and launches.
Document component library standards, design system patterns, front-end architecture decisions, and development guidelines that enable the Web Operations team to scale.
Work within Git, version control, code review, CI/CD pipelines, deployment, and agile delivery processes to ensure high-quality and controlled releases.
Use AI-enabled coding tools and modern development practices to improve speed, quality, testing, documentation, troubleshooting, and continuous improvement while maintaining strong development judgment.
Required Skills and Experience
5+ years of professional front-end web development experience.
3+ years of advanced experience with React, including hooks, context, component composition patterns, state management, and performance optimization.
2+ years of experience with Next.js, including App Router, client/server components, dynamic routing, SSR/SSG, and image optimization.
2+ years of experience with Tailwind CSS, including custom configuration, design tokens, responsive utilities, and utility-first architecture at scale.
Strong experience building and maintaining a component library/design system in a production environment — including component APIs, variant patterns, composition, and documentation.
Experience with Storybook for component development, documentation, and visual testing.
Proficiency translating Figma designs into production-ready, responsive, pixel-accurate front-end code.
Strong understanding of web accessibility (WCAG 2.1 AA), including semantic HTML, ARIA, keyboard navigation, screen reader testing, and focus management.
Experience optimizing client-side web performance, including Core Web Vitals (LCP, CLS, INP), bundle analysis, lazy loading, code splitting, and image optimization.
Experience consuming APIs and structured content from a headless CMS to render dynamic, content-driven pages.
Experience implementing analytics and event tracking (GA4, GTM, or similar) across complex web applications.
Strong experience with cross-browser and cross-device testing, ensuring consistent experiences across modern browsers, screen sizes, and input methods.
Experience working with Git, version control, code review, CI/CD pipelines, release processes, and agile development workflows.
Familiarity with AI-enabled development tools, copilots, automated testing, debugging, or workflow automation is preferred.
Experience with B2B, SaaS, global, multilingual, or enterprise marketing websites is required.
Strong attention to detail, visual precision, problem-solving skills, and ability to partner effectively with technical and non-technical stakeholders.

Nice-to-have Skills
Experience with shadcn/ui (Radix UI primitives) specifically.
Experience with Sanity CMS, including basic GROQ queries and understanding of structured content models.
Experience with A/B testing and personalization platforms (Optimizely or similar), implementing front-end test variants and conditional rendering.
Familiarity with internationalization/localization (i18n/l10n) front-end patterns, including language switching, RTL support, and locale-aware rendering.
Experience with animation and interaction design (Framer Motion, CSS animations, micro-interactions).
Familiarity with analytics and tag management implementation (GA4, GTM, server-side tagging, data layer architecture).
Experience with chatbot/conversational UI integration (Qualified or similar).
Experience with consent management and privacy compliance UI (cookie banners, preference centers, GDPR/CCPA).