UX/UI Designer - Web

📍 Job Overview

Job Title: UX/UI Designer - Web

Company: Herbalife

Location: Los Angeles, California, United States

Job Type: Full-Time

Category: Product Design / UX/UI

Date Posted: March 04, 2026

Experience Level: 5-10 Years

🚀 Role Summary

• This role focuses on shaping the user experience and interface design for Herbalife's new digital product initiative, Pro2col, specifically for web-based platforms.

• You will be instrumental in defining the design language, interaction patterns, and a scalable component system for a greenfield digital platform.

• Responsibilities include end-to-end design ownership of the web experience, from initial user flows and concepts to production-ready interfaces, ensuring intuition, accessibility, and visual cohesion.

• The position emphasizes rapid prototyping as a core design discipline using Figma to validate concepts and reduce engineering risk, rather than just producing deliverables.

📝 Enhancement Note: While the raw input lists this as a UX/UI Designer role, the description strongly indicates a Product Design focus with significant emphasis on building a foundational design system and owning the web experience from inception. The "Pro2col" initiative and "greenfield" nature suggest a strategic, foundational role rather than maintenance or iteration on an existing system. This is a senior-level position requiring significant autonomy and strategic input.

📈 Primary Responsibilities

• Lead the end-to-end UX and UI design for the Pro2col web platform, encompassing user flows, wireframes, and high-fidelity visual designs.

• Translate complex product requirements and insights from user research into intuitive, elegant, and visually consistent interface designs.

• Design responsive, mobile-first web experiences that offer a seamless and engaging user journey across diverse devices and screen sizes.

• Maintain ownership of the visual quality, interaction detail, and accessibility (adhering to WCAG standards) of all web interface elements.

• Develop rapid, interactive Figma prototypes to validate user flows, content strategy, and edge cases early in the design process, facilitating stakeholder alignment and reducing engineering ambiguity.

• Create design-system-aligned, componentized prototypes with clear annotations and acceptance criteria to ensure predictable and accurate engineering delivery.

• Establish, evolve, and champion a comprehensive design system and component library for the web platform, defining standards for typography, color, spacing, iconography, and interaction states.

• Collaborate closely with the mobile designer to ensure a cohesive and unified design language and user experience across both web and mobile touchpoints.

• Partner effectively with engineers to ensure design intent is accurately translated into functional, high-quality implementations, providing clear specifications and support.

• Work collaboratively with product management to frame and solve experience problems, moving beyond simply responding to feature requests and focusing on user needs and business objectives.

• Actively participate in usability testing, design reviews, and team critique sessions, fostering a culture of continuous improvement and shared learning.

• Clearly articulate design decisions, trade-offs, and rationale to a diverse audience of technical and non-technical stakeholders.

📝 Enhancement Note: The emphasis on "building from the ground up," "defining the design language," and "establishing the design system" signifies a strategic, foundational role. The responsibility extends beyond typical UI design to encompassing the creation and governance of design assets and patterns for a new digital initiative.

🎓 Skills & Qualifications

Education:

• Bachelor's degree in Computer Science, Human-Computer Interaction (HCI), Design, or a related field that combines technical and design principles.

• Exceptional portfolios demonstrating learning-driven experience engineering and a strong grasp of design principles may be considered as a substitute for formal education.

• Preferred: Master's degree in HCI, Interaction Design, Computer Science, or a related field, with a portfolio showcasing excellence in both code quality and user experience.

• Certifications: Front-end development certifications, UX certifications, and Web Accessibility certifications (e.g., IAAP) are considered valuable.

Experience:

• A minimum of 5 years of dedicated UX/UI design experience, with a robust portfolio that clearly demonstrates both strong UX thinking and exceptional visual craft.

• Proven experience in building, maintaining, and scaling design systems and component libraries for digital products.

• Extensive experience designing responsive, accessible web interfaces that meet or exceed WCAG standards.

Required Skills:

• Expert proficiency in Figma, including advanced capabilities in component-based design, auto-layout, interactive prototyping, and comprehensive design system management.

• Deep understanding and practical application of interaction design principles, information architecture, and user-centered design methodologies.

• Proven ability to translate user needs and business requirements into elegant, functional, and visually appealing web interfaces.

