UX Optimization Developer

📍 Job Overview

Job Title: UX Optimization Developer

Company: PetSmart

Location: Phoenix, Arizona, United States

Job Type: Full-Time

Category: Front-End Development / UX Optimization

Date Posted: March 09, 2026

Experience Level: 5-10 Years

Remote Status: Hybrid (Minimum 4 days in office)

🚀 Role Summary

• This role is focused on enhancing digital customer experiences through advanced front-end development and rigorous A/B testing methodologies.

• The position requires building and optimizing user-facing features using modern frameworks like React.js and Next.js, with a strong emphasis on reusable UI component development and scalable architecture.

• A key aspect of this role involves translating complex designs and wireframes into high-quality, maintainable, and performant code, ensuring cross-device and cross-browser compatibility.

• The developer will act as a critical link between business stakeholders, IT, and engineering leadership, driving technical solutions that align with strategic business objectives and revenue growth for the digital platform.

📝 Enhancement Note: The job title "UX Optimization Developer" suggests a hybrid role blending user experience principles with technical development, specifically geared towards improving conversion rates and user engagement through data-driven experimentation and efficient code implementation. This is distinct from a pure UX Designer role and requires strong coding proficiency.

📈 Primary Responsibilities

• Collaborate closely with business stakeholders, product managers, and UX designers to translate requirements and wireframes into high-quality, functional digital solutions.

• Develop new and enhance existing user-facing features for petsmart.com and the mobile app, leveraging Next.js, React.js, and TypeScript.

• Design, build, and maintain a library of reusable UI components, ensuring consistency, scalability, and adherence to design system principles.

• Lead and execute A/B testing initiatives, from hypothesis generation to implementation and analysis, using modern experimentation frameworks to optimize user journeys and conversion rates.

• Write clean, maintainable, and well-documented code, adhering to best practices for front-end development, performance optimization, and accessibility.

• Optimize front-end performance across a wide range of devices, browsers, and network conditions, identifying and resolving bottlenecks to ensure a seamless user experience.

• Conduct thorough root cause analysis for bugs and performance issues, and actively participate in bug triaging and resolution efforts.

• Proactively identify opportunities for process improvements, performance enhancements, and code optimization, proposing and advocating for scalable technical solutions.

• Work autonomously on assigned tasks while fostering strong, collaborative relationships with cross-functional teams, including engineering, product, and marketing.

• Contribute to the overall front-end architecture and technical strategy, ensuring solutions are robust, scalable, and aligned with long-term business goals.

📝 Enhancement Note: The responsibilities highlight a blend of development, experimentation, and strategic thinking. The emphasis on "reusable UI components" and "scalable front-end architecture" points towards a need for disciplined development practices and a focus on long-term maintainability and efficiency, which are core to operations and GTM strategies that rely on stable digital platforms.

🎓 Skills & Qualifications

Education:

Experience:

Required Skills:

• Core Technologies: Advanced proficiency in JavaScript (ES6+), including DOM manipulation and the JavaScript object model.

• Frameworks & Libraries: Deep understanding and hands-on experience with React.js, its core principles, and workflows. Expertise in Next.js and TypeScript is essential.

• Styling: Strong command of HTML5, CSS3, SASS, and SCSS for building modern and responsive user interfaces.

• A/B Testing & Optimization: Proven experience with experimentation platforms and leading A/B testing initiatives to drive measurable improvements in user experience and conversion rates.

• Component Development: Experience designing and building reusable UI components and contributing to a scalable component library or design system.

• API Integration: Familiarity with working with RESTful APIs for data fetching and integration.

• Version Control: Proficient use of Git or other code versioning tools for collaborative development.

• Development Tools: Experience with modern front-end build pipelines and tools (e.g., Babel, Webpack, NPM).

• Methodologies: Working knowledge of Agile development methodologies and experience with project management tools like JIRA and Confluence.

• Analytical Skills: Strong analytical capabilities, including experience with root cause analysis and performance debugging.

• Problem Solving: Ability to translate designs and wireframes into high-quality, maintainable code and to implement solutions in ambiguous situations.

Preferred Skills:

• Experience with modern authorization mechanisms, such as JSON Web Tokens (JWT).

