Senior Product Designer

Mochi Health
Full-time$180k-225k/year (USD)San Francisco, United States

📍 Job Overview

Job Title: Senior Product Designer

Company: Mochi Health

Location: San Francisco, CA

Job Type: Full-Time

Category: Product Design / UX/UI

Date Posted: 2026-05-21T19:00:29

Experience Level: Mid-Senior (3-5 Years)

Remote Status: On-site (5 days/week)

🚀 Role Summary

  • Design and prototype intuitive, user-friendly interfaces for Mochi Health's AI-driven healthcare marketplace, focusing on enhancing patient accessibility and effectiveness.

  • Translate user insights and research findings into clear product directions and actionable design specifications, driving product innovation.

  • Collaborate closely with product and engineering teams to define and refine key patient interactions, pushing the boundaries of user experience within the healthcare sector.

  • Contribute to the development of widely-used product features, demonstrating high agency and a generalist approach to problem-solving.

  • Leverage AI design tools and modern front-end technologies to create and implement functional, scalable UI components and design systems.

📝 Enhancement Note: This role is positioned as a Senior Product Designer, implying a need for significant autonomy and the ability to lead design initiatives from concept to execution within a fast-paced startup environment. The emphasis on "founding designer" experience and "high-agency generalist" suggests a hands-on role where the individual will shape product direction and contribute across multiple facets of design and implementation. The specific mention of "Claude Code" and "TypeScript, React, and CSS" indicates a strong preference for candidates who can bridge the gap between design and front-end development, a common expectation in lean, agile product teams.

📈 Primary Responsibilities

  • Conduct user research, synthesize findings, and translate them into clear product requirements and innovative design solutions that address critical patient needs in healthcare.

  • Design and prototype user interfaces for both current and future products, ensuring a seamless and intuitive patient journey across web and mobile platforms.

  • Collaborate with product managers and engineers to define, refine, and iterate on key interactions, user flows, and visual designs, ensuring alignment with business objectives and technical feasibility.

  • Develop and maintain robust design systems and scalable UI components, promoting consistency and efficiency across the Mochi Health platform.

  • Leverage AI design tools and modern front-end technologies (TypeScript, React, CSS) to create functional UI elements and contribute to the development of production-ready code.

  • Take ownership of the end-to-end design process for significant product features, from initial concept and user testing to final implementation and post-launch analysis.

  • Actively participate in a startup culture by resolving ambiguity, prioritizing tasks, and crystallizing strategic product directions.

📝 Enhancement Note: The responsibilities highlight a blend of strategic design thinking, hands-on execution, and cross-functional collaboration. The emphasis on "distilling insights from user needs," "shaping the patient experience," and "owning the development of widely-used product features" points to a role that requires not just aesthetic design skills but also a deep understanding of user-centered product development and a proactive approach to problem-solving. The inclusion of "Claude Code" and front-end skills indicates a strong expectation for designers to be technically proficient and capable of contributing to the implementation phase.

🎓 Skills & Qualifications

Education:

Experience:

  • Minimum of 3 years of professional experience in product design, with a proven track record of designing and shipping user-centered products.

  • Experience working within startup environments, particularly as a founding designer, is highly valued, indicating adaptability and the ability to thrive in ambiguous, fast-paced settings.

Required Skills:

  • High proficiency in design and prototyping tools, specifically including AI-enhanced tools like Claude Code, alongside industry standards such as Figma and Framer.

  • Demonstrated ability to translate designs into functional UI, with a solid grasp of front-end development concepts and languages, including TypeScript, React, and CSS.

  • Strong portfolio showcasing a breadth of product design work, user research, UI design, prototyping, and successful feature development.

  • Exceptional ability to thrive in a startup culture, demonstrating high agency, a generalist mindset, and the capacity to resolve ambiguity effectively.

  • Experience designing for both web and mobile platforms, understanding the nuances and best practices for each.

  • Deep understanding of design systems, including the creation and maintenance of scalable UI components for consistent and efficient product development.