• Strong grasp of responsive and mobile-first design principles for optimal user experience across all device types.

• Expertise in designing for accessibility (WCAG standards) and ensuring inclusive digital products.

• Experience collaborating closely with engineering teams to ensure accurate and efficient design implementation.

Preferred Skills:

• Prior experience as part of a founding team or on a greenfield product initiative, understanding the unique challenges and opportunities.

• Familiarity with front-end development constraints and technologies (HTML, CSS, JavaScript) – while not required to code, an understanding of technical feasibility and complexity is a significant asset.

• Experience with motion design or micro-interaction design to enhance user engagement and feedback.

• Background in consumer digital products, particularly within the health and wellness or e-commerce sectors.

• Exposure to and practical experience with UX research methods and usability testing facilitation.

📝 Enhancement Note: The education requirements highlight a blend of design and technical acumen, with a strong preference for candidates who can demonstrate both through their portfolio. The "exceptional portfolios" clause suggests that practical experience and demonstrable skills can outweigh formal degrees. The explicit mention of WCAG standards emphasizes the importance of accessibility.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least 2-3 comprehensive case studies demonstrating end-to-end UX/UI design process for complex web projects.

• Clearly articulate your role and contributions within each case study, especially highlighting your involvement in foundational design system elements and web experience ownership.

• Include examples of user flows, wireframes, high-fidelity mockups, and interactive prototypes that illustrate problem-solving and design decision-making.

• Provide evidence of your experience in building or significantly contributing to a design system, including examples of components, patterns, and style guides.

• Demonstrate proficiency in Figma, showcasing its advanced features like component creation, auto-layout, prototyping, and design system management capabilities.

Process Documentation:

• Within case studies, detail your methodology for translating ambiguous briefs into clear design requirements and solutions.

• Illustrate your process for rapid prototyping, explaining how prototypes were used for validation, risk mitigation, and stakeholder alignment.

• Document your approach to establishing and evolving design systems, including how you defined patterns, managed components, and ensured cross-platform coherence.

• Show examples of how you collaborated with engineers and product managers, detailing communication strategies and problem-framing approaches.

• Include documentation of how you approached responsive and mobile-first design strategies for the web.

📝 Enhancement Note: The emphasis on "building and maintaining the design system" and "prototyping to validate" means the portfolio should not just be a collection of final screens, but a testament to the candidate's process, system-thinking, and ability to create scalable design foundations. Case studies should explicitly address how their work reduced engineering risk and ensured scalability.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Comprehensive Health Programs: Medical, Dental, Vision insurance plans.

• Financial Wellness: Health Savings Account (HSA), Flexible Spending Accounts (FSA), 401(k) plan, Employee Stock Purchase Plan (ESPP).

• Insurance: Basic Life/AD&D, Supplemental Life, Critical Illness, Hospitalization, Accident Insurance, Short-Term and Long-Term Disability.

• Work-Life Balance & Support: Paid Time Off (including Vacation, Sick Time, Floating Holidays, Company-observed U.S. Holidays), Paid Maternity and Paternity Leave, Bereavement Leave, Personal Leave, Volunteer Program, Employee Assistance Program (EAP), Pet Insurance.

• Wellness & Development: Wellness Incentive Program.

• Additional Perks: Time off for voting.

Working Hours:

• Standard full-time position, estimated at 40 hours per week. The role is described as Hybrid, suggesting a balance between remote work and in-office collaboration, likely requiring presence at the Los Angeles office for team meetings and design system development sessions.

📝 Enhancement Note: The salary range is an estimate based on typical compensation for senior-level UX/UI designers in the Los Angeles area with the specified experience and skills relevant to design systems and greenfield projects. The provided benefits list is extensive and competitive, covering health, financial, and work-life balance aspects. The "Hybrid" work arrangement implies flexibility but also a need for in-person collaboration.

🎯 Team & Company Context

🏢 Company Culture

Industry: Herbalife operates in the Health and Wellness sector, focusing on nutritional supplements, weight management, and personal care products. This context suggests a focus on consumer-facing digital products that promote healthy lifestyles and facilitate e-commerce transactions.

Company Size: Herbalife is a large, established global corporation. This implies a structured environment with access to significant resources, but also potential for navigating corporate processes.

