Founding Product Designer

📍 Job Overview

Job Title: Founding Product Designer

Company: Clera

Location: San Francisco, California, United States

Job Type: FULL_TIME

Category: Product Design / UX/UI

Date Posted: 2026-09-17

Experience Level: Mid-Level (2-5 years)

Remote Status: On-site

🚀 Role Summary

• Spearhead end-to-end product design for an innovative agentic integration platform at an early-stage B2B SaaS company.

• Define and establish the foundational design language, component system, and UX patterns that will guide future product development.

• Collaborate directly with the Chief Product Officer to shape product strategy and influence design decisions from inception.

• Implement and ship production frontend code using React and TypeScript, demonstrating a hands-on approach to design and development.

• Drive user experience for complex technical scenarios involving collaboration between users and coding agents for enterprise integrations.

📝 Enhancement Note: While the core role is Product Design, the emphasis on implementing production frontend code in React and TypeScript, along with designing technical B2B SaaS products and developer-facing interfaces, positions this as a highly technical design role. This requires a blend of strong UX/UI skills with practical software engineering capabilities, making it attractive to candidates who bridge the gap between design and development. The "founding" aspect implies significant autonomy and impact on the company's product direction.

📈 Primary Responsibilities

• Design intuitive and efficient user experiences for agentic UX, enabling seamless collaboration between human users and AI coding agents for enterprise integration creation.

• Develop comprehensive platform UX for integration deployment, runtime management, observability, and log analysis, catering to a technical B2B audience.

• Take ownership of frontend implementation in React and TypeScript, ensuring high-quality, production-ready code without reliance on engineering handoffs.

• Architect and implement a robust design system, component library, and consistent design language to ensure scalability and maintainability across the product.

• Partner closely with product leadership to define product vision, roadmap, and strategic design initiatives, acting as a key voice in product evolution.

• Conduct user research, usability testing, and gather feedback to iterate on designs and validate product decisions.

• Translate complex technical concepts into clear, user-friendly interfaces and workflows.

• Contribute to the overall product strategy by identifying user needs and market opportunities through design exploration.

📝 Enhancement Note: The responsibility to "implement and ship production frontend code" is a significant differentiator for a design role, suggesting the company values designers who are deeply technical and can directly contribute to the codebase. This implies a need for a strong understanding of software development best practices, not just visual design and prototyping.

🎓 Skills & Qualifications

Education: A Bachelor's degree in Design, Human-Computer Interaction, Computer Science, or a related field is often preferred for such roles, but a strong portfolio demonstrating equivalent practical experience will be highly valued.

Experience: 1 to 5 years of professional product design experience, with a proven track record of shipping user-facing products.

Required Skills:

• Exceptional Craftsmanship & Taste: Demonstrated through a portfolio of shipped work that showcases high-fidelity design execution and a strong aesthetic sense.

• Frontend Implementation Proficiency: Strong, hands-on experience implementing production frontend code in React and TypeScript.

• Technical B2B SaaS Design: Experience designing complex, technical products for business users, with a deep understanding of their workflows and needs.

• Design Systems & Component Libraries: Proven ability to establish, maintain, and scale design systems, component libraries, or comprehensive design language standards.

• High-Fidelity Design & Prototyping: Proficiency in industry-standard design tools such as Figma, Sketch, or Adobe XD for creating detailed mockups and interactive prototypes.

• Strategic Collaboration: Comfort and experience working directly with founders, product leadership, and stakeholders on strategic product decisions and design direction.

• Agentic UX Understanding: Familiarity with or a strong interest in designing for human-computer interaction patterns involving AI agents.

Preferred Skills:

• Observability, Monitoring, or Developer Tools: Prior experience designing interfaces for developer-facing platforms, including tools for observability, monitoring, or logging.

• Integration Platform Design: Experience designing platforms or tools related to system integrations or API management.

• Agile Development Methodologies: Familiarity with agile or lean development processes and contributing effectively within them.