Preferred Skills:

  • Experience designing for consumer-facing products, particularly within the healthcare or other regulated industries, is a significant advantage.

  • Familiarity with additional AI tools that enhance the design workflow or product development process.

  • Experience working with cross-functional teams (product management, engineering, marketing) to achieve shared product goals.

📝 Enhancement Note: The requirements emphasize a rare combination of strong design skills, technical proficiency in front-end development (TypeScript, React, CSS), and experience with AI design tools like Claude Code. The "high-agency generalist" descriptor suggests a need for a candidate who is not only a skilled designer but also a proactive problem-solver and contributor across the product development spectrum, comfortable with ambiguity and rapid iteration typical of early-stage companies. The portfolio requirement is crucial, needing to showcase not just visual design but also the impact of the designer's work on product features and user experience.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

  • A comprehensive portfolio showcasing end-to-end product design process, including user research, ideation, wireframing, prototyping, UI design, and user testing.

  • Demonstration of experience in designing and developing widely-used product features, highlighting ownership and impact.

  • Case studies illustrating the application of AI design tools (e.g., Claude Code) and modern front-end technologies (TypeScript, React, CSS) in creating functional UI components and scalable design systems.

  • Evidence of ability to work effectively in a startup environment, demonstrating problem-solving skills, adaptability, and the capacity to manage ambiguity.

Process Documentation:

  • Detailed case studies that clearly articulate the design process, from problem identification and user research to solution implementation and iteration.

  • Documentation of how design systems and scalable UI components were developed and utilized to ensure consistency and efficiency.

  • Examples of how AI tools and front-end development skills were leveraged to bridge the gap between design and engineering, leading to tangible product improvements.

  • Clear explanation of how user insights were translated into product directions and how design decisions were validated through testing and feedback.

📝 Enhancement Note: The portfolio requirements are highly specific, demanding not just visual design examples but also evidence of the candidate's ability to integrate AI tools like Claude Code and front-end development skills (TypeScript, React, CSS) into their workflow. This signals a "designer-as-developer" or "designer-engineer" expectation, common in early-stage startups where individuals wear multiple hats. The emphasis on "widely-used product features," "scalability," and "startup culture" further defines the expectations for a high-impact, hands-on role.

💵 Compensation & Benefits

Salary Range: $180,000 - $225,000 USD per year.

  • This range is for the full-time position and is inclusive of salary and equity.

Benefits:

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

  • Financial Security: 401(k) with company matching and fully covered life insurance.

  • Time to Recharge: Unlimited Paid Time Off (PTO), generous company holidays, and true flexibility.

  • Wellness Focused: Weekly mindfulness sessions, group workouts, and fitness perks.

  • Daily Fuel: Unlimited espresso and matcha bar, with delicious lunch served five days a week in the office.

  • Connection & Community: Team lunches, office events, and offsite retreats to foster relationships.

  • High-Impact Work: Opportunity to shape the future of digital healthcare during a period of growth.

  • Competitive Compensation: Top-of-market salary and a generous equity package.

  • World-Class Team: Collaboration with thoughtful, driven professionals across various departments.

Working Hours:

  • Full-time, onsite position requiring 5 days per week in the San Francisco HQ.

  • While specific daily hours are not detailed, the unlimited PTO and emphasis on flexibility suggest a results-oriented work environment that trusts employees to manage their time effectively.

📝 Enhancement Note: The salary range provided is within the expected range for a Senior Product Designer in San Francisco, especially for a role that requires technical proficiency and startup experience. The benefits package is comprehensive and aligns with competitive offerings in the tech industry, with a strong emphasis on employee well-being, work-life balance, and professional growth. The mandatory 5-day on-site work requirement is a key detail for candidates considering this role.

🎯 Team & Company Context

🏢 Company Culture

Industry: Healthcare Technology (HealthTech), AI-Driven Marketplace.

