Digital UI Designer - Commerce Web

📍 Job Overview

Job Title: Digital UI Designer - Commerce Web

Company: Agilent Technologies

Location: Remote (Bay Area, California, United States)

Job Type: FULL_TIME

Category: Digital Design / UI/UX Operations

Date Posted: May 08, 2026

Experience Level: 2-5 Years

Remote Status: Fully Remote

🚀 Role Summary

• Design and develop visually engaging, user-centered interfaces for Agilent's corporate commerce website, focusing on both desktop and mobile experiences.

• Translate approved design concepts into pixel-perfect, production-ready UI assets, ensuring adherence to brand guidelines and the Agilent Design System.

• Collaborate closely with UX designers, product owners, and development teams within an Agile framework to deliver innovative and intuitive e-commerce solutions.

• Contribute to the evolution and documentation of design system components, patterns, and tokens to ensure scalable consistency and maintainability.

• Advocate for UI design best practices, user experience principles, and modern design trends to continuously enhance digital product offerings.

📝 Enhancement Note: While the job title is "Digital UI Designer," the responsibilities heavily involve e-commerce platforms and cross-functional collaboration common in GTM (Go-To-Market) operations. The role requires a strong understanding of user-centered design applied to commercial digital interfaces, bridging the gap between creative design and business objectives. This role is crucial for optimizing the digital customer journey within the e-commerce space.

📈 Primary Responsibilities

• Collaborate with product owners, stakeholders, and UX designers to conceptualize and create user-centered solutions that align with business and technical objectives for the e-commerce platform.

• Transform approved concepts and wireframes into high-fidelity, responsive UI designs, delivering accurate Figma files, detailed style specifications, and necessary assets for development teams.

• Design and iterate on visually appealing and intuitive interfaces for B2B and B2C e-commerce across desktop and mobile platforms, ensuring a seamless user experience.

• Apply, refine, and contribute to the Agilent Design System, ensuring consistent typography, color palettes, branding elements, and imagery usage across all digital touchpoints.

• Develop detailed wireframes, mockups, and interactive prototypes to effectively communicate design ideas, user flows, and design rationale to cross-functional teams and stakeholders.

• Solve complex user experience challenges with clean, intuitive design solutions that directly improve user engagement and conversion rates on Agilent.com.

• Evolve, document, and maintain design system elements such as tokens, components, and reusable patterns to support scalable design consistency and efficiency.

• Act as a champion for UI design best practices, contributing to the digital style guide and promoting a user-centric design culture within the organization.

• Stay abreast of the latest UI design trends, emerging tools, and technologies to ensure Agilent's digital presence remains modern and competitive.

• Actively participate in Agile workflows, including contributing to discovery sessions, sprint planning, user testing, and providing post-launch design support to ensure successful implementation.

📝 Enhancement Note: The responsibilities emphasize a hands-on approach to UI design within a commercial context, requiring not just aesthetic creation but also a deep understanding of user flows, conversion optimization, and system design. This is typical for roles supporting GTM functions where digital interface directly impacts revenue.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Graphic Design, Interaction Design, Human-Computer Interaction, or a related field is often preferred for roles requiring a strong theoretical foundation in design principles.

Experience: Minimum of 1-2 years of professional experience in UI or visual design, specifically for B2B or B2C websites and web applications.

Required Skills:

• Proven experience in UI (User Interface) or visual design for B2B/B2C websites and web applications.

• Strong knowledge of responsive web and mobile design principles, ensuring optimal user experiences across devices.

• Demonstrated ability to deliver pixel-perfect designs with meticulous attention to alignment, typography, spacing, and responsiveness.

• Experience designing specifically for B2B and B2C e-commerce platforms, understanding their unique user flows and conversion drivers.

• Proficiency in Figma for UI design, prototyping, and asset creation; familiarity with Adobe Creative Cloud is also highly valued.

• Understanding of design systems, the principles of reusable components, and common design patterns for scalable and consistent design.

• Basic understanding of web development concepts (HTML, CSS, JavaScript) and their implications for cross-platform design.

• Excellent visual design skills, with a keen eye for aesthetics, hierarchy, and user interaction principles.

• Strong problem-solving abilities, with a capacity to translate complex requirements into simple, intuitive design solutions.