• User Research & Testing: Experience conducting user interviews, surveys, and usability testing to inform design decisions.

📝 Enhancement Note: The requirement for "1 to 5 years" of experience, combined with the "founding" nature of the role and the expectation to ship code, suggests they are looking for someone who is not just a junior designer but also not yet a senior lead. This "mid-level" profile needs to be capable of independent work and strategic thinking. The emphasis on shipping code means candidates must be prepared to showcase their technical contributions, not just visual designs.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least 2-3 significant product design projects that have been shipped to production.

• Highlight end-to-end design process, from initial concept and user research to high-fidelity design, prototyping, and successful implementation.

• Demonstrate your ability to design complex, technical B2B SaaS products, with specific examples of how you addressed user needs and technical challenges.

• Include examples of your work in establishing design systems, component libraries, or design language standards, showing scalability and consistency.

• Clearly articulate your role and contributions in each project, especially highlighting your frontend development work (React/TypeScript).

• Provide evidence of your collaboration with product leadership and how you influenced product strategy. Process Documentation:

• Detail your approach to user research and how it informs your design decisions.

• Explain your process for creating and maintaining design systems and component libraries.

• Illustrate your workflow for translating technical requirements into user-friendly interfaces.

• Showcase how you iterate on designs based on user feedback and performance data.

• Document your experience with implementing frontend code and your collaboration style with engineering teams (even if you are doing the coding yourself).

📝 Enhancement Note: Given the "founding" nature of the role and the direct coding responsibility, the portfolio must heavily emphasize tangible, shipped work. Case studies should not just show the final UI but also the technical rationale, the implementation details (e.g., code snippets or architecture discussions), and the impact on user adoption or business metrics. A strong understanding of how design decisions translate into maintainable and scalable code is crucial.

💵 Compensation & Benefits

Salary Range: $150,000 - $250,000 USD annually.

Explanation: This range is provided by the company and reflects the San Francisco Bay Area market for experienced product designers with strong frontend development skills in an early-stage startup environment. The upper end of the range acknowledges the "founding" nature of the role and the expectation for significant impact and direct contribution to the product's technical foundation.

Benefits:

• Meaningful Equity: Significant stock options or grants, typical for early-stage startup employees, offering potential for substantial financial upside.

• Full Health Coverage: Comprehensive medical, dental, and vision insurance for employees and potentially dependents.

• Visa Sponsorship: Available for qualified candidates requiring work authorization in the United States.

• Professional Development: Opportunities to learn and grow in a fast-paced startup environment, with potential for future leadership roles.

• Direct Impact: The chance to shape a product from its inception and build a design culture from the ground up.

Working Hours: Standard full-time hours, approximately 40 hours per week, with the expectation of dedication and commitment typical of an early-stage startup environment. Flexibility may be available, but the role is on-site.

📝 Enhancement Note: The salary range is generous, reflecting the high cost of living in San Francisco and the critical, hands-on nature of this "founding" role. The combination of base salary, meaningful equity, and full health coverage is a standard attractive package for early-stage tech startups. The visa sponsorship is a significant benefit for international candidates.

🎯 Team & Company Context

🏢 Company Culture

Industry: B2B SaaS (Software as a Service), specifically focusing on an agentic integration platform. This industry is characterized by rapid innovation, a strong emphasis on technical solutions, and the need for robust, scalable software.

Company Size: Early-stage startup. This implies a lean, agile team where individuals wear multiple hats, collaboration is high, and there's a strong emphasis on execution and rapid iteration.

Founded: Early-stage (specific founding date not provided). This means the company is likely in its initial product development and market validation phases, offering a unique opportunity to influence foundational elements.

Team Structure:

• Lean & Cross-Functional: The design team is likely very small, possibly just this role initially, working extremely closely with founders and engineering.

• Direct Reporting: This role reports directly to the Chief Product Officer (CPO), indicating a high level of visibility and influence.