Company Size: The description implies a growing startup, likely in the range of 50-250 employees given the need for a Senior Product Designer with broad responsibilities and the mention of "founding designer" experience. The company is described as "profitable & explosive growth" and not constrained by VC funding, suggesting a stable, self-sustaining growth trajectory.

Founded: The company was founded in the last few years, as indicated by "Over the past few years, we've grown rapidly."

Team Structure:

  • The Senior Product Designer reports to the Head of Design, indicating a clear reporting line within a dedicated design function.

  • The role involves close collaboration with product and engineering teams, suggesting a matrixed or agile team structure where cross-functional interaction is paramount.

Methodology:

  • Mochi Health utilizes an AI-driven approach to build its marketplace, focusing on discoverability, transparent pricing, and personalized patient experiences.

  • The company emphasizes combining clinical expertise with technology that serves real people, prioritizing intuitive and human-centered design.

  • A culture of "bold thinking, inclusive collaboration, and getting meaningful work into the world" is promoted, suggesting an environment that values innovation, teamwork, and impactful contributions.

Company Website: https://joinmochi.com/

📝 Enhancement Note: The company culture is portrayed as mission-driven, innovative, and collaborative, with a strong emphasis on patient-centricity and leveraging technology to solve complex healthcare challenges. The "profitable & explosive growth" and independence from VC funding suggest a stable, well-managed company with a clear vision for long-term success. The "founding designer" context implies that the design team, while led by a Head of Design, may still be relatively small and growing, requiring individuals to be adaptable and take initiative.

📈 Career & Growth Analysis

Operations Career Level: This role is classified as "Senior Product Designer," indicating a mid-to-senior level position. It requires significant experience (3+ years) and the ability to operate with high agency, drive product direction, and potentially mentor junior designers. The expectation is for an individual who can independently manage complex design challenges and contribute strategically to product development.

Reporting Structure:

  • The Senior Product Designer reports directly to the Head of Design, providing a clear line of mentorship and strategic alignment.

Operations Impact:

  • The role has a direct and significant impact on the patient experience and the overall effectiveness of Mochi Health's AI-driven healthcare marketplace.

  • By designing intuitive interfaces and refining key interactions, the Senior Product Designer directly influences user adoption, satisfaction, and the company's mission to make healthcare more accessible and affordable.

Growth Opportunities:

  • Operations Skill Advancement: Opportunities to deepen expertise in AI design tools (Claude Code), front-end implementation (TypeScript, React, CSS), and advanced UX/UI design methodologies.

  • Leadership Potential: With proven success and impact, there's potential for growth into a Lead Product Designer role, managing a small team or specific product areas, or contributing to strategic design leadership within the company.

  • Industry Specialization: Gaining deep experience in designing for the complex and regulated healthcare industry, which can open doors to specialized roles within HealthTech.

  • Cross-Functional Development: Exposure to product management, engineering, and clinical operations, fostering a holistic understanding of product development and business strategy.

📝 Enhancement Note: The growth trajectory for a Senior Product Designer at Mochi Health is likely to involve increasing responsibility, strategic influence, and potential leadership opportunities within a rapidly growing company. The unique blend of design and technical requirements (AI tools, front-end development) offers a pathway to becoming a highly specialized and valuable product professional in the HealthTech space.

🌐 Work Environment

Office Type: Mochi Health operates from a vibrant downtown San Francisco HQ. The company explicitly states it is an "in-person company based in San Francisco, CA," requiring the team to work together "in person five days a week to foster collaboration, innovation, and strong connections." This indicates a traditional office-based, on-site work environment.

Office Location(s):

Workspace Context:

  • The office environment is designed to foster collaboration, innovation, and strong connections.

  • Amenities like an unlimited espresso and matcha bar and daily lunch served five days a week contribute to a supportive and engaging in-office experience.

  • Opportunities for team lunches, office hangs, and offsite retreats are provided to enhance connection and community.

