Senior Engineer – UI and Experience Design

📍 Job Overview

Job Title: Senior Engineer – UI and Experience Design

Company: Dole Packaged Foods

Location: Westlake Village, CA (Locally Remote)

Job Type: FULL_TIME

Category: Engineering / Software Development / UI/UX Design

Date Posted: April 21, 2026

Experience Level: 5-8 Years

Remote Status: Locally Remote (Hybrid)

🚀 Role Summary

• This role is critical for driving enterprise-grade user experiences by blending hands-on UX design leadership with robust frontend engineering.

• The Senior Engineer will own the development and governance of global Business Intelligence platforms, focusing on user-centric workflows, analytics, and real-time conversational experiences.

• Responsibilities include designing scalable data architecture and multi-device adaptive UX for diverse content types, ensuring maintainable solutions that minimize technology debt.

• This position requires a strong understanding of cloud-native environments, specifically OpenStack, and a mindset geared towards continuous integration and continuous delivery (CI/CD) to support a large global corporation.

📝 Enhancement Note: The job title "Senior Engineer – UI and Experience Design" and the description emphasizing "enterprise-grade user experiences," "workflow, analytics, and real-time conversational experiences," and "cloud-native OpenStack environment" strongly suggest this role sits within a technology or IT department, but its responsibilities lean heavily into product development and user interface engineering rather than traditional IT operations or infrastructure support. It bridges the gap between design and development, focusing on the end-user application layer. The "Locally Remote" designation indicates a hybrid model where proximity to the Westlake Village office is required for occasional in-person collaboration.

📈 Primary Responsibilities

• Own and deliver enterprise-grade user experiences for workflow, analytics, and conversational interfaces across various devices, focusing on usability and time-to-complete metrics.

• Design and build modular, reusable UI components with maintainability, performance, and scalability as primary considerations within a multi-device adaptive UX framework.

• Lead frontend application architecture, encompassing routing, state management, API integration, error handling, and scalable patterns suitable for large enterprise applications.

• Drive the refactoring and reduction of frontend technical debt, establishing safe patterns for evolving legacy code and ensuring production readiness through performance budgets, accessibility standards, and resiliency patterns.

• Develop UI frameworks for specialized applications including workflow management (queues, approvals, audit trails), advanced analytics (filters, drilldowns, anomaly views), and real-time conversational/agentic experiences (chat with artifacts, session history, human handoff).

• Ensure adherence to thorough security and compliance standards within the UX to strengthen data protection and encourage secure user interactions with applications.

• Deliver applications within cloud-based enterprise environments (specifically mentioning OpenStack alignment) and support post-release operations, including bug fixes and incremental enhancements.

• Collaborate effectively in an agile engineering environment, participating in code reviews, driving testing strategies (unit, integration, E2E), and ensuring release confidence.

📝 Enhancement Note: The responsibilities highlight a dual focus on both strategic UX leadership ("Experience strategy & UX leadership") and hands-on technical execution ("Frontend architecture & engineering ownership"). The emphasis on specific application types (workflow, analytics, conversational) and technical environments (cloud-native, OpenStack) indicates a need for a highly skilled engineer capable of end-to-end application development. The "Primary Accountabilities" section provides a detailed breakdown of engineering and design tasks.

🎓 Skills & Qualifications

Education:

• Bachelor’s degree in Computer Science or a related technical field.

Experience:

• 5 to 8 years of hands-on UI/UX application development experience.

Required Skills:

• Frontend Engineering: Hands-on experience developing frontend applications using React.js and modern JavaScript (ES6+), including functional components and hooks.

• Web Technologies: Strong foundation in HTML5 and CSS3, with experience building responsive, production-ready user interfaces and understanding of multi-device patterns.

• API Integration: Experience working with API-driven applications, including asynchronous data handling, error scenarios, and client-side routing.

• Version Control: Proficiency with Git-based version control, including pull requests and collaborative workflows.

• Problem Solving: Strong debugging and problem-solving skills utilizing browser developer tools.

• Agile Methodologies: Ability to work effectively in a collaborative, agile engineering environment, participating in code reviews and contributing to release confidence.