• Strong benchmarking and performance optimization skills, with a focus on web vitals and page load times.

• Familiarity with specific e-commerce platforms and tools like Optimizely, CommerceTools, and Algolia.

• Knowledge of ADA compliance and web accessibility best practices.

• Ability to translate business requirements into robust technical solutions.

📝 Enhancement Note: The emphasis on Next.js, React, TypeScript, and A/B testing indicates a need for a developer who can not only build features but also directly contribute to optimizing the digital customer journey, which is a critical component of GTM strategy and revenue generation. The mention of specific e-commerce tools suggests a focus on driving direct sales and customer engagement.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Case Studies in Optimization: Showcase 2-3 detailed case studies demonstrating your involvement in optimizing user experiences through A/B testing, feature development, or performance improvements on web applications.

• Component Library Contribution: Provide examples of reusable UI components you have designed and built, ideally within a team context or a design system, highlighting their impact on development efficiency and UI consistency.

• Code Samples: Include links to public repositories (e.g., GitHub) or provide sanitized code snippets that exemplify your proficiency in React, Next.js, and TypeScript, demonstrating clean architecture and best practices.

• Performance Metrics: Quantify the impact of your work using metrics such as conversion rate improvements, page load time reductions, or user engagement increases. Clearly articulate the "before" and "after" state.

Process Documentation:

• Workflow Design: Be prepared to discuss your process for translating design mockups and user stories into actionable development tasks and how you manage the development lifecycle.

• Testing & Deployment: Demonstrate an understanding of your approach to testing (unit, integration, A/B), code reviews, and deployment strategies within an Agile framework.

• Collaboration & Communication: Provide examples of how you collaborate with cross-functional teams, communicate technical challenges, and gain buy-in for proposed solutions.

📝 Enhancement Note: A strong portfolio is crucial for this role, as it directly showcases the candidate's ability to deliver measurable results in UX optimization and front-end development. Operations professionals often look for evidence of process efficiency and data-driven decision-making, which a well-structured portfolio can effectively demonstrate.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Comprehensive Health Coverage: Medical, dental, and vision insurance plans.

• Retirement Savings: 401(k) plan with company match.

• Paid Time Off: Generous vacation, sick leave, and holiday pay.

• Employee Discounts: Discounts on PetSmart products and services.

• Wellness Programs: Access to on-site gym ("Top Dog" gym) with fitness classes, massage therapists, and personal trainers.

• On-Site Amenities: Cafeteria ("Sit & Stay" Café), childcare facility ("Lil Paws"), print center, dry cleaning services, and mother's rooms.

• Volunteer Opportunities: Paid time off for volunteer work.

• Professional Development: Opportunities for training, certifications, and attending industry conferences.

Working Hours:

• Standard full-time work week, typically 40 hours. The role is hybrid, requiring a minimum of 4 days in the Phoenix Home Office per week, with one remote "flex day" possible with leader approval.

📝 Enhancement Note: The salary estimate is based on data from similar roles in the Phoenix metropolitan area, considering the experience level and technical requirements. PetSmart's extensive on-site amenities indicate a strong focus on employee well-being and a positive work environment, which can be attractive to operations professionals seeking work-life balance and convenience.

🎯 Team & Company Context

🏢 Company Culture

Industry: Retail (Pet Supplies & Services)

Company Size: Large Enterprise (Over 10,000 employees)

Founded: 1986

Company Slogan: "Anything for Pets."

Team Structure:

• The Digital team is a key unit within PetSmart, focused on driving online revenue and customer experience.

• This role will be part of the front-end development group within the Digital team, likely reporting to a Front-end Engineering Manager or Director.

Methodology:

• Data-Driven Optimization: The Digital team heavily relies on quantitative and qualitative data to inform decisions, optimize user experiences, and drive business growth. A/B testing and performance analysis are central to this approach.

• Agile Development: The team operates using Agile methodologies, emphasizing iterative development, collaboration, and continuous improvement.

• Customer-Centric Design: Focus is placed on delivering a superior customer experience, ensuring that digital platforms (petsmart.com and the mobile app) are intuitive, personalized, and meet the needs of pet parents.

Company Website: https://careers.petsmart.com