Work Schedule:

  • This is a full-time, on-site position, requiring 5 days per week at the San Francisco HQ.

  • While specific daily hours are not stated, the company culture emphasizes results and provides "true flexibility" within the context of its benefits, suggesting a focus on output rather than strict adherence to clock-in/clock-out times, within the on-site framework.

📝 Enhancement Note: The emphasis on a mandatory 5-day on-site work week is a critical aspect of the work environment. Mochi Health clearly values in-person collaboration and believes it is essential for fostering innovation and strong team connections. The office itself is well-equipped with amenities designed to enhance employee experience and productivity.

📄 Application & Portfolio Review Process

Interview Process:

  • Initial Screening: Likely a brief call with HR or a recruiter to assess basic qualifications, cultural fit, and interest in the role and Mochi Health's mission.

  • Portfolio Review & Design Challenge: Candidates will present their portfolio, focusing on how they have designed and implemented user-centric features, particularly those involving AI tools and front-end development. A design challenge may be given, either take-home or live, to assess problem-solving skills, design process, and technical proficiency (e.g., using Claude Code or translating designs into functional components).

  • Hiring Manager Interview: Deep dive into experience, design philosophy, leadership potential, and cultural alignment with the Head of Design.

  • Cross-Functional Interviews: Meetings with members of the product and engineering teams to assess collaboration style, technical understanding, and ability to work effectively in a multidisciplinary environment.

  • Final Round: Potentially a discussion with senior leadership to confirm strategic alignment and overall fit.

Portfolio Review Tips:

  • Highlight Impact: Focus on case studies that demonstrate quantifiable impact on user behavior, product metrics, or business outcomes. For this role, emphasize features you "owned" or significantly contributed to.

  • Showcase Process & Tools: Clearly articulate your design process, from research to implementation. Specifically highlight your experience with AI design tools (Claude Code), Figma/Framer, and how you've translated designs into functional code (TypeScript, React, CSS).

  • Demonstrate Problem-Solving: Choose projects that showcase your ability to tackle complex problems, resolve ambiguity, and operate as a "high-agency generalist" in a startup environment.

  • Visual & Technical Clarity: Ensure your portfolio is visually polished and easy to navigate. Be prepared to discuss the technical aspects of your designs and your contribution to implementation.

  • Healthcare Context: If you have experience in consumer healthcare or regulated industries, make this prominent. If not, explain how your transferable skills would apply.

Challenge Preparation:

  • Understand the Mission: Familiarize yourself with Mochi Health's mission to make healthcare discoverable and accessible, and how AI plays a role.

  • Practice Design Thinking: Be prepared to walk through your design process for a given problem, focusing on user needs, ideation, rapid prototyping, and iteration.

  • Technical Readiness: Brush up on your knowledge of TypeScript, React, and CSS. Be ready to discuss how you'd approach building UI components or translating designs into code.

  • AI Tool Familiarity: If possible, gain some familiarity with AI design tools beyond Figma/Framer, especially those that might integrate with code generation or component building.

  • Startup Mindset: Prepare to discuss how you handle ambiguity, prioritize tasks, and collaborate effectively in a fast-paced, resource-constrained environment.

📝 Enhancement Note: The interview process and portfolio review will likely be rigorous, testing not only design skills but also technical aptitude and a startup-ready mindset. Candidates must be prepared to demonstrate their ability to bridge design and development, particularly with AI tools and front-end technologies, and articulate the impact of their work.

🛠 Tools & Technology Stack

Primary Tools:

  • Design & Prototyping: Figma, Framer.

  • AI Design Tools: Claude Code (explicitly mentioned), and potentially other AI-driven design or code generation tools. This indicates a strong emphasis on leveraging AI to enhance design and development workflows.

  • Front-end Development: TypeScript, React, CSS. This is a critical requirement, showing that designers are expected to have a solid understanding of front-end implementation and potentially contribute to code.

Analytics & Reporting:

  • While not explicitly listed, a Senior Product Designer would typically work with product analytics tools (e.g., Amplitude, Mixpanel, Google Analytics) to understand user behavior and measure the impact of their designs.