• State Management: Understanding of application state management concepts crucial for complex enterprise applications.

Preferred Skills:

• UI Frameworks: Experience with UI frameworks or component libraries such as Tailwind CSS, Bootstrap, or Material UI.

• Cloud Platforms: Exposure to enterprise SaaS or cloud platforms, including SAP BTP or similar ecosystems, and familiarity with containerization and cloud-native deployment patterns.

• Performance Optimization: Familiarity with frontend performance optimization techniques such as code splitting, memoization, and setting performance budgets.

• Security & Auth: Understanding of authentication and authorization concepts (SSO, OAuth, role-based access) and their implementation in UX.

• Workflow & Data Apps: Experience working on workflow-heavy or data-driven applications, demonstrating an ability to design UIs for complex business processes and analytics.

• Automated Testing: Exposure to automated testing frameworks for frontend applications (unit, integration, E2E).

📝 Enhancement Note: The required skills are heavily weighted towards modern frontend development practices and tools, particularly React.js. The preferred skills indicate a desire for candidates with broader exposure to enterprise systems and best practices in performance, security, and testing, aligning with the "enterprise-grade" and "cloud-native" aspects of the role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrated UX Ownership: Showcase projects where you owned the user experience outcomes (e.g., improved usability, reduced time-to-complete, decreased error rates) for workflow or analytics journeys.

• Scalable UI Component Design: Present examples of modular, reusable UI components you designed and built, detailing the architecture and how maintainability and performance were prioritized.

• Frontend Architecture: Include case studies or project examples that illustrate your ability to define and implement frontend app architecture, including routing, state management, and API integration patterns.

• Technical Debt Reduction: Provide examples of projects where you successfully refactored or improved existing frontend codebases, mitigating technical debt without introducing regressions.

• Multi-Device UX Patterns: Document instances where you designed and implemented adaptive UX for different content types and screen sizes (desktop, tablet, mobile).

Process Documentation:

• Workflow Design & Optimization: Detail your process for translating business requirements into scalable interaction models and user-centric workflows, including how you considered different user personas.

• Design System Governance: Explain your approach to contributing to or maintaining design systems, including components, tokens, accessibility standards, and interaction guidelines.

• CI/CD & Delivery Excellence: Describe your experience with continuous integration and continuous delivery (CI/CD) pipelines, testing strategies (unit, integration, E2E), and ensuring production readiness through practices like performance budgets and feature flagging.

• Cloud-Native Deployment: Outline your process for delivering applications in cloud-based enterprise environments, including considerations for containerization, configuration management, logging, and monitoring.

📝 Enhancement Note: Given the emphasis on "enterprise-grade user experiences" and "platform-agnostic engineering," a strong portfolio demonstrating end-to-end ownership of complex frontend applications is crucial. Candidates should highlight projects that showcase their ability to design for scalability, maintainability, and diverse user needs, with a clear articulation of their process and the impact of their work.

💵 Compensation & Benefits

Salary Range: $120,000 - $145,000 USD per year.

Benefits:

• Comprehensive health, dental, and vision insurance plans.

• Retirement savings plan (e.g., 401(k)) with company matching.

• Paid time off (PTO), including vacation, sick leave, and holidays.

• Opportunities for professional development and continuous learning, including certifications and training.

• Potential for participation in employee stock purchase plans or other equity-based compensation.

Working Hours:

• Standard full-time hours, typically 40 hours per week.

• Flexibility may be available, but the role requires the ability to come into the Westlake Village office with 24-hour notice, indicating a need for responsiveness during core business hours.

📝 Enhancement Note: The salary range provided is for California, as specified in the job description. The benefits listed are standard for full-time roles in a large corporation, with a specific mention of professional development opportunities relevant to a Senior Engineer role. The "Locally Remote" status implies a hybrid arrangement that requires some on-site presence, impacting the typical flexibility of fully remote roles.

🎯 Team & Company Context

🏢 Company Culture

Industry: Food & Beverage (Packaged Foods)

Company Size: Dole Packaged Foods is part of a larger global organization, suggesting a significant employee base, though specific numbers for Dole Packaged Foods are not provided. The company operates globally across multiple continents.

