Design Technologist

📍 Job Overview

Job Title: Design Technologist

Company: Mithrl

Location: San Francisco, California, United States

Job Type: Full-Time

Category: Design Technology / Frontend Engineering

Date Posted: April 10, 2026

Experience Level: 5+ Years

Remote Status: On-site

🚀 Role Summary

• This role bridges the gap between design and engineering, focusing on creating sophisticated user interfaces for AI-driven drug discovery platforms.

• You will be instrumental in developing and refining the frontend architecture and user experience for complex product surfaces, including knowledge graph visualizations and AI-native query interfaces.

• The position demands a blend of strong technical skills in modern frontend development (React, TypeScript, CSS) and a deep understanding of visual and interaction design principles.

• You will contribute to establishing standards for the UI design system, ensuring product scalability, accessibility, and consistency across multiple platforms.

📝 Enhancement Note: While the job title is "Design Technologist," the responsibilities and requirements strongly indicate a senior frontend engineering role with a significant design focus, particularly within the context of complex data visualization and AI-powered applications. The emphasis on "bridging design and code" and "technical excellence" points towards this being a highly technical role.

📈 Primary Responsibilities

• Collaborate closely with Product Designers to translate high-level concepts into functional, elegant products for scientific researchers.

• Lead frontend development for technically challenging product areas, such as knowledge graph visualizations, ontology explorers, and AI-driven query interfaces.

• Develop high-fidelity, interactive prototypes that integrate real biological data and APIs to test complex interactions and AI workflows, ensuring these prototypes can withstand production-level scrutiny.

• Contribute to technical planning, code reviews, and the evolution of the platform's UI architecture for both enterprise and self-serve products.

• Drive frontend initiatives to establish and maintain standards for the UI design system, ensuring performance, accessibility, and scalability.

• Develop and maintain reusable components for the design system to ensure visual and brand consistency across the entire platform.

• Experiment with and integrate emerging AI tools and techniques to accelerate the design-to-code pipeline and enhance internal workflows.

• Work closely with engineering and product leadership to ensure design intent is accurately implemented from discovery through deployment.

📝 Enhancement Note: The responsibilities highlight a need for a candidate who can not only code but also deeply understand and influence the product vision, especially concerning complex data visualization and AI interaction design within a scientific domain. The emphasis on "owning complex frontend surfaces" and "shaping architectural decisions" suggests a senior-level contributor role.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong academic foundation in Computer Science, Human-Computer Interaction, Design, or a related technical field is implied by the technical and design requirements.

Experience: 5+ years in product design or frontend engineering, with a significant focus on design technology, advanced prototyping, or building design-centric products at scale.

Required Skills:

• Expertise in modern frontend development languages and frameworks, specifically React, TypeScript, and CSS.

• Proven ability to lead complex frontend projects and significantly influence technical roadmaps.

• Strong foundation in visual and interaction design principles, with a keen eye for information density and data visualization.

• Experience in building and maintaining robust design systems and reusable UI components.

• Proficiency in creating high-fidelity, interactive prototypes that can integrate with APIs and real data.

• Demonstrated product thinking capabilities, understanding the "why" behind features and advocating for optimal user experiences.

• Comfort working from first principles in a fast-paced startup environment, with a bias for shipping and iterating quickly.

Preferred Skills:

• Experience with knowledge graph visualization technologies.

• Familiarity with scientific workflows and biological data types (e.g., protein-protein interaction networks, biomarker data).

• Experience with AI tools and techniques to enhance design and development processes.

• Understanding of scientific reasoning and ontology structures.

• Experience in enterprise SaaS product development.

📝 Enhancement Note: The requirement for "5+ years" experience, coupled with leading "complex frontend projects" and "shaping architectural decisions," strongly suggests this is a senior-level or lead position within the frontend engineering or design technology discipline, not an entry-level role. The "startup mindset" requirement indicates a need for adaptability and self-direction.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase of complex frontend projects, demonstrating expertise in React, TypeScript, and CSS.

• Examples of high-fidelity, interactive prototypes, ideally those that integrated with APIs or simulated real data interactions.

• Demonstrations of contributions to or leadership in establishing design systems and reusable component libraries.