Founded: Founded in 1980, Herbalife has a long history in its industry. The "Pro2col" initiative represents a forward-looking effort to modernize its digital presence, indicating a company that values evolution alongside its established brand.

Team Structure:

• The "Pro2col" initiative represents a new, dedicated digital product team within Herbalife.

• This team is described as a "founding team of designers," suggesting a lean, agile, and highly collaborative unit focused on building a new platform from scratch.

• The UX/UI Designer will work in close partnership with Product Managers and Engineers, as well as a dedicated Mobile Designer, indicating cross-functional collaboration is central to the team's operation.

Methodology:

• The team is focused on a "design-first" approach, emphasizing user experience and interface design as core drivers of the new platform.

• A strong emphasis is placed on using Figma for design system management and rapid prototyping to validate concepts and reduce engineering risk.

• Collaboration is key, with frequent design reviews, critiques, and direct partnerships across disciplines.

• The approach is iterative, with a focus on building a scalable component system that can evolve with the platform's growth.

Company Website: https://www.herbalife.com/

📝 Enhancement Note: The "Pro2col" initiative is positioned as a startup-like environment within a large corporation. This offers the best of both worlds: the resources and stability of a major company, combined with the agility and innovation potential of a new product team. The culture likely values innovation, user-centricity, and cross-functional teamwork.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Senior UX/UI Designer, part of the "founding team" for a new digital product. It entails significant autonomy, strategic input into the platform's foundation, and ownership of the web experience. This is not an entry-level or mid-level role but one requiring seasoned expertise.

Reporting Structure: The designer will report within the Pro2col digital product initiative, likely to a Product Lead or Design Manager. They will work in close partnership with Product Managers, Engineers, and a Mobile Designer, indicating a highly collaborative and integrated reporting dynamic within the project team.

Operations Impact: The impact of this role is substantial. By defining the core design language, interaction patterns, and component system for the Pro2col platform, the designer will directly influence how millions of consumers engage with Herbalife's brand online. Successful design will drive user adoption, satisfaction, and ultimately, business outcomes through a modern, intuitive, and accessible digital experience. This role contributes to the strategic modernization of Herbalife's digital footprint.

Growth Opportunities:

• Design Leadership: As a foundational team member, there's potential to grow into a Design Lead role for the Pro2col initiative, guiding future design hires and shaping the long-term design strategy.

• Design System Specialization: Opportunity to become a subject matter expert in design systems, potentially leading its evolution and adoption across other Herbalife digital products.

• Product Strategy Influence: Deep involvement in defining product features and user journeys, offering a path towards product strategy and ownership.

• Cross-Disciplinary Skill Development: Collaboration with engineers and product managers provides exposure to broader product development cycles and technical considerations.

• Industry Exposure: Experience in health and wellness, e-commerce, and building a platform from scratch offers valuable industry-specific knowledge.

📝 Enhancement Note: This role offers significant growth potential beyond traditional UX/UI, leaning into product strategy and design system leadership due to its greenfield nature. The opportunity to build something from the ground up is a key differentiator for career progression.

🌐 Work Environment

Office Type: The role is advertised as "Hybrid," indicating a blended work environment. This typically means a combination of remote work and in-office days. The specific balance will likely be defined by team needs and management.

Office Location(s): The primary office location is 800 W. Olympic Blvd, Los Angeles, CA 90015. This is a modern, central location in Los Angeles, offering access to amenities and public transportation.

Workspace Context:

• Collaborative Environment: The emphasis on a "founding team" and close partnerships with PMs and engineers suggests a highly collaborative workspace, whether in-person or through virtual collaboration tools.

• Tools & Technology: Access to industry-standard design tools, particularly Figma, will be paramount. The environment will likely support modern digital product development workflows.

• Team Interaction: Expect frequent brainstorming sessions, design critiques, and cross-functional meetings to ensure alignment and drive progress on the Pro2col platform.

Work Schedule: A standard full-time work schedule (approx. 40 hours per week) is expected. The hybrid nature likely offers some flexibility in daily scheduling, but core hours for team collaboration will be essential.