Founded: Dole's history spans over a century, with Dole Packaged Foods being a key division. This long history implies a stable, established corporate environment with deep-rooted values.

Team Structure:

• The Senior Engineer will be part of the larger "Innovation group."

• This group likely comprises engineers, designers, product managers, and data specialists working on critical business solutions across various enterprise functions (Finance, Supply Chain, CRM, Manufacturing, Marketing).

• The role involves collaboration with backend engineering, QA, and product teams in an agile setting.

Methodology:

• Purpose-Led Culture: Dole emphasizes a "purpose led organization" focused on accessible nutrition and building a brighter future. This drives their core values and operational approach.

• Values-Driven Operations: The company culture is explicitly driven by core values: respect, inclusivity, excellence, continuous learning, integrity, collaboration, and innovation.

• Agile Development: The team operates within an agile framework, emphasizing continuous integration and continuous delivery (CI/CD) for rapid deployment and iteration.

• Data-Driven Decision Making: The role involves building and supporting Business Intelligence platforms and analytics UIs, indicating a strong reliance on data for insights and decision-making.

• User-Centric Design: A primary focus is on delivering user-centric workflows and experiences, ensuring applications meet the needs of diverse personas.

Company Website: www.dolesunshine.com

📝 Enhancement Note: Dole Packaged Foods, while in the food and beverage industry, has a significant technology and innovation arm focused on enterprise solutions. The culture is described as purpose-driven and values-centric, which is important for candidates seeking alignment beyond technical tasks. The "Innovation group" suggests a forward-thinking environment focused on developing new business solutions.

📈 Career & Growth Analysis

Operations Career Level: This is a "Senior Engineer" role, positioned as an individual contributor with significant technical leadership and ownership responsibilities. It implies a level of expertise where one can mentor others and drive architectural decisions within their domain.

Reporting Structure: The role is part of the "Innovation group" and will likely report to an engineering manager or director within that group. Collaboration is expected with backend engineers, QA, product managers, and platform teams.

Operations Impact: The Senior Engineer's work directly impacts business operations by enabling critical functions through user-friendly and efficient applications. This includes:

• Improving efficiency in Finance, Supply Chain, CRM, Manufacturing, and Marketing through optimized workflows and analytics.

• Enhancing decision-making capabilities with robust Business Intelligence platforms and real-time data insights.

• Driving innovation by developing new conversational or agentic experiences that can streamline operations or customer interactions.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React.js, modern frontend architecture, cloud-native development, and specific application domains (workflow, analytics, AI/conversational interfaces).

• Leadership Development: Opportunity to lead UX strategy, mentor junior engineers, and influence architectural decisions within the Innovation group.

• Cross-Functional Exposure: Gain experience working across various enterprise functions (Finance, Supply Chain, etc.), understanding their unique operational needs and challenges.

• Platform Stewardship: Grow into a key owner and steward of global Business Intelligence platforms, potentially leading initiatives for platform evolution and adoption.

• Industry Best Practices: Continuous learning and application of cutting-edge technologies and methodologies in UI/UX design and frontend engineering within an enterprise context.

📝 Enhancement Note: This role offers significant growth potential for a technically proficient engineer who enjoys bridging design and development. The impact on core business functions and the opportunity to lead within an innovation group provide a strong platform for career advancement within Dole Packaged Foods.

🌐 Work Environment

Office Type: The role is designated as "Locally Remote," indicating a hybrid work model. Employees are expected to be located within a commutable distance of the Westlake Village, CA office and must be able to come into the office in-person as needed, with 24-hour advanced notice. This suggests a collaborative office environment that supports in-person meetings, brainstorming, and team cohesion.

Office Location(s): The primary office location mentioned is Westlake Village, CA. The job description also mentions travel to "various manufacturing and office locations, warehouses, etc., domestic and international" for approximately 10% of the time.

Workspace Context:

• Collaborative Hub: The Westlake Village office likely serves as a hub for team collaboration, design workshops, and strategic planning sessions.

• Technology-Enabled: As an engineer role, expect access to modern development tools, hardware, and software necessary for frontend development, UX design, and cloud-native application building.