• Case studies highlighting the candidate's role in translating design concepts into functional code and influencing technical architecture.

Process Documentation:

• Evidence of contributing to or leading frontend architectural decision-making processes.

• Examples of how the candidate has established or maintained UI design system standards, ensuring performance, accessibility, and scalability.

• Documentation or case studies showing the iterative process of building and refining complex frontend surfaces, including any use of AI in the design-to-code pipeline.

• Demonstrations of cross-functional collaboration, illustrating how design intent was preserved through the development lifecycle.

📝 Enhancement Note: For a Design Technologist role, the portfolio is paramount. It needs to visibly demonstrate the candidate's ability to execute technically complex frontend development, integrate design thinking, and contribute to system-level design decisions. The emphasis on "prototypes that need to hold up under production conditions" suggests a need for portfolio pieces that are more than just mockups, but functional or near-functional examples.

💵 Compensation & Benefits

Salary Range: Based on the San Francisco, California location, the experience level (5+ years), and the specialized nature of the role (Design Technologist at a high-growth AI/Biotech startup), a competitive salary range is estimated. A typical range for a Senior/Lead Design Technologist or Frontend Engineer in this market could be between $150,000 to $200,000 annually, potentially with additional equity.

Benefits:

• Comprehensive PPO health coverage through Anthem (medical, dental, vision).

• 401(k) retirement savings plan.

• Competitive equity compensation.

• Opportunity to work on cutting-edge AI and drug discovery technology.

• High-impact role with significant influence on product development.

Working Hours: Typically 40 hours per week, with flexibility expected in a startup environment. The role is on-site, implying standard business hours with potential for occasional extended hours to meet project deadlines.

📝 Enhancement Note: The salary estimate is based on industry benchmarks for similar roles in San Francisco, considering the company's stage (high-growth, enterprise clients) and the specialized skill set required. The equity component is a significant factor for startups and should be carefully evaluated by candidates.

🎯 Team & Company Context

🏢 Company Culture

Industry: Artificial Intelligence (AI), Biotechnology, Drug Discovery Software. Mithrl is at the forefront of applying AI to accelerate the discovery of new medicines, operating in a rapidly evolving and highly competitive market.

Company Size: Approximately 22 employees. This indicates a lean, agile, and highly collaborative startup environment where individual contributions have a significant impact.

Founded: The founding date is not explicitly provided, but the company's rapid revenue growth (12X year-over-year) and significant enterprise customer base (8 of top 20 global research giants) suggest it is a well-established startup that has achieved product-market fit and is in a strong growth phase.

Team Structure:

• A small, "talent-dense" team comprising engineers, scientists, and designers.

• The Design Technologist will report to Design Leads and collaborate closely with the Head of Product, engineers, and scientists.

Methodology:

• Design-first approach: Design is treated as a core problem and integrated from the outset.

• Data-driven insights: Leveraging biological data and AI to generate scientific insights.

• Agile development: Shipping twice a week and continuously improving based on user feedback.

• Collaborative problem-solving: Working from first principles in a fast-paced environment.

• Focus on innovation: Aggressively using AI in internal workflows and pushing technological boundaries.

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

📝 Enhancement Note: The company culture described is typical of a successful, fast-growing tech startup, emphasizing innovation, collaboration, and a strong design ethos. The "talent-dense" description suggests high expectations for individual performance and expertise.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a senior individual contributor, a "Design Technologist," requiring 5+ years of experience. It's a critical role that bridges design and engineering, implying significant responsibility and potential for leadership within the design and frontend engineering functions.

Reporting Structure: The Design Technologist will report to Design Leads and collaborate daily with the Head of Product, engineers, and scientists. This indicates a flat organizational structure where direct interaction with leadership and cross-functional teams is common.

Operations Impact: The work directly impacts the usability and effectiveness of an AI Co-Scientist platform used by researchers at leading pharmaceutical companies. The Design Technologist will shape how scientists interact with complex biological data and AI insights, directly influencing the speed and success of drug discovery programs. This is a role with tangible, high-stakes impact.

Growth Opportunities:

• Technical Specialization: Deepen expertise in frontend architecture, AI-powered interfaces, and complex data visualization within the biotech/pharma domain.