CRM & Automation:

  • Not directly relevant to the Senior Product Designer role's core tools, but understanding how design impacts user journeys within CRM or marketing automation systems could be beneficial if designing related user-facing features.

📝 Enhancement Note: The technology stack is a key differentiator for this role. The explicit mention of Claude Code, alongside Figma and Framer, signals a forward-thinking approach to design tooling. The requirement for proficiency in TypeScript, React, and CSS is highly significant, indicating that Mochi Health seeks designers who can actively participate in or closely collaborate with the front-end development process, potentially blurring the lines between design and engineering.

👥 Team Culture & Values

Operations Values:

  • Patient-Centricity: A core value is "building the best patient experience," meaning all design decisions must prioritize the user's needs, accessibility, and overall well-being within the healthcare system.

  • Bold Thinking & Innovation: The company encourages "bold thinking" and actively uses "AI-driven" technology, indicating a culture that embraces innovation and pushing boundaries in healthcare.

  • Inclusive Collaboration: "Inclusive collaboration" is a stated value, emphasizing teamwork, open communication, and valuing diverse perspectives from all team members.

  • High Agency & Generalism: The expectation for a "high-agency generalist" suggests a culture that empowers individuals to take initiative, solve problems across disciplines, and contribute broadly to the company's success.

  • Impact & Meaningful Work: The company is driven by a mission to fix healthcare and encourages employees to "do the most impactful work of your career," highlighting a focus on purpose and tangible results.

Collaboration Style:

  • Cross-Functional Integration: The role requires close collaboration with product and engineering teams, suggesting a highly integrated approach where designers, product managers, and engineers work hand-in-hand throughout the product development lifecycle.

  • Data-Informed Design: While not explicitly stated for design, the overall company mission implies a data-driven approach to decision-making, which designers would be expected to support through user research and product analytics.

  • Feedback-Oriented: The startup environment and emphasis on collaboration typically foster a culture where constructive feedback is shared openly and frequently to drive continuous improvement.

  • Agile & Iterative: Given the startup context and the need for rapid development, the collaboration style is likely agile and iterative, with frequent check-ins and adjustments based on learnings.

📝 Enhancement Note: The culture values individuals who are not only skilled designers but also proactive, collaborative, and mission-driven. The emphasis on "high agency" and "generalist" traits means candidates should be comfortable taking ownership and contributing beyond a narrow job description, which is crucial for success in a growing startup.

⚡ Challenges & Growth Opportunities

Challenges:

  • Resolving Ambiguity: As a startup in a complex industry (healthcare), there will be inherent ambiguity in product direction, user needs, and market dynamics. The ability to navigate and bring clarity to these situations is key.

  • Technical Design Implementation: Bridging the gap between design and functional code (TypeScript, React, CSS) using AI tools like Claude Code presents a unique challenge that requires both design creativity and technical understanding.

  • Healthcare Industry Complexity: Designing for a regulated industry like healthcare requires careful consideration of compliance, privacy (HIPAA), and the unique needs of patients and providers, which can be more complex than consumer products.

  • Rapid Growth Environment: Adapting to a fast-paced, high-growth startup environment, where priorities can shift quickly and resources may be limited, requires flexibility and resilience.

Learning & Development Opportunities:

  • Advanced AI & Design Tooling: Deepen expertise with cutting-edge AI design tools and their integration into the product development workflow, becoming a specialist in this emerging area.

  • Front-End Design Integration: Enhance skills in front-end development (TypeScript, React, CSS) and learn how to effectively collaborate with or contribute to code, becoming a highly versatile product designer.

  • Healthcare Product Innovation: Gain specialized knowledge and experience in designing for the HealthTech sector, a rapidly growing and impactful field.

  • Strategic Design Leadership: Develop strategic thinking and potentially leadership skills through reporting to the Head of Design and influencing product direction, with opportunities for career progression.

  • Cross-Functional Expertise: Broaden understanding of product management, engineering processes, and clinical operations by working closely with these teams.