• Cross-Functional Interaction: The role necessitates close interaction with backend engineers, QA testers, product managers, and potentially business stakeholders from various departments, fostering a dynamic and communicative work environment.

Work Schedule:

• Standard full-time hours (approximately 40 hours per week) are expected.

• The "Locally Remote" nature implies a need for flexibility but also requires availability for in-person meetings with short notice, suggesting core business hours are important for collaboration and responsiveness. The role requires a balance between remote work efficiency and in-office presence for critical team interactions.

📝 Enhancement Note: The "Locally Remote" designation is key here. It's not fully remote; it requires proximity and occasional in-office presence, suggesting a deliberate hybrid strategy to balance flexibility with in-person collaboration, which is often beneficial for complex design and engineering projects.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess technical skills, experience, and alignment with the role's requirements.

• Technical Interview(s): In-depth discussions focusing on your experience with React.js, JavaScript, HTML/CSS, frontend architecture, state management, and API integration. Expect coding challenges or live coding exercises.

• UX/Design Discussion: An interview focused on your UX design philosophy, experience with interaction models, multi-device patterns, and your approach to user-centric design. This may involve presenting a case study from your portfolio.

• Architecture & Cloud Discussion: A technical interview covering your experience with frontend architecture patterns, cloud-native environments (OpenStack), CI/CD, and your approach to managing technical debt.

• Behavioral/Team Fit Interview: Assessment of your collaboration skills, problem-solving approach, cultural alignment with Dole's values (respect, integrity, innovation), and ability to work in an agile team.

• Final Interview: Potentially with a senior leader to discuss overall fit, strategic thinking, and long-term career aspirations within the company.

Portfolio Review Tips:

• Showcase End-to-End Ownership: Present projects where you were instrumental from concept to deployment, highlighting your role in both UX strategy and frontend engineering.

• Focus on Impact: For each project, clearly articulate the business problem, your solution, the technologies used, and most importantly, the measurable outcomes (e.g., improved conversion, reduced errors, increased adoption, enhanced efficiency). Use metrics whenever possible.

• Structure Case Studies: For complex projects, use a narrative structure: Problem -> Your Role -> Process/Solution -> Results -> Learnings. This is particularly relevant for workflow and analytics applications.

• Demonstrate Technical Prowess: Include examples of well-architected, maintainable, and performant code. Showcase your ability to build reusable components and manage application state effectively.

• Highlight UX Thinking: Explain your design process, how you translated requirements into interaction models, and how you considered different user personas and device contexts. Visuals are key here.

• Address Cloud/CI/CD: If possible, include projects that demonstrate experience with cloud deployments, containerization, or CI/CD practices, even if from an application perspective.

Challenge Preparation:

• Coding Challenges: Be prepared for live coding exercises focusing on JavaScript, React.js, and problem-solving. Practice common algorithms and data structures, and be ready to explain your thought process.

• System Design/Architecture: Prepare to discuss how you would architect a frontend application for a given scenario, considering scalability, performance, maintainability, and integration with backend services.

• UX/Design Challenges: You might be asked to critique an existing UI, propose solutions for a user problem, or sketch out an interaction flow for a specific feature.

• Behavioral Scenarios: Prepare examples using the STAR method (Situation, Task, Action, Result) to demonstrate your experience with collaboration, problem-solving, handling conflict, and continuous learning, aligning with Dole's values.

📝 Enhancement Note: The emphasis on "enterprise-grade user experiences" and "platform-agnostic engineering" means candidates should be ready to discuss not just their technical skills but also their strategic approach to building robust, scalable, and user-friendly applications that solve complex business problems. A well-curated portfolio is essential.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React.js (primary requirement)

• Core Web Technologies: JavaScript (ES6+), HTML5, CSS3

• Version Control: Git (including collaborative workflows like pull requests)

• UI/UX Design Tools: While not explicitly listed, experience with tools like Figma, Sketch, or Adobe XD is often implied for UX leadership.

• Cloud Platforms: OpenStack (specifically mentioned for the environment), potentially other cloud-native platforms.

• Containerization: Experience with Docker or similar technologies is likely relevant for cloud-native deployments.

Analytics & Reporting:

• Data Visualization: Experience building UI components for charts, graphs, and anomaly views for analytics dashboards.

• Data Architecture: Understanding of how to design scalable data architectures to support frontend applications and BI platforms.

CRM & Automation:

• API Integration: Experience with RESTful APIs, asynchronous data handling, and potentially GraphQL.

• Workflow UIs: Development of interfaces for managing tasks, approvals, audit trails, and role-based actions.

• Conversational/Agentic UIs: Building interfaces for chat, agent interactions, and real-time communication.

Other Relevant Technologies (Preferred/Nice-to-have):

• UI Frameworks/Component Libraries: Tailwind CSS, Bootstrap, Material UI.

• Enterprise SaaS/Cloud Platforms: SAP BTP or similar ecosystems.

• Testing Frameworks: Experience with frontend testing tools (e.g., Jest, React Testing Library, Cypress, Playwright).

• CI/CD Tools: Familiarity with continuous integration and continuous delivery pipelines.

📝 Enhancement Note: The technology stack is heavily focused on modern frontend development practices. The mention of OpenStack and cloud-native environments indicates a need for engineers who understand deployment and operational considerations within such infrastructures, even if their primary focus is application development rather than infrastructure management.

👥 Team Culture & Values

Operations Values:

• Purpose-Driven: A strong commitment to Dole's mission of accessible fruit nutrition and building a brighter future. This should translate into how daily tasks are approached and how solutions are designed to serve a broader purpose.

• Respectful & Inclusive Collaboration: Valuing diverse perspectives and fostering an environment where everyone feels heard and respected. This means active listening, constructive feedback, and teamwork.

• Excellence & Continuous Learning: Striving for world-class results by seeking feedback, continuously improving skills, and staying updated with industry best practices in UI/UX and engineering.

• Integrity & Doing What's Right: Consistently acting with honesty, transparency, and ethical standards in all interactions and decisions.

• Innovation: Encouraging creative thinking, challenging the status quo, and developing novel solutions that drive business success and meaningful outcomes.

Collaboration Style:

• Agile & Iterative: Working in an agile framework means frequent collaboration, quick feedback loops, and iterative development.

• Cross-Functional Partnership: Close collaboration with backend engineers, QA, product managers, and potentially business stakeholders across Finance, Supply Chain, CRM, Manufacturing, and Marketing.

• Design System Governance: A collaborative approach to maintaining and evolving design systems, ensuring consistency and shared understanding across teams.

• Knowledge Sharing: Active participation in code reviews and engineering improvement discussions, fostering a culture of shared learning and best practice dissemination.

📝 Enhancement Note: Dole's explicit emphasis on core values is a significant aspect of their culture. Candidates should be prepared to demonstrate how they embody these values in their work and interactions, particularly integrity, collaboration, and a commitment to the company's broader purpose.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing UX Leadership with Hands-on Engineering: Effectively switching between strategic design thinking and detailed code implementation, ensuring both user experience quality and technical robustness.

• Managing Technical Debt in Enterprise Systems: Continuously working to refactor and modernize legacy code while maintaining stability and delivering new features for a large, global corporation.

• Designing for Diverse User Needs & Devices: Creating scalable, adaptive UX patterns that cater to a wide range of user personas and devices across different business functions.

• Navigating Cloud-Native Environments: Ensuring seamless deployment and operation of frontend applications within a cloud-native OpenStack environment, requiring collaboration with platform teams.

• Driving Adoption of New Technologies/Patterns: Introducing and championing best practices in UI development, accessibility, and performance within a large enterprise context.

Learning & Development Opportunities:

• Advanced Frontend Architecture: Deepen expertise in complex state management, micro-frontend architectures, and performance optimization techniques.

• Cloud-Native Development: Gain hands-on experience with containerization, CI/CD pipelines, and microservices architecture within an enterprise cloud setting.

• UX Strategy & Design Systems: Develop advanced skills in designing comprehensive user journeys, interaction models, and contributing to/leading design system initiatives.

• Conversational AI/Agentic Interfaces: Explore and implement cutting-edge technologies for real-time conversational experiences.

• Cross-Functional Business Acumen: Enhance understanding of various business operations (Finance, Supply Chain, etc.) and how technology solutions directly impact them.