• Design System Leadership: Take on greater ownership of the design system, potentially leading its evolution and adoption across the company.

• Cross-Functional Influence: Grow influence within product strategy and architectural decisions, becoming a key voice in product development.

• Team Leadership: Potential to mentor junior designers or engineers, or eventually move into a lead design technologist or frontend engineering lead role as the company scales.

• Domain Expertise: Develop a deep understanding of drug discovery, AI in science, and scientific workflows, becoming a valuable asset in this specialized field.

📝 Enhancement Note: The growth path for a Design Technologist at a company like Mithrl is often tied to increasing scope of impact and technical leadership. The emphasis on "owning complex frontend surfaces" and "shaping architectural decisions" suggests a clear trajectory towards more strategic and leadership-oriented responsibilities.

🌐 Work Environment

Office Type: Beautiful SF office with a high-energy, in-person culture. This suggests a collaborative and dynamic workspace designed to foster innovation and teamwork.

Office Location(s): San Francisco, California. This prime location offers access to a rich tech talent pool and ecosystem.

Workspace Context:

• Collaborative Environment: The "high-energy, in-person culture" implies a workspace that encourages spontaneous interaction, brainstorming, and team cohesion.

• Technology Focus: As a tech company, expect access to modern development tools, high-performance computing resources, and a robust IT infrastructure supporting cutting-edge AI and data science work.

• Cross-Functional Interaction: The role's nature necessitates daily interaction with designers, engineers, product managers, and scientists, fostering a rich interdisciplinary exchange of ideas and expertise.

Work Schedule: The role is full-time and on-site, suggesting adherence to standard business hours (e.g., 9 AM - 5 PM PST), but with the inherent flexibility often found in startups that values output and results over strict adherence to clock-in/clock-out times. The "ship twice a week" methodology implies a fast-paced, iterative work cadence.

📝 Enhancement Note: The emphasis on an "in-person culture" is a key differentiator. Candidates should expect a collaborative office environment where face-to-face interaction is prioritized, which is typical for early-stage, high-growth startups aiming to accelerate innovation.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Likely an HR or recruiter screen to assess basic qualifications and cultural fit.

• Technical Interview(s): Expect in-depth discussions about frontend development (React, TypeScript, CSS), system design, and problem-solving. This may include live coding exercises or take-home challenges.

• Design/Product Thinking Interview: A session focused on visual design, interaction design, user experience principles, and how you approach translating concepts into interfaces, particularly for complex data.

• Portfolio Review: A dedicated session where you will present and discuss your portfolio, highlighting relevant projects, your process, and the impact of your work.

• Cross-Functional Interviews: Discussions with engineers, product managers, and potentially scientists to assess collaboration style and domain engagement.

• Final Interview: Likely with senior leadership (e.g., Head of Product, CEO) to discuss overall fit, vision, and strategic alignment.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 of your strongest projects that best showcase your skills in React, TypeScript, CSS, complex UI development, data visualization, and design system contributions.

• Tell a Story: For each project, clearly articulate the problem, your role, the technical challenges, your design decisions, the solutions implemented, and the quantifiable impact or learnings.

• Showcase Technical Depth: For frontend projects, be prepared to discuss your code architecture, performance optimizations, and specific implementation details. Highlight any use of advanced CSS techniques or TypeScript patterns.

• Demonstrate Design Craft: Clearly explain your design process, your rationale behind UI/UX decisions, and how you considered information density and user workflows, especially for data-heavy applications.

• Highlight System Contributions: If you have experience with design systems, showcase components you've built, how you've contributed to their evolution, and how they ensure consistency and scalability.

• Be Ready for Live Demos: Have your portfolio accessible and ready to be shared and potentially demoed live.

Challenge Preparation:

• Frontend Coding Challenges: Practice common algorithms and data structures relevant to frontend development, as well as React-specific challenges (component composition, state management, hooks).

• System Design: Prepare for questions about designing scalable and performant UI architectures, especially for data-intensive applications. Consider how you would approach building a knowledge graph visualization or an AI query interface.

• Design Challenges: Be ready to discuss how you'd approach designing a specific feature or solving a UI problem related to scientific data or AI interactions.