📝 Enhancement Note: The hybrid arrangement in a major metropolitan office like Los Angeles suggests a professional and well-equipped workspace. The collaborative emphasis implies an environment where team members are expected to engage actively in discussions and problem-solving.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio by a recruiter or hiring manager to assess basic qualifications and fit.

• Portfolio Presentation & Deep Dive: A session where you present 1-2 key case studies from your portfolio, focusing on your process, design decisions, and impact. Expect detailed questions about your Figma proficiency, design system experience, and approach to prototyping and accessibility.

• Technical/Skills Assessment: Potentially a design exercise or a discussion focused on a specific design challenge relevant to the Pro2col platform, evaluating your problem-solving skills and design thinking.

• Cross-Functional Interviews: Meetings with Product Managers and Engineers to assess collaboration style, communication skills, and understanding of technical constraints.

• Hiring Manager/Team Lead Interview: A final discussion to evaluate overall fit, cultural alignment, and alignment with the strategic vision for Pro2col.

Portfolio Review Tips:

• Storytelling: Structure your case studies as narratives – problem, your approach, solution, and outcome/impact. Clearly articulate the "why" behind your design decisions.

• Figma Showcase: Dedicate a section or highlight within your case studies to demonstrate your Figma mastery – custom components, auto-layout, complex prototyping, and design system implementation.

• Design System Focus: Given the role's emphasis, explicitly showcase your experience in creating, managing, or contributing to design systems. Detail your process for defining patterns and components.

• Prototyping for Validation: Explain how your prototypes were used to test assumptions, gather feedback, and reduce engineering risk, not just to present a polished UI.

• Accessibility Integration: Show concrete examples of how you integrated accessibility considerations (WCAG) into your design process and final deliverables.

• Conciseness and Clarity: Ensure your portfolio is well-organized, easy to navigate, and highlights your most relevant work for this specific role.

Challenge Preparation:

• Anticipate Design Challenges: Be prepared for exercises that might involve defining user flows for a new feature, designing a component within a given system, or outlining the steps to create a new interaction pattern.

• Problem Framing: Practice how you would approach an ambiguous brief. Focus on asking clarifying questions, identifying user needs, and defining success metrics before jumping into solutions.

• Design System Thinking: If presented with a scenario, think about how your proposed solution would integrate with or extend an existing design system.

• Communication: Prepare to articulate your thought process clearly and concisely, justifying your design choices and considering trade-offs.

📝 Enhancement Note: The interview process will heavily scrutinize your portfolio, particularly your experience with Figma, design systems, and your ability to drive product strategy through design. Be ready to defend your design decisions and demonstrate a deep understanding of the user-centered design process.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Expert proficiency is a mandatory requirement. This includes advanced features like component-based design, auto-layout, interactive prototyping, collaboration tools, and design system management capabilities.

• Sketch / Adobe XD: Comfort with these as supplementary tools is a plus, indicating flexibility and broad industry tool familiarity.

Analytics & Reporting:

CRM & Automation:

• Not directly relevant to the core design function, but awareness of how design impacts CRM and sales/marketing automation workflows could be a plus, especially in an e-commerce context.

📝 Enhancement Note: Figma is the central tool for this role. Demonstrating advanced proficiency and a deep understanding of its capabilities, especially concerning design systems and prototyping, is critical. Awareness of analytics tools is beneficial for understanding user behavior data.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A core value, driving all design decisions to meet user needs and provide intuitive experiences.

• Innovation & Agility: As part of a new initiative, there's an expectation for creative problem-solving and the ability to adapt quickly to new information and requirements.

• Collaboration: Strong emphasis on working effectively with cross-functional teams (Product, Engineering) to achieve shared goals.

• Quality & Craftsmanship: A commitment to high-quality visual design, interaction detail, and accessible user interfaces.

• Scalability & Future-Proofing: Building a design system and platform that can grow and adapt over time.

Collaboration Style:

• Partnership: Fostering strong working relationships with Product Managers to define problems and Engineers to ensure accurate implementation.

• Constructive Critique: Engaging in open and honest design reviews and critiques to elevate the quality of work.

• Transparent Communication: Clearly articulating design decisions, rationale, and trade-offs to ensure alignment across the team.