• Effective communication and collaboration skills, essential for working within cross-functional teams and presenting design concepts.

Preferred Skills:

• Experience using presentation tools like Keynote, FigJam, or Miro for ideation, collaboration, and design presentations.

• Knowledge of accessibility standards and guidelines (e.g., WCAG) to ensure inclusive design.

• Experience working within Agile/Scrum methodologies and familiar with project management tools like JIRA.

• Ability to create user journey maps, facilitate brainstorming sessions, and generate strategic design ideas that drive business value.

• Understanding of web optimization techniques and cross-browser compatibility considerations.

📝 Enhancement Note: The "1+ years" requirement suggests this role is suitable for early-to-mid career designers. The emphasis on B2B/B2C commerce, Figma, and design systems indicates a need for practical, industry-relevant skills. The preferred qualifications point towards candidates who can integrate quickly into a collaborative, agile environment and contribute strategically.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A curated portfolio showcasing at least 3-5 distinct UI design projects, with a strong emphasis on web applications and e-commerce platforms.

• Projects should demonstrate expertise in creating responsive designs for both desktop and mobile interfaces.

• Include case studies that clearly articulate the problem, your design process, the solutions implemented, and measurable outcomes or user impact.

• Showcase your proficiency with Figma, including examples of component creation, prototyping, and design system application.

Process Documentation:

• For each portfolio project, provide a brief overview of the design process followed, from discovery and ideation through to final implementation and iteration.

• Highlight instances where you collaborated with UX designers, product managers, or developers, illustrating your teamwork and communication skills.

• Demonstrate your understanding of user-centered design principles and how they were integrated into your workflow.

• Include examples of how you leveraged or contributed to design systems, emphasizing consistency and scalability.

• Showcase your ability to create clear and well-annotated wireframes, mockups, and prototypes.

📝 Enhancement Note: For a UI Designer role, especially one focused on commerce, the portfolio is critical. It's expected to demonstrate not just aesthetic talent but also a systematic approach to problem-solving, understanding of user journeys, and the ability to translate business requirements into functional, visually appealing interfaces. The emphasis on Figma and design systems suggests a need for practical, scalable design outputs.

💵 Compensation & Benefits

Salary Range: $76,080 - $142,650 per year.

Explanation: This range is provided by the company and is based on the role, experience level, and location. The specific salary offered will depend on factors such as the candidate's work location (within the US), skills, experience, and relevant education.

Benefits:

• Eligibility for annual bonus programs.

• Stock options or grants, providing an opportunity for long-term equity participation.

• Comprehensive benefits package, which typically includes health insurance (medical, dental, vision), retirement savings plans (e.g., 401k), paid time off (PTO), and potentially other perks like wellness programs or tuition reimbursement.

Working Hours: Full-time, 40 hours per week. The role operates on a US East Coast time schedule (Monday-Thursday) for team collaboration and project workflows.

📝 Enhancement Note: The salary range provided is well within industry standards for a UI Designer with 1-3 years of experience in a high-cost-of-living area like the Bay Area, even for a remote role. The inclusion of bonus and stock options indicates a performance-driven culture and an opportunity for significant total compensation. The specific working hours (Mon-Thurs, East Coast time) are a notable detail requiring alignment from candidates based in other time zones.

🎯 Team & Company Context

🏢 Company Culture

Industry: Biotechnology, Life Sciences, Diagnostics, and Medical Devices. Agilent Technologies is a global leader in providing essential tools and services to scientists and researchers.

Company Size: Large enterprise (indicated by the extensive career site and global presence). This means established processes, potentially more structured career paths, and a wide array of resources.

Founded: 1999 (spun off from Hewlett-Packard). This history suggests a blend of established corporate practices with a forward-thinking approach, stemming from its HP heritage.

Team Structure:

• This role is part of a digital design team, likely situated within a broader marketing or digital transformation department.

• The UI Designer will report to a Design Lead or Manager and collaborate closely with UX Designers, Product Owners, Content Strategists, and Web Developers.

Methodology:

• The team operates within Agile workflows, implying iterative development, frequent feedback loops, and adaptability.

• Design processes will involve user research, ideation, wireframing, prototyping, user testing, and continuous improvement based on data and feedback.