📝 Enhancement Note: PetSmart's industry and size suggest a dynamic, fast-paced environment with significant opportunities for impact. The emphasis on a data-driven approach and customer experience aligns well with the goals of revenue and sales operations, where optimizing digital touchpoints is crucial for driving business outcomes.

📈 Career & Growth Analysis

Operations Career Level: Mid-Senior Level Front-End Developer. This role is for an individual contributor with significant technical expertise and the ability to influence technical direction within their domain. It's a step beyond junior development, requiring leadership in specific technical areas like optimization and component architecture.

Reporting Structure: The UX Optimization Developer will report to a Front-end Engineering Manager or similar leadership role within the Digital organization. They will work closely with product management and UX design leadership.

Operations Impact: The work of the UX Optimization Developer directly impacts key operational metrics such as conversion rates, customer engagement, average order value (AOV), and customer retention on the digital platform. By improving user experience and performance, this role contributes to increased online sales and overall digital revenue growth, which are critical GTM objectives.

Growth Opportunities:

• Technical Specialization: Deepen expertise in front-end frameworks, performance optimization techniques, and A/B testing methodologies.

• Leadership in UX Optimization: Grow into a lead role for experimentation initiatives, mentoring junior developers, and defining best practices for UX optimization.

• Architectural Influence: Contribute to the strategic direction of the front-end architecture and component library.

• Cross-Functional Leadership: Develop skills in collaborating with and influencing product, marketing, and business teams to drive strategic initiatives.

• Potential Transition: Opportunities may arise to move into broader engineering management, technical leadership, or product management roles within the digital organization.

📝 Enhancement Note: This role offers a clear path for technical growth within a large retail organization. The impact on revenue and GTM objectives is significant, making it an attractive position for operations-minded developers focused on measurable business outcomes.

🌐 Work Environment

Office Type: Corporate Headquarters (Phoenix Home Office). This is a central hub for PetSmart's corporate functions, including the digital team.

Office Location(s): Phoenix, Arizona (19601 N 27th Avenue, Phoenix, AZ 85027).

Workspace Context:

• Collaborative Hybrid Model: The environment encourages collaboration through a hybrid work model, requiring a minimum of 4 days in the office. This facilitates in-person brainstorming, team meetings, and spontaneous interactions.

• Modern Amenities: The office is equipped with a "Top Dog" gym, café, childcare, and other amenities designed to support employee well-being and productivity.

• Technology Integration: Developers will have access to modern development tools, high-speed internet, and collaborative software to support their work.

• Team Interaction: Opportunities for direct interaction with leadership, cross-functional partners, and team members are prioritized to foster a strong team culture and efficient decision-making.

Work Schedule:

• The role follows a standard full-time work schedule, with flexibility for one remote "flex day" per week. The in-office requirement is designed to foster strong team cohesion and facilitate in-person collaboration.

📝 Enhancement Note: The hybrid work model with a strong emphasis on in-office days indicates a company culture that values in-person collaboration, mentorship, and team building. For operations roles, this can translate to more efficient problem-solving and stronger cross-functional relationships.

📄 Application & Portfolio Review Process

Interview Process:

1. Application Screening: Review of resume and portfolio for alignment with required skills and experience, particularly in React, Next.js, TypeScript, and A/B testing.

2. Hiring Manager Interview: A 1:1 discussion focusing on experience, technical approach, problem-solving skills, and cultural fit. Expect questions about past projects and how you've handled specific development challenges.

3. Technical Interview/Coding Challenge: This may involve a live coding session or a take-home assignment to assess proficiency in front-end development, JavaScript, React, and potentially Next.js/TypeScript. Questions will likely focus on component development, performance optimization, and algorithmic thinking.

4. Team/Panel Interview: Meet with potential peers and engineering leadership to discuss collaborative approaches, system design, and strategic thinking. This stage assesses how you integrate into the team and contribute to broader technical discussions.

5. Final Interview: Often with senior leadership, focusing on strategic alignment, leadership potential, and overall fit with PetSmart's culture and values.

Portfolio Review Tips:

• Focus on Impact: Clearly articulate the business problem, your solution, and the measurable results (e.g., % increase in conversion, % decrease in load time). Use metrics that align with revenue and operational efficiency.