• Cross-Functional Integration: Working seamlessly with the mobile designer to maintain a unified brand and user experience.

📝 Enhancement Note: The culture is likely a blend of startup agility within a corporate structure. Expect a fast-paced environment that values proactive contributions, strong collaboration, and a dedication to building a high-quality, user-focused digital product.

⚡ Challenges & Growth Opportunities

Challenges:

• Building from Scratch: Establishing a design system, interaction patterns, and visual language for a new platform from the ground up can be demanding, requiring significant strategic thinking and foresight.

• Ambiguity: Working with "ambiguous briefs" means needing to define problems and solutions independently, requiring strong self-direction and problem-solving skills.

• Cross-Platform Cohesion: Ensuring design consistency and a unified experience between the web and mobile platforms, especially when working with a separate mobile designer.

• Balancing Innovation with Corporate Structure: Navigating the needs of a new digital initiative within the context of a large, established corporation like Herbalife.

• Technical Constraints: Designing within the realities of front-end development, requiring an understanding of what's technically feasible and efficient.

Learning & Development Opportunities:

• Design System Leadership: Opportunity to lead the growth and evolution of a critical design asset.

• Product Strategy Influence: Gaining deep insights into product development and influencing strategic direction.

• Greenfield Project Experience: Valuable experience in building digital products from inception, highly sought after in the industry.

• Cross-Disciplinary Learning: Enhanced understanding of engineering, product management, and business strategy through close collaboration.

• Industry Specialization: Gaining expertise in the health and wellness or e-commerce sectors.

📝 Enhancement Note: The challenges presented are directly tied to the unique nature of a greenfield project. Successfully navigating these will lead to significant professional growth and the development of highly marketable skills in design system leadership and product strategy.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for establishing a design system for a new digital product. What were the key considerations, and how did you ensure scalability?"

• "How do you approach designing for ambiguity? Can you walk us through an example where you had to define the problem before designing the solution?"

• "Explain your philosophy on prototyping. How do you use prototypes to validate design decisions and reduce engineering risk?"

• "How do you ensure accessibility (WCAG) is integrated into your design process from the outset, not as an afterthought?"

Company & Culture Questions:

• "What interests you about Herbalife and the Pro2col initiative specifically?"

• "How do you see your role contributing to the modernization of Herbalife's digital brand?"

• "Describe your ideal collaborative environment when working on a new product team."

Portfolio Presentation Strategy:

• Select Relevant Case Studies: Choose projects that best showcase your experience with design systems, Figma, responsive web design, and complex problem-solving.

• Highlight Your Process: For each case study, clearly explain your methodology, decision-making, and the tools you used (especially Figma).

• Quantify Impact: Whenever possible, use metrics to demonstrate the success of your designs (e.g., improved user engagement, reduced error rates, increased conversion).

• Emphasize Design System Contributions: Clearly articulate your role in creating or evolving design systems, showing examples of components, patterns, and style guides.

• Interactive Prototype Demonstration: Be prepared to walk through a live Figma prototype, explaining the interactions and user flows.

• Accessibility in Action: Showcase how accessibility was addressed in your designs with specific examples.

📝 Enhancement Note: Be prepared to discuss your Figma expertise in detail, as it's a core requirement. Questions will likely probe your ability to think strategically about design systems and user experience from a foundational level.

📌 Application Steps

To apply for this UX/UI Designer position:

• Submit your application through the provided application link on the Herbalife careers portal.

• Portfolio Customization: Ensure your portfolio is tailored to highlight your expertise in Figma, design system development, responsive web design, and your approach to solving complex UX challenges. Prioritize case studies that demonstrate end-to-end ownership and foundational design work.

• Resume Optimization: Update your resume to clearly articulate your 5+ years of experience, focusing on keywords like "UX/UI Designer," "Figma," "Design System," "Responsive Design," "Accessibility," and "Greenfield Product." Quantify your achievements where possible.

• Interview Preparation: Practice presenting your portfolio case studies, focusing on storytelling, process, and impact. Prepare to answer strategy-based questions related to design systems and user-centered design.

• Company Research: Familiarize yourself with Herbalife's brand, its current digital presence (if any), and the health and wellness industry. Understand the strategic importance of the Pro2col initiative for the company.

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