• Behavioral Questions: Prepare examples that demonstrate your startup mindset, ability to work from first principles, collaboration skills, and product thinking.

📝 Enhancement Note: The interview process will likely be rigorous, testing both technical proficiency and design sensibility. A strong portfolio that clearly articulates the candidate's technical execution and design rationale is critical. The emphasis on "prototypes that hold up under production conditions" means candidates should be ready to showcase work that is close to production-ready or demonstrate a deep understanding of production constraints.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React is explicitly mentioned as a core requirement.

• Languages: TypeScript for strong typing and maintainability, and CSS for styling.

• Prototyping Tools: While not specified, tools like Figma, Sketch, Adobe XD, or even code-based prototyping tools (e.g., Storybook, or custom solutions leveraging React) are likely utilized.

• Version Control: Git is standard for all software development.

Analytics & Reporting:

• Data Visualization Libraries: Libraries like D3.js, Chart.js, or specific libraries for graph visualization (e.g., Cytoscape.js, vis.js) are highly probable, given the emphasis on knowledge graph visualizations and scientific data.

• Product Analytics: Tools like Amplitude, Mixpanel, or Google Analytics might be used to track user behavior and product adoption, though not explicitly mentioned.

CRM & Automation:

• Design System Management: Tools like Storybook are often used to document, test, and showcase UI components in isolation.

• AI/ML Integration: The platform likely involves APIs or SDKs for interacting with AI models and backend services that process biological data.

📝 Enhancement Note: The core stack is React, TypeScript, and CSS. The role implies significant work with data visualization, potentially leveraging libraries like D3.js or specialized graph visualization tools. Familiarity with component-based development and design system tools like Storybook would be highly advantageous.

👥 Team Culture & Values

Operations Values:

• Design-First: A core tenet, meaning design thinking and aesthetic quality are integrated into every stage of product development.

• Innovation & Frontier Technology: A drive to push the boundaries of AI and applied science, exemplified by their AI Co-Scientist platform.

• Impact & Real-World Application: A strong focus on creating tools that directly contribute to life-saving drug discovery, serving major pharmaceutical clients.

• Speed & Agility: A commitment to rapid iteration and continuous improvement, demonstrated by shipping twice a week.

• Talent Density: A value placed on hiring exceptional individuals who can contribute significantly to a high-performing team.

• Intellectual Curiosity: Encouragement to engage deeply with complex scientific domains, even without formal domain expertise.

Collaboration Style:

• Cross-Functional Integration: Design, engineering, and product teams work in close proximity, with design having "a seat at every table." This fosters a highly collaborative and integrated approach.

• Direct Communication: The small team size and "in-person culture" facilitate direct, open, and frequent communication between team members and leadership.

• First Principles Thinking: Problems are approached from fundamental principles, encouraging critical thinking and innovative solutions rather than relying on established, potentially suboptimal, methods.

• Iterative Feedback Loops: The rapid shipping cadence ensures continuous feedback from users and internal teams, driving ongoing refinement and improvement.

📝 Enhancement Note: The culture at Mithrl appears to be a blend of high-performance startup drive and a deep respect for design and scientific rigor. Candidates should be prepared for an environment that is fast-paced, demanding, and highly collaborative, with a strong emphasis on quality and impact.

⚡ Challenges & Growth Opportunities

Challenges:

• Complexity of Domain: Translating intricate biological data, knowledge graphs, and AI outputs into intuitive and usable interfaces for scientists is a significant challenge.

• Rapidly Evolving Technology: Staying abreast of advancements in AI, frontend technologies, and design tools while applying them effectively in a product context.

• Balancing Innovation with Production Readiness: Creating cutting-edge prototypes and features while ensuring they are robust, scalable, and performant enough for enterprise clients.

• First-Principles Problem Solving: Navigating ambiguity and building solutions from the ground up in a fast-paced startup environment without established processes for every scenario.

• Maintaining Design System Integrity: Ensuring the design system evolves to meet new product needs while remaining consistent, accessible, and performant across multiple products.

Learning & Development Opportunities:

• Deep Dive into AI & Drug Discovery: Gain unparalleled exposure to the intersection of AI, biology, and pharmaceutical R&D, becoming an expert in this highly specialized domain.

• Advanced Frontend & Design System Mastery: Hone skills in modern frontend architecture, complex data visualization, and lead the development of a sophisticated design system.

• Product Strategy Influence: Grow from an individual contributor to a strategic partner in product development, influencing roadmap and architectural decisions.

• Mentorship in a Talent-Dense Environment: Learn from and collaborate with exceptionally talented engineers and designers, accelerating personal and professional growth.

• Exposure to Enterprise-Level Impact: Understand the needs and workflows of major pharmaceutical companies and contribute to tools that drive critical scientific breakthroughs.

📝 Enhancement Note: The challenges presented are inherent to working at the cutting edge of AI and biotech. The growth opportunities are substantial, offering a unique chance to develop highly specialized skills and make a significant impact in a field with profound societal implications.

💡 Interview Preparation

Strategy Questions:

• "Tell me about a time you bridged the gap between design and engineering on a complex project." (Focus on your process, technical contributions, and how you ensured design fidelity.)

• "How would you approach designing an interface for querying a large biological knowledge graph?" (Discuss data visualization, interaction patterns, ontology exploration, and potential AI integrations.)

• "Describe a challenging frontend project you led. What were the technical hurdles, and how did you overcome them?" (Highlight your React/TypeScript/CSS expertise, architectural decisions, and problem-solving skills.)

• "How do you ensure a design system remains scalable, accessible, and performant as a product grows?" (Discuss component architecture, documentation, adoption strategies, and testing.)

Company & Culture Questions:

• "What excites you about Mithrl's mission and our approach to AI in drug discovery?" (Research their website, recent news, and understand the impact of their work.)

• "How do you feel about working in a fast-paced, 'ship twice a week' startup environment?" (Emphasize your adaptability, comfort with ambiguity, and bias for action.)

• "What does 'design-first' mean to you, and how would you contribute to that culture as a Design Technologist?" (Discuss integration, collaboration, and advocating for design quality.)

• "How do you approach collaboration with product designers and engineers?" (Provide examples of successful cross-functional teamwork and communication.)

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, follow a clear structure: Problem -> Your Role -> Process/Solution -> Outcome/Impact.

• Highlight Technical Execution: Be ready to discuss specific code challenges, architectural decisions, performance optimizations, and the technologies used (React, TypeScript, CSS).

• Showcase Design Intent: Explain your UI/UX rationale, how you addressed information density, and how your design facilitated user understanding of complex data.

• Demonstrate Design System Contributions: If applicable, showcase components you've built, style guides you've followed or influenced, and how you ensure consistency.

• Emphasize Impact: Quantify results where possible (e.g., improved performance, increased user engagement, successful feature adoption). If quantitative data is unavailable, focus on qualitative feedback or strategic importance.

• Be Engaging: Practice presenting your work to feel comfortable and confident. Be prepared for questions about your decisions and challenges.

📝 Enhancement Note: The interview preparation should focus on demonstrating a strong blend of technical prowess, design sensibility, and an understanding of the company's mission and culture. The portfolio review is a critical component, so candidates should invest significant time in preparing a compelling presentation.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on Ashby.

• Curate Your Portfolio: Select 3-5 key projects that best showcase your expertise in React, TypeScript, CSS, complex UI development, data visualization, and design system contributions. Ensure each project clearly outlines the problem, your role, the technical solutions, and the impact.

• Tailor Your Resume: Highlight your 5+ years of experience in product design or frontend engineering, emphasizing your skills in design technology, advanced prototyping, and building design-centric products. Use keywords such as "React," "TypeScript," "CSS," "Design System," "Data Visualization," and "Prototyping."

• Prepare Your Presentation: Practice walking through your portfolio, focusing on clear storytelling, technical details, design rationale, and quantifiable outcomes. Be ready to discuss your approach to complex frontend challenges and collaboration.

• Research Mithrl: Understand their mission, technology (AI Co-Scientist, knowledge graph), target market (pharmaceutical giants), and company culture (design-first, fast-paced startup). Prepare thoughtful questions about the role, team, and 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.