• Emphasis on data-driven design decisions, utilizing analytics and user feedback to inform UI/UX improvements and drive commercial outcomes.

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

📝 Enhancement Note: Agilent's position as a scientific instrumentation and services company implies a B2B focus with a need for sophisticated, reliable, and user-friendly digital interfaces that support complex scientific workflows and commercial transactions. The culture likely values precision, innovation, and scientific rigor.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-level UI Designer. It requires independent contribution and the ability to execute designs based on established guidelines, with opportunities to influence design system evolution.

Reporting Structure: The UI Designer will likely report to a Design Manager or Lead within the digital team, working closely with UX designers and development teams on specific commerce web projects.

Operations Impact: The UI Designer's work directly impacts the user experience of Agilent's e-commerce platform, influencing customer engagement, conversion rates, and overall satisfaction. Optimizing the digital commerce interface is crucial for driving revenue growth and supporting the sales funnel.

Growth Opportunities:

• Skill Specialization: Deepen expertise in UI design for e-commerce, responsive design, and design systems. Opportunity to become a subject matter expert in specific product lines or user segments.

• Design System Leadership: Progress to a role where one leads the development, maintenance, and strategic direction of the Agilent Design System, potentially mentoring junior designers.

• UX Design Transition: With demonstrated success and further development in user research and strategy, there's potential to transition into a more comprehensive UX Design role.

• Cross-functional Influence: Gain experience working with broader Go-To-Market (GTM) and product teams, understanding business strategy and user needs at a deeper level, potentially leading to roles in product strategy or digital experience management.

• Team Leadership: With significant experience and proven leadership, opportunities may arise to lead design projects or mentor junior designers.

📝 Enhancement Note: The growth path for a UI Designer at a company like Agilent often involves specializing in key areas like e-commerce or design systems, or broadening responsibilities into full UX or team leadership. The "Commerce Web" focus suggests a strong link to revenue-generating activities, making contributions highly visible.

🌐 Work Environment

Office Type: Fully Remote. This offers flexibility and the ability to work from any approved location within the specified region (Bay Area, California).

Office Location(s): While the role is remote, the designation "Bay Area, California" suggests potential for occasional team meetups or company events in that region, or that the hiring pool is primarily focused there.

Workspace Context:

• Collaborative Environment: Despite being remote, the role emphasizes close collaboration with UX designers, product owners, and developers. This will likely involve frequent video calls, digital whiteboarding sessions (Miro, FigJam), and active participation in team meetings.

• Tools and Technology: Access to industry-standard design tools like Figma and potentially Adobe Creative Cloud will be provided or expected. Collaboration tools like JIRA, Slack, and video conferencing software are essential.

• Team Interaction: Opportunities for interaction will be primarily through digital channels. The specified working hours (Mon-Thurs, East Coast time) are designed to facilitate synchronous collaboration with the core team.

Work Schedule: The role requires a full-time commitment of 40 hours per week. The specific schedule of Monday-Thursday, aligned with US East Coast time, is a key aspect of team integration and workflow management. This may require flexibility for candidates in different time zones.

📝 Enhancement Note: The fully remote nature of the role, combined with the specific working hours, necessitates strong self-discipline and asynchronous communication skills, alongside the ability to engage effectively in synchronous collaboration during core team hours.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter will likely conduct an initial phone screen to assess basic qualifications, experience, and cultural fit.

• Portfolio Review: Candidates will be asked to present their portfolio, focusing on relevant e-commerce and web design projects. Expect to walk through your design process, rationale, and outcomes for key pieces.

• Design Challenge/Case Study: A practical exercise may be given, either as a take-home assignment or a live problem-solving session. This could involve critiquing an existing design, proposing improvements, or solving a specific UI challenge related to commerce.

• Team Interviews: Interviews with the hiring manager, UX designers, and potentially development team members to assess technical skills, collaboration style, and alignment with team methodologies (e.g., Agile).

• Final Interview: Potentially a discussion with senior leadership or a key stakeholder to finalize the decision.

Portfolio Review Tips:

• Curate Strategically: Select projects that best showcase your experience with B2B/B2C e-commerce, responsive design, and Figma. Highlight projects with clear business objectives and measurable results.