• Showcase Optimization: Dedicate sections of your portfolio to A/B testing projects, detailing the hypothesis, experiment setup, and outcomes. Highlight how your code contributed to specific optimization goals.

• Demonstrate Reusability: Present examples of UI components you've built, explaining their design principles, how they were integrated, and their impact on development speed and consistency.

• Code Quality: Ensure any code samples or links to repositories are clean, well-commented, and demonstrate modern development practices.

• Tailor to PetSmart: If possible, subtly weave in how your skills can benefit a retail or e-commerce environment like PetSmart's.

Challenge Preparation:

• Practice Live Coding: Familiarize yourself with common JavaScript, React, and algorithm challenges. Websites like LeetCode, HackerRank, and Frontend Mentor can be valuable resources.

• A/B Testing Scenarios: Be prepared to discuss how you would set up an A/B test for a specific user flow (e.g., checkout process, product search) and how you would interpret the results.

• Component Design: Practice designing reusable components that are flexible, accessible, and performant.

• Performance Optimization: Review common performance bottlenecks and techniques for optimizing front-end applications.

📝 Enhancement Note: The interview process is designed to assess not only technical skills but also the candidate's ability to contribute to business objectives through optimization and efficient development. A strong portfolio that quantifies impact is key to demonstrating this.

🛠 Tools & Technology Stack

Primary Tools:

• JavaScript Frameworks: React.js, Next.js (essential)

• Languages: TypeScript, JavaScript, HTML5, CSS3, SASS, SCSS

• Version Control: Git

• Project Management: JIRA, Confluence

• Build Tools: Babel, Webpack, NPM

Analytics & Reporting:

• Experimentation Platforms: Optimizely (preferred), or similar A/B testing tools.

• Web Analytics: Google Analytics, Adobe Analytics (likely used by the company for overall site performance)

• Performance Monitoring: Tools for tracking web vitals, page load times, and application performance.

CRM & Automation:

• While not directly a CRM role, understanding how front-end integrates with backend systems and data could involve familiarity with e-commerce platforms (e.g., CommerceTools) and search solutions (e.g., Algolia).

• API Integrations: Experience with RESTful APIs.

📝 Enhancement Note: Proficiency in the specified front-end stack (React, Next.js, TypeScript) is non-negotiable. Experience with A/B testing tools like Optimizely and e-commerce platforms highlights the role's direct connection to revenue generation and customer conversion optimization.

👥 Team Culture & Values

Operations Values:

• Customer Focus: A strong commitment to delivering exceptional customer experiences through intuitive and performant digital interfaces.

• Data-Driven Decision Making: Utilizing analytics and A/B testing results to guide development priorities and optimize outcomes.

• Collaboration & Teamwork: Working effectively across diverse teams (product, design, engineering, marketing) to achieve shared goals.

• Continuous Improvement: Proactively seeking opportunities to enhance code quality, optimize performance, and refine development processes.

• Accountability & Ownership: Taking responsibility for delivering high-quality solutions and driving measurable impact.

Collaboration Style:

• Hybrid Collaboration: A blend of in-person collaboration at the Phoenix Home Office and remote communication tools to foster teamwork and knowledge sharing.

• Cross-Functional Integration: Close partnership with business stakeholders, product managers, and UX designers to ensure technical solutions align with strategic objectives.

• Feedback-Driven: An environment that encourages constructive feedback on code, design, and processes to foster continuous learning and improvement.

• Agile Ceremonies: Active participation in daily stand-ups, sprint planning, reviews, and retrospectives to maintain alignment and drive iterative progress.

📝 Enhancement Note: PetSmart's culture emphasizes values that align with operational excellence: customer-centricity, data-driven insights, and continuous improvement. For a developer in this role, understanding and embodying these values is key to contributing effectively to the company's digital growth strategy.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Optimization and Feature Development: Effectively prioritizing A/B testing initiatives alongside new feature development to balance short-term gains with long-term platform evolution.

• Complex E-commerce Environment: Navigating the intricacies of a large-scale e-commerce platform, including performance optimization across various user segments and devices.

• Cross-Functional Alignment: Ensuring buy-in and coordination across multiple departments (product, marketing, IT) for optimization strategies and technical implementations.