• Collaborative Environment: Expect close collaboration with engineering, product management, and potentially early customers.

Methodology:

• Agile & Iterative: Design and development processes will likely be agile, with continuous feedback loops and rapid iteration based on user input and market needs.

• Data-Driven Design: While not explicitly stated, a B2B SaaS company of this nature will likely leverage data analytics to inform design decisions and measure product performance.

• User-Centric Development: A strong focus on understanding and solving customer problems through well-designed, technically sound solutions.

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

📝 Enhancement Note: As an early-stage startup, Clera likely fosters a culture of high ownership, rapid learning, and direct impact. The "founding" aspect means the culture is still being defined, offering the designer a chance to shape it. The emphasis on "in-person early-stage environment" suggests a preference for high-bandwidth communication and strong team cohesion.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a "Founding Product Designer," indicating a critical, foundational position. While the experience level is mid-level (1-5 years), the responsibilities and scope are akin to a senior or lead designer in a more established company due to the "founding" nature and the expectation to establish core design principles.

Reporting Structure: Directly reports to the Chief Product Officer (CPO). This provides direct access to executive leadership and a clear line of communication for strategic input.

Operations Impact: The designer will have a profound impact on the product's success by defining its core user experience and technical implementation. Their decisions will shape customer perception, product adoption, and the overall technical direction of Clera's integration platform.

Growth Opportunities:

• Leadership Potential: As the company grows, this role could evolve into a Design Lead or Head of Design position, managing a growing design team.

• Technical Specialization: Deepen expertise in agentic UX, B2B SaaS platform design, and advanced frontend development within a specialized domain.

• Strategic Influence: Continue to play a key role in product strategy and roadmap development as the company scales.

• Building a Design Function: Gain invaluable experience in establishing and scaling a design culture and practice from the ground up.

📝 Enhancement Note: This role offers a significant opportunity for accelerated career growth. The "founding" title implies high potential for future leadership and a substantial impact on the company's trajectory. The blend of design and development skills is highly sought after, opening doors to specialized roles in the future.

🌐 Work Environment

Office Type: Fully in-person, on-site role in San Francisco, CA. This indicates a preference for direct, face-to-face collaboration, team building, and high-bandwidth communication.

Office Location(s): San Francisco, California. This places the role in a major tech hub, offering access to a vibrant ecosystem of talent and innovation.

Workspace Context:

• Collaborative Workspace: Expect an open and collaborative office environment designed for team interaction and spontaneous problem-solving.

• High-Tech Environment: Access to modern design and development tools, likely including powerful workstations and necessary software licenses.

• Startup Energy: A fast-paced, dynamic workspace with a strong sense of camaraderie and shared mission.

Work Schedule: While standard full-time hours are expected, the early-stage startup environment often involves a degree of flexibility and a commitment to project deadlines. The on-site requirement ensures consistent team availability.

📝 Enhancement Note: The explicit requirement for an "in-person early-stage environment" is a critical factor. Candidates must be comfortable with and thrive in a highly collaborative, on-site setting. This is not a remote-friendly role and emphasizes the value the company places on physical proximity for innovation and team cohesion.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio by the recruiting team, focusing on design craft, technical skills (React/TypeScript), and experience with B2B SaaS.

• Portfolio Presentation & Technical Deep Dive: A session where you present your portfolio, showcasing shipped work. Expect in-depth questions about your design process, decision-making, and your ability to implement frontend code. Be prepared to discuss specific projects in detail.

• Product Strategy & Collaboration Discussion: Meeting with the Chief Product Officer to discuss product vision, your approach to strategic design, and how you collaborate with leadership.

• Technical Challenge/Whiteboarding Session: Potentially a practical exercise or discussion related to designing a specific feature or solving a technical UX problem, possibly involving some code-related thinking.

• Cultural Fit Interview: Discussions with other team members to assess alignment with the startup's culture and working style.

Portfolio Review Tips:

• Showcase Shipping: Prioritize projects where you were involved in shipping production code. Highlight the impact of your contributions.

• Technical Depth: For each project, be ready to discuss the React/TypeScript implementation details, challenges faced, and how your design choices facilitated efficient coding.

• Design System Examples: Clearly present your work on design systems or component libraries, explaining their structure, benefits, and how they were adopted.

• Storytelling: Frame your projects as compelling narratives, detailing the problem, your process, the solution (including technical aspects), and the measurable outcome.

• Conciseness: Be prepared to walk through your portfolio efficiently, focusing on the most relevant and impactful pieces for this specific role.

Challenge Preparation:

• Agentic UX Thinking: Prepare to discuss how you would approach designing collaborative interfaces between humans and AI agents.

• Technical UX Scenarios: Think about common challenges in technical B2B SaaS platforms (e.g., complex data visualization, workflow management, error handling).

• Design System Application: Be ready to discuss how you'd apply or extend an existing design system or how you'd start building one from scratch.

• Code-Design Bridge: Practice articulating how design decisions impact frontend implementation and vice-versa.

📝 Enhancement Note: The interview process will heavily scrutinize both design skills and technical implementation capabilities. Candidates must be prepared to demonstrate their proficiency in React and TypeScript, not just conceptually but through concrete examples in their portfolio and potentially in a live exercise. The "founding" role implies a high bar for strategic thinking and cultural fit with an early-stage team.

🛠 Tools & Technology Stack

Primary Tools:

• Figma (or equivalent): For high-fidelity design, prototyping, and collaborative design workflows.

• React: The primary JavaScript library for building user interfaces. Proficiency is essential for implementation.

• TypeScript: A superset of JavaScript that adds static typing, crucial for building robust and maintainable frontend applications.

• Version Control (Git): Standard practice for managing code changes, essential for collaboration and deployment.

• Code Editor (e.g., VS Code): For writing and debugging frontend code.

Analytics & Reporting:

• Product Analytics Tools (e.g., Mixpanel, Amplitude, PostHog): To track user behavior, measure feature adoption, and understand product performance.

• Observability/Monitoring Tools (e.g., Datadog, Sentry): Familiarity with these tools is a plus, as they are often used in developer-facing platforms for debugging and performance analysis.

CRM & Automation:

• While not directly a design tool, understanding how CRM systems and automation platforms integrate with SaaS products can provide valuable context for B2B SaaS design.

📝 Enhancement Note: The explicit mention of React and TypeScript for implementation means candidates must be comfortable with the full frontend development stack. Proficiency in design tools like Figma is a given, but the ability to translate designs into working code using these specific technologies is paramount. Familiarity with developer tools like observability platforms is a strong plus.

👥 Team Culture & Values

Operations Values:

• Craftsmanship & Excellence: A commitment to high-quality design and code, ensuring a polished and professional user experience.

• Innovation & Agility: Embracing new technologies and methodologies to build cutting-edge solutions in a fast-paced environment.

• Ownership & Accountability: Taking full responsibility for design and implementation, driving projects to successful completion.

• Collaboration & Transparency: Working closely with leadership and team members, fostering open communication and mutual support.

• User Focus: Deeply understanding and prioritizing the needs of B2B customers to deliver impactful solutions.

Collaboration Style:

• Direct & High-Bandwidth: Given the on-site requirement and early-stage nature, expect direct communication, frequent impromptu discussions, and a strong sense of team cohesion.

• Cross-Functional Integration: Close partnerships between design, product, and engineering are essential for rapid iteration and successful product development.

• Feedback-Oriented: A culture where constructive feedback is welcomed and used to improve both the product and individual contributions.

📝 Enhancement Note: The values of an early-stage startup are often defined by its founding members. This role has the opportunity to shape Clera's design culture, emphasizing meticulous execution, rapid iteration, and a strong sense of shared purpose. The "in-person" aspect underscores the importance of direct collaboration and team synergy.