📝 Enhancement Note: The challenges presented are directly tied to the unique aspects of the role and the company's industry and stage of growth. The opportunities for learning and development are substantial, particularly for individuals looking to specialize in AI-driven design, HealthTech, and integrated design-development workflows.

💡 Interview Preparation

Strategy Questions:

  • "Describe a time you acted as a 'high-agency generalist' in a product team. What was the situation, how did you contribute, and what was the outcome?" (Prepare a specific example showcasing initiative, problem-solving across disciplines, and impact.)

  • "How would you approach designing a new feature for our AI-driven healthcare marketplace, considering both patient needs and technical constraints? Walk us through your process, including any AI tools you might leverage." (Focus on user research, ideation, prototyping, and how you'd integrate AI tools like Claude Code and front-end considerations.)

Company & Culture Questions:

  • "What interests you most about Mochi Health's mission to fix healthcare, and how does your design philosophy align with our patient-centric approach?" (Research the company's mission, values, and recent news; connect your personal values and design philosophy.)

  • "How do you approach collaboration within a cross-functional team, particularly with engineers and product managers in a fast-paced startup environment?" (Prepare examples of successful collaboration, communication strategies, and how you handle differing opinions.)

Portfolio Presentation Strategy:

  • Focus on Impact: Select 2-3 key projects that best demonstrate your experience with AI tools, front-end implementation skills, and ability to drive product features. Quantify results where possible.

  • Narrative Structure: For each project, tell a story: the problem, your role and process, the solutions you designed (showcasing your UI/UX skills and tool usage), the technical considerations (TypeScript, React, CSS), and the measurable impact.

  • Tool Proficiency: Clearly articulate your experience with Figma, Framer, and especially Claude Code. Be prepared to discuss how you use these tools to enhance your workflow and outcomes.

  • Startup Readiness: Emphasize how your experience and mindset align with a startup culture – adaptability, problem-solving, and taking initiative.

  • Interactive Elements: If possible, prepare interactive prototypes or brief code snippets that showcase your design implementation skills.

📝 Enhancement Note: Interview preparation should strongly emphasize the unique requirements of this role: AI tool proficiency (Claude Code), front-end development knowledge (TypeScript, React, CSS), and experience in a startup setting. Candidates must be ready to demonstrate how they combine design expertise with technical understanding to deliver impactful product features.

📌 Application Steps

To apply for this Senior Product Designer position:

  • Submit your application through the provided Greenhouse link, ensuring all requested information is complete and accurate.

  • Curate Your Portfolio: Tailor your portfolio to highlight projects that showcase your experience with AI design tools (specifically Claude Code), your ability to translate designs into functional UI using TypeScript, React, and CSS, and your success in owning and developing widely-used product features. Emphasize case studies that demonstrate your problem-solving skills in ambiguous startup environments.

  • Optimize Your Resume: Ensure your resume clearly lists your 3+ years of product design experience, proficiency with design tools (Figma, Framer, Claude Code), and front-end development knowledge. Use keywords from the job description, such as "AI-driven marketplace," "patient experience," "high-agency generalist," and "design systems." Quantify achievements wherever possible.

  • Prepare Your Presentation: Practice walking through your portfolio projects, focusing on the narrative structure: problem, your process, solution, technical implementation, and impact. Be ready to discuss your design philosophy and how you align with Mochi Health's mission. Rehearse answers to common interview questions, especially those related to your experience in startups and your technical design capabilities.

  • Research Mochi Health: Thoroughly research Mochi Health's mission, products, and company culture. Understand their approach to healthcare technology and AI. Prepare thoughtful questions to ask the interviewers about the team, company direction, and design challenges.

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

Application Requirements

Requires 3+ years of product design experience with high proficiency in Figma, Framer, and AI tools like Claude Code. Candidates should have a strong portfolio and the ability to implement designs using TypeScript, React, and CSS.