• Tell a Story: For each project, clearly articulate the problem statement, your role, the design process, key decisions, challenges, and the final outcome. Quantify impact where possible (e.g., "improved conversion by X%," "reduced user errors by Y%").

• Showcase Figma Proficiency: Be prepared to demonstrate your Figma skills, including component libraries, auto-layout, prototyping features, and how you manage design system elements.

• Highlight Collaboration: Discuss how you worked with UX designers, product managers, and developers. Emphasize your ability to receive and incorporate feedback.

• Prepare for Questions: Anticipate questions about your design choices, problem-solving approach, understanding of user needs, and how you stay updated on design trends.

Challenge Preparation:

• Understand the Context: If given a take-home challenge, thoroughly read and understand the brief. Clarify any ambiguities early on.

• Focus on Process: Demonstrate your design process, not just the final visual output. Explain your thinking, research methods, and how you arrived at your solution.

• Consider Business Goals: Relate your solutions back to business objectives, such as increasing conversion rates, improving user engagement, or enhancing brand perception.

• Be Realistic: Propose solutions that are feasible within typical web development constraints and timelines, especially if you have some understanding of web technologies.

📝 Enhancement Note: The interview process is likely to be rigorous, with a strong emphasis on practical design skills, problem-solving abilities, and the ability to articulate design decisions. A well-prepared portfolio is paramount, and candidates should be ready to discuss their contributions and the impact of their work.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core UI design and prototyping tool. Proficiency is essential, including advanced features like auto-layout, component variants, prototyping, and collaboration.

• Adobe Creative Cloud (Preferred): Familiarity with Photoshop, Illustrator, or other Adobe suite tools may be beneficial for asset creation or specific design tasks.

Analytics & Reporting:

• Web Analytics Tools (e.g., Google Analytics, Adobe Analytics): Understanding how to interpret data from these tools to inform design decisions and measure impact is highly valuable.

• Data Visualization Tools (e.g., Tableau, Power BI): While not directly a design tool, familiarity with how data is presented can help in designing effective dashboards and reports.

CRM & Automation:

• CRM Systems (e.g., Salesforce, HubSpot): Understanding the role of CRM in customer journeys and sales processes can provide valuable context for designing e-commerce interfaces.

• Marketing Automation Platforms: Awareness of how marketing automation influences customer touchpoints can inform design strategies.

• Project Management & Collaboration Tools:

  • JIRA: Commonly used in Agile environments for tracking tasks, sprints, and bugs.
  • Confluence: For documentation and knowledge sharing.
  • Miro / FigJam: For virtual whiteboarding, ideation, and collaborative sessions.
  • Keynote / Google Slides: For presentations and design rationale articulation.

📝 Enhancement Note: The explicit mention of Figma and preferred Adobe Creative Cloud skills highlights the primary technical requirements. The inclusion of Agile tools like JIRA and collaboration platforms like Miro/FigJam points to a modern, digitally-enabled, and collaborative work environment.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A strong focus on understanding and meeting user needs to create intuitive and effective digital experiences, especially within the commerce context.

• Innovation & Creativity: Encouraging novel solutions and modern design approaches to solve business challenges and enhance user engagement.

• Collaboration & Teamwork: Valuing open communication, constructive feedback, and shared problem-solving across disciplines to achieve common goals.

• Data-Driven Decision Making: Using analytics, user feedback, and performance metrics to inform design choices and measure success.

• Efficiency & Scalability: Striving for designs that are not only effective but also efficient to implement and maintain, leveraging design systems for consistency.

Collaboration Style:

• Cross-functional Integration: The role requires seamless collaboration with UX designers, product managers, marketing teams, and developers, ensuring design efforts are aligned with broader business and product strategies.

• Iterative Feedback: A culture where feedback is regularly sought, given constructively, and incorporated into design iterations to refine solutions.

• Knowledge Sharing: Encouraging the sharing of design insights, best practices, and learnings across the team and with other departments.

• Agile Mindset: Embracing flexibility, adaptability, and a proactive approach to problem-solving within a fast-paced development cycle.

📝 Enhancement Note: Agilent's culture likely blends scientific precision with a drive for innovation. For this role, expect a culture that values analytical thinking, data-informed design, and a collaborative spirit to create impactful digital commerce experiences.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Business & User Needs: Effectively translating complex business objectives (e.g., driving sales, increasing conversion) with user needs and usability best practices within the e-commerce platform.