⚡ Challenges & Growth Opportunities

Challenges:

• Establishing Foundations: Building a design system, UX patterns, and a design culture from scratch in a new company.

• Balancing Design & Development: Effectively managing the dual responsibilities of high-level UX design and hands-on frontend code implementation.

• Technical Complexity: Designing for intricate B2B SaaS workflows and agentic interactions requires deep understanding and careful execution.

• Pace of Early-Stage Startup: Adapting to rapid changes, tight deadlines, and the inherent ambiguity of a startup environment.

• Defining "Agentic UX": Contributing to a nascent field of human-AI collaboration design.

Learning & Development Opportunities:

• Hands-on Technical Growth: Deepen expertise in React, TypeScript, and modern frontend architecture by shipping production code daily.

• Strategic Product Leadership: Gain direct exposure to product strategy, roadmap planning, and executive decision-making.

• Building a Design Practice: Develop foundational skills in establishing design processes, hiring, and mentoring within a growing organization.

• Industry Trend Immersion: Stay at the forefront of agentic AI and B2B SaaS integration platforms.

• Entrepreneurial Experience: Gain firsthand experience in building a company from its early stages.

📝 Enhancement Note: The primary challenge is the dual nature of the role – being both a strategic designer and a hands-on developer. Successfully navigating this will lead to significant personal and professional growth, offering unique experience in a high-demand skill intersection.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for establishing a design system from the ground up for a new product. What are the key components and considerations?"

• "How would you approach designing the UX for a collaborative environment where a human user and an AI coding agent work together to build an enterprise integration?"

• "Walk us through a complex B2B SaaS product you designed. What were the technical constraints, and how did your design decisions address them? How did you implement it?"

• "Given our focus on an agentic integration platform, what are the critical UX challenges you foresee, and how would you begin to address them?"

• "How do you balance the demands of high-fidelity design with the need to implement production-ready frontend code efficiently?" Company & Culture Questions:

• "Why are you drawn to an early-stage startup environment like Clera, and specifically to this founding role?"

• "What does 'ownership' mean to you in the context of a founding team member?"

• "How do you approach collaboration with executive leadership and product teams in a fast-paced setting?"

• "Describe your ideal work environment for innovation and rapid execution." Portfolio Presentation Strategy:

• Highlight Shipping: Start with your most impactful shipped projects, emphasizing your direct contributions to both design and frontend implementation.

• Technical Showcase: Be prepared to show code snippets or discuss architectural decisions related to your React/TypeScript work. Explain why you made certain technical choices.

• Design System Clarity: If presenting design system work, clearly articulate the structure, components, and how it was adopted and maintained.

• Problem-Solution-Outcome: For each case study, clearly define the problem, your design and technical solution, and the resulting impact (metrics if available).

• Concise & Focused: Given the breadth of responsibilities, be ready to present key highlights efficiently and answer deep-dive questions as they arise.

📝 Enhancement Note: Interviewers will be looking for a candidate who can not only conceptualize great design but also execute it technically. Be ready to discuss specific code challenges, design system architecture, and your strategic thinking about product direction. Demonstrating enthusiasm for building something new and working closely with leadership is key.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on Ashby.

• Portfolio Customization: Tailor your resume and portfolio to highlight your experience in B2B SaaS, React/TypeScript implementation, design systems, and complex technical UX. Focus on projects where you shipped code.

• Resume Optimization: Ensure your resume clearly articulates your 1-5 years of experience, emphasizing your ability to design and implement. Use keywords like "React," "TypeScript," "B2B SaaS," "Design Systems," and "Agentic UX."

• Prepare for Technical Discussion: Be ready to discuss your frontend development process, specific code challenges you've overcome, and how your design decisions translate into efficient, maintainable code. Practice explaining your portfolio projects in detail.

• Research Clera: Understand their mission, the problem they're solving with an agentic integration platform, and their likely market. Think about how your design philosophy aligns with their early-stage goals.

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