• Leadership & Mentorship: Opportunities to mentor junior engineers, lead technical discussions, and contribute to architectural roadmaps.

📝 Enhancement Note: The challenges are typical for a senior role in a large, established company with evolving technology needs. The growth opportunities are substantial, offering paths for deep technical specialization or broader leadership within the innovation and engineering functions.

💡 Interview Preparation

Strategy Questions:

• UX Strategy & Process: "Describe a complex workflow you designed. How did you translate business requirements into interaction models for different user personas? What were the key UX challenges and how did you address them?" (Prepare a case study from your portfolio).

• Frontend Architecture & Scalability: "How would you design the frontend architecture for a global BI platform that needs to be scalable and maintainable across multiple devices? Discuss your approach to state management, API integration, and code modularity." (Think about patterns like micro-frontends, state management libraries, and API gateway strategies).

• Technical Debt & Refactoring: "Tell me about a time you had to refactor a significant piece of legacy frontend code. What was your strategy for minimizing risk and ensuring stability? What metrics did you use to measure success?" (Focus on process, risk mitigation, and measurable outcomes).

• Cloud-Native Deployment & CI/CD: "What are your considerations when deploying a frontend application into a cloud-native environment like OpenStack? How do you ensure production readiness, and what is your experience with CI/CD pipelines for frontend development?" (Highlight understanding of containerization, configuration, observability, and automated testing/deployment).

Company & Culture Questions:

• Values Alignment: "How do you embody Dole's values of integrity, collaboration, and continuous learning in your work? Can you provide an example?" (Research Dole's values and prepare specific anecdotes).

• Purpose-Driven Work: "What does working for a purpose-led organization mean to you? How does that influence your approach to engineering and design?" (Connect your motivations to Dole's mission).

• Team Collaboration: "Describe your ideal collaboration with backend engineers, product managers, and QA. How do you handle disagreements or differing technical opinions?" (Showcase your agile and cross-functional collaboration skills).

Portfolio Presentation Strategy:

• Focus on Impact & Metrics: For each project presented, clearly state the business problem, your specific contributions (UX & Engineering), the solution, and the quantifiable results achieved.

• Tell a Story: Structure your case studies as narratives that highlight your problem-solving process, technical expertise, and user-centric approach.

• Demonstrate Technical Depth: Be prepared to walk through code snippets or architectural diagrams to explain key design decisions, component reusability, and state management strategies.

• Highlight Adaptability: Showcase projects that demonstrate your ability to design for multiple devices and content types, as well as your experience in refactoring or improving existing systems.

• Address Collaboration: Explain how you worked with stakeholders, designers, or other engineers on your projects.

📝 Enhancement Note: The interview process will likely be rigorous, assessing both deep technical skills in frontend development and UX design, as well as your ability to operate within an enterprise, cloud-native environment and align with Dole's specific corporate values and purpose. A strong, well-prepared portfolio is paramount.

📌 Application Steps

To apply for this Senior Engineer – UI and Experience Design position:

• Submit your application through the Dole Packaged Foods careers portal via the provided link.

• Portfolio Customization: Tailor your portfolio to highlight projects demonstrating end-to-end ownership of complex frontend applications, focusing on React.js, UX strategy, and scalable architecture. Emphasize case studies that showcase workflow design, analytics UIs, or conversational interfaces, and clearly articulate the business impact with metrics.

• Resume Optimization: Ensure your resume clearly articulates your 5-8 years of experience, highlighting proficiency in React.js, modern JavaScript, HTML/CSS, API integration, and any experience with cloud-native environments or CI/CD. Use keywords identified in the job description and align your achievements with the primary accountabilities listed.

• Interview Preparation: Practice articulating your experience using the STAR method for behavioral questions and prepare detailed explanations of your technical approach to UI/UX design and frontend architecture. Be ready to present a key project from your portfolio that best represents your capabilities.

• Company Research: Familiarize yourself with Dole Packaged Foods' mission, values, and products. Understand their "purpose-led" approach and how your role contributes to building a "brighter future." Research their commitment to innovation and their global presence.

⚠️ 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.