• Maintaining Design System Integrity: Ensuring consistent application of the Agilent Design System across a growing and evolving website, while also contributing to its expansion and refinement.

• Remote Collaboration Effectiveness: Maximizing productivity and maintaining strong working relationships with distributed team members through effective digital communication and collaboration tools.

• Keeping Pace with E-commerce Trends: Continuously adapting designs to evolving e-commerce best practices, user expectations, and technological advancements.

Learning & Development Opportunities:

• Advanced UI/UX Specialization: Opportunities to deepen expertise in specific areas like conversion rate optimization (CRO), mobile commerce design, or advanced prototyping techniques.

• Design System Leadership Training: Potential to develop skills in managing and strategizing for design systems, including mentorship opportunities.

• Industry Conferences & Webinars: Access to attend relevant design and e-commerce conferences (virtual or in-person) to stay updated on industry trends and network with peers.

• Cross-functional Exposure: Gain deeper insights into marketing, sales, and product development processes, broadening understanding of the broader GTM strategy.

• Mentorship Programs: Potential to be mentored by senior designers or leaders within Agilent, or to mentor junior team members as experience grows.

📝 Enhancement Note: The challenges are typical for a designer in a large, evolving e-commerce environment. The growth opportunities are substantial, offering clear paths for specialization, leadership, and broader business acumen development.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for designing a responsive e-commerce product page. What key elements would you prioritize and why?" (Focus on user journey, conversion elements, and responsiveness).

• "How do you balance business requirements with user needs when designing a new feature for a commercial website?" (Highlight your approach to stakeholder management and user advocacy).

• "Walk me through a challenging UI design problem you solved. What was the problem, your approach, and the outcome?" (Prepare a specific case study from your portfolio that demonstrates problem-solving skills).

Company & Culture Questions:

• "What do you know about Agilent Technologies and its role in the life sciences industry?" (Research Agilent's mission, products, and target audience).

• "How do you see your design skills contributing to Agilent's e-commerce goals?" (Connect your UI/UX expertise to business objectives like sales, engagement, and customer satisfaction).

• "Describe your experience working in an Agile development environment. What are the key aspects of Agile that you find most effective for design?" (Showcase familiarity with Agile principles and practices).

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly outline the "Problem," "My Role," "Solution," and "Results." Use visuals effectively to support your story.

• Focus on Impact: Quantify your contributions whenever possible. Highlight how your designs solved problems, improved metrics, or met business objectives.

• Demonstrate Figma Mastery: Be prepared to share your Figma files or screen recordings to showcase your workflow, component usage, and prototyping capabilities.

• Explain Your Rationale: Be ready to defend your design decisions, explaining the "why" behind your choices, referencing user research, best practices, or business goals.

• Be Prepared for Q&A: Anticipate questions about your process, challenges, and specific design choices. Answer thoughtfully and concisely.

📝 Enhancement Note: Interview preparation should focus on demonstrating a strong understanding of e-commerce UI/UX principles, proficiency with Figma and design systems, and the ability to articulate design decisions and their impact on business outcomes. The specific working hours requirement should also be addressed proactively.

📌 Application Steps

To apply for this Digital UI Designer position:

• Submit Your Application: Utilize the provided link to submit your resume and any requested preliminary information through Agilent's Workday portal.

• Curate Your Portfolio: Select your strongest 3-5 UI design projects, prioritizing those involving B2B/B2C e-commerce, responsive web design, and Figma. Ensure each project clearly outlines the problem, your process, your role, and the quantifiable results or impact.

• Optimize Your Resume: Tailor your resume to highlight keywords and responsibilities mentioned in the job description, such as "UI Design," "Figma," "Responsive Design," "E-commerce," "Design Systems," and "Agile." Quantify achievements where possible.

• Practice Your Portfolio Presentation: Rehearse walking through your portfolio projects, focusing on clear storytelling, articulating your design rationale, and demonstrating your Figma proficiency. Be ready to discuss your collaboration process and how you address challenges.

• Research Agilent Technologies: Understand Agilent's business, its products, target markets, and its commitment to innovation. Familiarize yourself with their current website and any known digital initiatives to better align your responses 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.