Director, Product Design

Shift4 Payments

Full Time

Tampa, Florida, United StatesPosted 2 days ago

Resume Keywords to Include

Make sure these keywords appear in your resume to improve ATS scoring

HTMLCSSReactVueTailwindFigma

Job Description

<div class="content-intro"><h2 class="iCIMS_InfoMsg iCIMS_InfoField_Job">Overview</h2> <div class="iCIMS_InfoMsg iCIMS_InfoMsg_Job"> <div class="iCIMS_Expandable_Container"> <div class="iCIMS_Expandable_Text"> Shift4 (NYSE: FOUR) is boldly redefining commerce by simplifying complex payments ecosystems across the world. As the leader in commerce-enabling technology, Shift4 powers billions of transactions annually for hundreds of thousands of businesses in virtually every industry. For more information, visit <a href="http://www.shift4.com/" target="_blank">www.shift4.com</a>. </div> </div> </div></div><h3>Summary</h3> As a Product Design Director at Shift4, you will be the cornerstone of design innovation and collaboration, reporting directly to the VP, Product Design. You will lead the Shift4 Dine design strategy through complexity and ambiguity, crafting AI‑native user experiences that exemplify impact, consistency, simplicity, and elegance across platforms and systems. You will own the end‑to‑end design vision for Shift4 Dine and drive key initiatives across Web and Android, ensuring a cohesive, modern experience that thoughtfully incorporates AI into critical workflows.  The ideal candidate has a background as a traditional UI designer (pixel‑perfect visuals, deep Figma expertise, strong interaction design) and has layered on AI‑native thinking, front‑end fluency, and a pragmatic understanding of how AI is reshaping design and development in 2026. This is an onsite role based at Shift4's Tampa, FL location.  Relocation assistance may be available.    <h3>Responsibilities</h3> <ul> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Lead the design of intuitive, high‑impact user experiences across the Shift4 product portfolio, with primary ownership of Shift4 Dine and key initiatives on Web and Android.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Define and evolve an AI‑native experience strategy for Shift4 Dine: identify where AI (copilots, recommendations, automation, generative flows) meaningfully improves merchant and staff workflows—and where it should not.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Leverage AI‑powered design and prototyping tools (e.g., Figma AI features, Claude‑style assistants, code‑aware tools) to explore concepts, generate variants, and rapidly move from idea to interactive prototype.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Act as a hands‑on design leader on complex, cross‑platform projects while mentoring and directing other designers to elevate craft, quality, and consistency.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Translate user insights, data, and product strategy into clear design hypotheses and solutions that drive merchant adoption, satisfaction, and measurable business outcomes.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Partner closely with Product and Engineering leadership to align on product strategy, scope, technical constraints, and delivery timelines; ensure design decisions are grounded in what is feasible in today’s AI‑enabled stack.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Establish and champion AI UX patterns for the portfolio (assistants, inline suggestions, explainability, error and fallback states, human‑in‑the‑loop correction) and ensure they are implemented consistently across products.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Contribute to, govern, and evolve scalable design systems, patterns, and best practices across platforms—ensuring components, tokens, and documentation are “AI‑ready” for design‑to‑code workflows.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Use AI tools to streamline design workflows (research synthesis, content and UX copy, documentation, design QA) while maintaining a critical eye for quality, bias, and brand alignment.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Navigate ambiguity and rapidly changing AI capabilities; balance long‑term strategic investments with near‑term iterative delivery to ensure outcomes meet both user and business needs.</li> </ul>   <h3>Qualifications</h3> <ul> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Bachelor’s or Master’s in Design or equivalent experience.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">9+ years in UI/UX or product design with a portfolio showing end‑to‑end product work and strong visual/interaction design across Web and Android.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Expert proficiency in Figma (components, variants, auto‑layout, tokens, Dev Mode) and experience working with design systems at scale.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Working knowledge of front‑end fundamentals (HTML/CSS, component/state thinking; React or similar) to read and lightly edit UI code and review AI‑generated output.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Understanding of how Figma components map to React/Vue components and how design tokens map to CSS/Tailwind, including implications for design‑to‑code and AI tooling.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Experience using AI tools in the design workflow (e.g., generating UX copy, exploring layout alternatives, creating documentation, or quality‑controlling AI‑generated assets).</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Proven experience contributing to and evolving design systems, patterns, and frameworks—and implementing them directly in design and prototyping tools.</li> <li style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Demonstrated ability to mentor designers, influence cross‑functional partners, and navigate ambiguity while balancing long‑term strategy with pragmatic execution.</li> </ul> #LI-BN1<div class="content-conclusion">We are an Equal Opportunity Employer and do not discriminate against any employee or applicant for employment because of race, color, sex, age, national origin, religion, sexual orientation, gender identity and/or expression, status as a veteran, and basis of disability or any other federal, state or local protected class. <hr>  </div>