• Keeping Pace with Technology: Continuously learning and adapting to new front-end technologies, frameworks, and best practices to maintain a competitive edge.

Learning & Development Opportunities:

• Advanced A/B Testing: Deepen expertise in experimentation design, statistical analysis, and advanced optimization techniques.

• Scalable Architecture: Gain experience in designing and implementing highly scalable and performant front-end architectures for large digital platforms.

• E-commerce Specialization: Develop a deeper understanding of e-commerce best practices, conversion rate optimization (CRO), and customer journey mapping within the retail sector.

• Mentorship: Opportunities to learn from and be mentored by senior engineers and technical leaders within PetSmart's Digital organization.

• Industry Exposure: Potential to attend relevant tech conferences or pursue certifications in areas like front-end development or CRO.

📝 Enhancement Note: The challenges and growth opportunities highlight the dynamic nature of the role, requiring adaptability and a commitment to continuous learning. This is typical for roles focused on driving digital revenue and customer experience in competitive markets.

💡 Interview Preparation

Strategy Questions:

• Optimization Approach: "Describe your process for identifying and prioritizing A/B tests on a large e-commerce website. How do you measure success and what factors do you consider beyond conversion rates?" (Focus on data-driven methodology, impact on user journey, and potential ripple effects).

• Component Design Philosophy: "How do you approach building reusable UI components? What principles do you follow to ensure they are maintainable, accessible, and performant across different contexts?" (Highlight design system thinking, scalability, and code quality).

• Technical Problem Solving: "Walk me through a time you had to troubleshoot a complex front-end performance issue. What was your methodology, and what was the resolution?" (Emphasize systematic debugging, root cause analysis, and performance optimization techniques).

Company & Culture Questions:

• Digital Strategy: "Based on your understanding of PetSmart's 'Anything for Pets' mission, how do you see UX optimization contributing to the overall customer experience and business goals?" (Connect your role to company values and strategic objectives).

• Collaboration Style: "Describe a challenging cross-functional project you worked on. How did you navigate differing opinions or priorities to achieve a successful outcome?" (Showcase teamwork, communication, and stakeholder management skills).

• Impact Measurement: "How do you quantify the impact of your front-end development work on business metrics like revenue, engagement, or customer satisfaction?" (Prepare specific examples from your portfolio).

Portfolio Presentation Strategy:

• Storytelling: Frame your portfolio projects as narratives. Start with the business problem or user need, explain your technical approach (highlighting specific technologies like React, Next.js, A/B testing), and conclude with the quantifiable results and lessons learned.

• Visual Aids: Use screenshots, mockups, or even brief video demonstrations to illustrate your work. For A/B tests, clearly show variations and outcome data.

• Focus on Metrics: Be ready to discuss the specific numbers and how they translate to business value for PetSmart. Quantify your contributions whenever possible.

• Code Walkthrough: Be prepared to briefly explain the architecture or key parts of the code for a selected project, demonstrating your understanding of best practices and efficiency.

📝 Enhancement Note: Preparing for these types of questions will demonstrate not only technical aptitude but also a strategic understanding of how front-end development contributes to business operations and revenue goals. Highlighting quantifiable results is crucial for roles focused on optimization.

📌 Application Steps

To apply for this UX Optimization Developer position:

• Submit your resume and portfolio: Ensure your resume clearly highlights your experience with Next.js, React, TypeScript, and A/B testing. Your portfolio should showcase relevant projects with a strong emphasis on measurable results and optimization impact.

• Tailor your resume: Customize your resume to emphasize keywords and responsibilities mentioned in the job description, particularly those related to user experience optimization, front-end architecture, and performance.

• Prepare portfolio examples: Select 2-3 key projects that best demonstrate your ability to build high-quality UI components and drive user experience improvements through data-driven methods. Be ready to articulate the impact of these projects using specific metrics.

• Research PetSmart's Digital Presence: Familiarize yourself with petsmart.com and the PetSmart app. Consider potential areas for UX optimization and be prepared to discuss your initial thoughts during an interview.

• Practice interview questions: Review the suggested interview questions and prepare thoughtful, data-backed responses, drawing on your experience and portfolio examples.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.