Staff Front End Engineer - AI Product UX - US - San Francisco (Hybrid)

📍 Job Overview

Job Title: Staff Frontend Engineer, AI Product UX

Company: HomeVision

Location: San Francisco, California, United States

Job Type: FULL_TIME

Category: Frontend Engineering / Product Engineering / AI UX

Date Posted: 2026-06-13

Experience Level: 10+ Years

Remote Status: Hybrid (In-office 2 days/week)

🚀 Role Summary

• Spearhead the design and development of intuitive user experiences for AI-assisted mortgage underwriting, focusing on human trust and confidence in AI decisions.

• Lead the evolution and architecture of the company's cross-platform frontend and design system, ensuring scalability and maintainability.

• Drive technical excellence by establishing frontend patterns, libraries, and review standards, while mentoring and recruiting engineering talent.

• Champion rapid iteration and learning by taking features from concept to production swiftly and incorporating user feedback.

📝 Enhancement Note: This role is positioned as a crucial individual contributor with significant technical leadership and product influence, focusing on the intersection of AI, user experience, and complex financial workflows. The emphasis on "Staff" or "Principal-level" indicates a need for deep technical expertise, architectural vision, and the ability to mentor and elevate the engineering team.

📈 Primary Responsibilities

• Define AI-Assisted Underwriting UX: Design and build sophisticated workflows that enable underwriters, processors, and loan officers to confidently collaborate with AI systems, fostering trust through intuitive UX patterns for explainability, auditability, and exception handling.

• Own Frontend Platform & Design System: Lead the architectural vision and development of the company's frontend platform across web and future embedded experiences, including in-document review and lender integrations, ensuring it can scale efficiently.

• Architect Scalable Components: Develop and maintain a robust design system and frontend architecture that allows the engineering team to ship features faster and with higher quality as the company grows.

• Elevate Engineering Standards: Establish and enforce frontend patterns, coding standards, and best practices for the entire engineering team, fostering a culture of quality and collaboration.

• Mentor and Recruit Talent: Play a key role in attracting, interviewing, and mentoring frontend engineers, contributing to the growth and strength of the engineering team.

• Drive Rapid Iteration: Implement features from initial concept to production deployment within days, utilizing a fast-paced, iterative development process informed by real customer usage and feedback.

• Improve Development Velocity: Proactively identify, evaluate, and implement tools and process improvements that accelerate prototyping, development, and deployment cycles while maintaining high quality.

📝 Enhancement Note: The responsibilities highlight a blend of strategic product definition, technical architecture, team leadership, and hands-on development. The focus on "AI-assisted underwriting" and "human trust in AI" points to a complex domain requiring deep understanding of user needs in high-stakes financial environments.

🎓 Skills & Qualifications

Education: Not explicitly specified, but a Bachelor's or Master's degree in Computer Science, Engineering, or a related field is typically expected for Staff/Principal level roles.

Experience: 10+ years of professional software engineering experience, with a significant focus on frontend development and product ownership. Proven track record of leading complex features or product surfaces end-to-end.

Required Skills:

• Deep proficiency in modern JavaScript frameworks, with a strong preference for React and TypeScript.

• Expertise in frontend architecture, including designing scalable, maintainable, and performant web applications.

• Experience building and maintaining design systems and component libraries.

• Proven ability to lead the end-to-end development of product surfaces, from conception to production.

• Strong understanding of UX principles and experience designing user interfaces for complex or data-dense applications.

• Comfortability working across the full stack, with the ability to read, reason about, and contribute to Go and Python backend codebases.

• Demonstrated ability to operate with urgency, ownership, and a proactive approach to problem-solving.

• Excellent communication and collaboration skills, with a proven ability to elevate the people around you. Preferred Skills:

• Experience building AI-native interfaces or applications involving explainability, auditability, or human-in-the-loop systems.

• Background working on document review, decisioning, or complex workflow products.

• Experience in the financial services or mortgage lending industry.

• Familiarity with API integration and building robust frontend systems that interact with backend services.

• Experience mentoring junior engineers and contributing to hiring processes.

📝 Enhancement Note: The requirement for deep proficiency in React and TypeScript is noted as ideal but not strictly required, indicating a willingness to consider strong engineers from other modern frontend ecosystems who can ramp up quickly. The emphasis on full-stack comfort and reasoning about Go/Python suggests a need for engineers who understand the entire system.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate End-to-End Product Ownership: Showcase projects where you led a feature or product surface from initial ideation through to successful production deployment and iteration.

• Showcase Complex UI/UX Design: Provide examples of building intuitive interfaces for complex, data-dense applications, ideally involving decision-making, review processes, or workflow management.

• Illustrate Architectural Contributions: Present examples of frontend architecture decisions, design system contributions, or scalable component development that improved team velocity or product maintainability.

• Highlight AI or Workflow Experience (if applicable): If you have experience with AI-native interfaces, human-in-the-loop systems, document review, or complex workflow products, these should be prominently featured.

• Evidence of Cross-Functional Collaboration: Include projects where you collaborated closely with product, design, and backend engineering teams to achieve product goals.

Process Documentation:

• Workflow Optimization Case Studies: Detail how you identified inefficiencies in existing workflows and implemented frontend solutions to improve user productivity, reduce errors, or enhance decision-making.

• Design System Implementation: Document the process of creating, evolving, or contributing to a design system, focusing on its impact on development speed, consistency, and maintainability.

• Iterative Development & Feedback Loops: Explain your approach to shipping features rapidly and incorporating user feedback to drive continuous improvement, providing examples of how this process led to better product outcomes.

📝 Enhancement Note: While not explicitly stated as a formal portfolio requirement, the description strongly implies that candidates will need to demonstrate their capabilities through examples of past work. The emphasis on "links to things you've built" (GitHub, side projects, shipped products) suggests that a well-curated portfolio showcasing technical depth, product thinking, and impact is highly valued.

💵 Compensation & Benefits

Salary Range: Based on the "Staff Frontend Engineer" title, "leadership-level equity," and "San Francisco" location, a competitive salary range for this role in San Francisco would typically be between $180,000 - $250,000+ annually for base salary. The total compensation, including equity, would be significantly higher.

Benefits:

• Competitive Base Salary: Calibrated to senior/principal-level engineers in San Francisco.

• Meaningful Equity Ownership: Leadership-level stock options or grants.

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

• Retirement Savings: 401(k) plan with a company match.

• Work-Life Balance: Flexible vacation policy and parental leave.

• Professional Development: Support for learning and professional development, including training and resources.

Working Hours: Standard full-time hours are assumed (approximately 40 hours per week), with flexibility often provided given the hybrid work model and focus on results.

📝 Enhancement Note: The salary estimate is based on industry benchmarks for Staff/Principal Frontend Engineers in high-cost-of-living tech hubs like San Francisco, combined with the explicit mention of "leadership-level equity" which signifies a significant compensation package beyond base salary. This is a standard practice for roles at this seniority level.

🎯 Team & Company Context

🏢 Company Culture

Industry: AI-powered Mortgage Lending Technology (FinTech).

Company Size: The description indicates growth, mentioning "growing the engineering team meaningfully over the next twelve months" and having team concentrations in multiple locations. While not explicitly stated, it implies a growth-stage startup, likely ranging from 50-200 employees.

Founded: HomeVision is positioned as an established player in AI underwriting, having already automated millions of appraisal reviews, suggesting it's beyond the initial seed stage but still in a significant growth phase.

Team Structure:

• Cross-functional Product Teams: The role emphasizes partnering directly with the Head of Design, CTO, and senior product leadership, suggesting a collaborative, product-focused team structure.

• Engineering Specialization: The team is growing, and this role will help shape the future frontend engineering team, implying a focus on specialization within engineering disciplines.

• Hybrid & Distributed: The team operates on a hybrid model in San Francisco and has concentrations in Seattle and Argentina, with other members across the US, indicating a culture that supports remote and distributed collaboration.

Methodology:

• Agile & Iterative Development: The emphasis on "Ship fast and learn faster" and "Take features from rough ideas to production in days, not weeks" points to an agile, iterative approach to product development.

• Data-Driven Product Decisions: While not explicitly stated, the nature of AI and financial technology suggests a strong reliance on data for understanding customer behavior and product performance.

• Customer-Centric Design: The role involves engaging with customers and learning the domain, indicating a customer-centric approach to product and UX design.

Company Website: https://homevision.co

📝 Enhancement Note: The company culture is described as fast-paced, product-oriented, and focused on ownership and continuous improvement. The values reflect a strong emphasis on learning, collaboration, and delivering value.

📈 Career & Growth Analysis

Operations Career Level: Staff Frontend Engineer - This is a senior individual contributor role, often considered equivalent to a Principal Engineer in impact and scope. It signifies a deep technical expert who can influence architecture, mentor others, and drive significant product initiatives.

Reporting Structure: The role reports to senior product leadership (CTO, Head of Design, senior product leadership) and is expected to influence the direction of the frontend engineering team and product UX.

Operations Impact: This role has a direct and significant impact on the core product offering: the user experience of AI-assisted underwriting. By shaping how users interact with AI, this engineer will directly influence user trust, adoption, efficiency, and the overall success of HomeVision's platform in the mortgage industry.

Growth Opportunities:

• Technical Leadership: Opportunity to become the technical lead for frontend development, shaping architectural decisions, technology choices, and engineering best practices for the entire company.

• Product Influence: Directly influence the product roadmap and UX strategy for a critical area of AI application in a massive industry.

• Team Building & Mentorship: Lead hiring efforts for the frontend team and mentor engineers, developing leadership and people management skills.

• Domain Expertise: Deepen expertise in FinTech, AI, and the mortgage lending industry, becoming a valuable specialist.

• Architectural Vision: Contribute to the long-term technical vision and architecture of the platform as the company scales.

📝 Enhancement Note: This role offers a high degree of autonomy and influence, typical of Staff/Principal level positions. It's an opportunity for seasoned engineers to make a significant impact on both the product and the engineering culture of a rapidly growing company.

🌐 Work Environment

Office Type: Hybrid model. The San Francisco office serves as a hub for in-person collaboration, with specific expectations for office attendance (two days per week).

Office Location(s): San Francisco, California, USA. The company also has team concentrations in Seattle and Argentina, and other team members across the US.

Workspace Context:

• Collaborative Hub: The San Francisco office is designed for collaborative work, likely featuring meeting rooms, whiteboarding spaces, and areas conducive to team interaction, especially for the two required in-office days.

• Technology Environment: Access to modern development tools, cloud infrastructure, and potentially specialized hardware or software for AI/ML model interaction within the frontend.

• Cross-Functional Interaction: The role requires close collaboration with design, product, and backend engineering teams, fostering a highly integrated work environment.

Work Schedule: Standard full-time, likely with some flexibility given the hybrid nature and focus on outcomes. The "value time" company value suggests an emphasis on efficient work rather than strict adherence to hours.

📝 Enhancement Note: The hybrid model in San Francisco balances the benefits of in-person collaboration for strategic discussions and team building with the flexibility of remote work. This setup is common for growth-stage tech companies aiming to foster both connection and productivity.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application, resume, and any provided links to your work.

• Technical Interview(s): Expect in-depth discussions on frontend architecture, system design, coding challenges (potentially live coding or take-home assignments), and problem-solving related to complex UI/UX and data-dense applications.

• Product & UX Deep Dive: Discussions focused on your product thinking, understanding of user workflows, and experience designing for complex domains like AI and finance. This may involve case studies or hypothetical scenarios.

• Cross-Functional / Leadership Interview: Conversations with CTO, Head of Design, or senior product leaders to assess your leadership potential, collaboration style, and strategic thinking.

• Final Round / Culture Fit: Interviews to assess alignment with HomeVision's values, team dynamics, and overall cultural contribution.

Portfolio Review Tips:

• Curate Select Examples: Focus on 2-3 significant projects that best demonstrate your skills in frontend architecture, product ownership, complex UI/UX, and ideally, AI or workflow systems.

• Structure Your Case Studies: For each project, clearly articulate the problem, your role and approach, the technical challenges, the solutions implemented, and the impact (quantifiable metrics are ideal).

• Highlight Ownership & Impact: Emphasize instances where you took initiative, led aspects of development, and delivered tangible results. For this role, focus on how your work improved user trust, efficiency, or decision-making in complex workflows.

• Showcase Technical Depth: Be prepared to discuss architectural decisions, trade-offs, and your reasoning behind technology choices. If you have GitHub repositories, ensure they are clean and well-documented.

• Connect to HomeVision's Mission: Tailor your presentation to highlight how your experience and skills are directly relevant to HomeVision's mission of building AI-assisted underwriting platforms and fostering human trust in AI.

Challenge Preparation:

• System Design: Practice designing scalable frontend architectures for complex applications, considering aspects like state management, API interactions, performance optimization, and maintainability.

• Problem Solving: Be ready to tackle hypothetical problems related to designing AI interfaces, improving complex workflows, or handling data-dense UIs. Think about user empathy and iterative solutions.

• Technical Communication: Practice explaining complex technical concepts clearly and concisely to both technical and non-technical audiences.

📝 Enhancement Note: Given the "Staff" level and emphasis on product/UX, expect interview questions to probe deeply into your thought process, decision-making, and ability to influence product direction, not just your coding ability. A strong portfolio demonstrating end-to-end ownership and complex problem-solving will be critical.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React (highly preferred), TypeScript.

• Languages: JavaScript, TypeScript, Go, Python (for backend reasoning).

• Design System Tools: Figma or similar for design collaboration, Storybook or similar for component documentation.

Analytics & Reporting:

• Web Analytics: Tools like Google Analytics, Mixpanel, Amplitude for tracking user behavior and feature adoption.

• Performance Monitoring: Tools for monitoring frontend performance and identifying bottlenecks.

• Dashboarding: Potentially internal dashboards or BI tools for visualizing key metrics relevant to user engagement and system performance.

CRM & Automation:

• Not directly applicable to this frontend role, but understanding how the frontend integrates with backend systems (likely involving APIs) is crucial.

• CI/CD Tools: Jenkins, GitHub Actions, GitLab CI, CircleCI for automated builds, testing, and deployments.

• Version Control: Git (e.g., GitHub, GitLab).

📝 Enhancement Note: The core of the role revolves around React and TypeScript. However, the expectation to "reason about our Go/Python backend" implies a need for familiarity with backend concepts and potentially basic debugging or understanding of API structures, even if not actively coding backend.

👥 Team Culture & Values

Operations Values:

• Start with Questions, Not Answers: Encourages a curious, analytical approach to problem-solving, deeply understanding the "why" before jumping to solutions. For operations professionals, this means rigorous discovery and requirement gathering.

• Run at Problems - Make Your Footprint Bigger Than Your Foot: Signifies a proactive, ownership-driven mindset. Operations roles are expected to identify issues, take initiative, and drive improvements that have a significant, lasting impact.

• Continuous Learning, Continuous Improvement: Values a growth mindset, essential for staying ahead in evolving tech and AI landscapes. Operations professionals should be adaptable and committed to skill development.

• Be Transparent and Collaborative: Emphasizes open communication and teamwork. Operations success often hinges on seamless collaboration across departments (Sales, Marketing, Finance, Engineering).

• Value Time: Focuses on efficiency and effectiveness. In operations, this translates to optimizing processes, reducing manual effort, and ensuring timely delivery of insights and support.

• Play to Win, Win for Everyone: Aligns with a high-performance culture that celebrates collective success. Operations teams contribute directly to revenue and company growth, making their wins crucial.

• Always Do the Loving Thing: Suggests a culture of empathy, integrity, and ethical conduct, important in sensitive industries like finance and when dealing with AI.

Collaboration Style:

• Cross-functional Integration: The role's emphasis on partnering with Design, CTO, and Product leadership highlights a highly integrated, cross-functional approach. Operations professionals will need to effectively communicate and collaborate with these groups.

• Feedback-Driven: The "Ship fast and learn faster" ethos implies a culture where feedback (from users, peers, stakeholders) is actively sought and incorporated into iterative improvements.

• Knowledge Sharing: With a growing team and emphasis on mentorship, expect a culture that values sharing expertise and best practices, particularly around frontend architecture and product development.

📝 Enhancement Note: The company's stated values are actionable and indicative of a culture that prioritizes impact, learning, and collaboration. Operations candidates should be prepared to demonstrate how they embody these values in their work.

⚡ Challenges & Growth Opportunities

Challenges:

• Designing for Trust in AI: The core challenge is to create intuitive interfaces that build user confidence in AI-driven financial decisions, which are inherently complex and high-stakes. This requires deep empathy and understanding of user psychology.

• Scaling Complex Workflows: As HomeVision expands beyond appraisal review to the full underwriting process, scaling these complex, data-intensive workflows on the frontend will be a significant technical and UX challenge.

• Balancing Speed and Quality: The need to "ship fast and learn faster" while maintaining high standards for reliability and trust in a regulated industry like mortgage lending presents a constant balancing act.

• Technical Debt Management: As the company grows rapidly, proactively managing technical debt and evolving the frontend architecture to support new features and scale will be crucial.

Learning & Development Opportunities:

• Deep Domain Expertise: Opportunity to become an expert in AI, FinTech, and the mortgage lending industry, a high-demand specialization.

• Architectural Leadership: Shape the future of HomeVision's frontend architecture, influencing technology choices and best practices for a growing engineering organization.

• Product & UX Innovation: Directly contribute to innovative UX solutions for human-AI collaboration in a critical business function.

• Mentorship & Team Building: Develop leadership skills by mentoring junior engineers and playing a key role in building out the frontend team.

📝 Enhancement Note: This role offers significant challenges that are also ripe with opportunities for professional growth, particularly for those looking to deepen their expertise in AI UX and scalable platform development within a high-impact industry.

💡 Interview Preparation

Strategy Questions:

• AI UX & Trust: "How would you design an interface to help a loan underwriter trust an AI's collateral assessment, especially when it differs from their initial judgment?" Prepare to discuss explainability, data visualization, confidence scores, and human-in-the-loop mechanisms.

• Workflow Optimization: "Describe a complex workflow you've streamlined or improved using frontend development. What were the key challenges and how did you measure success?" Focus on process analysis, user impact, and quantifiable results.

• Scalable Architecture: "Imagine HomeVision needs to support 10x the number of users and data volume. What are the key frontend architectural considerations you'd prioritize?" Discuss performance, state management, component reusability, and maintainability.

Company & Culture Questions:

• Values Alignment: "How does your approach to software development align with HomeVision's value of 'Start with questions, not answers'?" Be ready to provide examples of how you deeply understand problems before proposing solutions.

• Collaboration: "Describe a time you had to collaborate closely with design and product teams on a complex feature. How did you ensure alignment and successful delivery?" Highlight your cross-functional communication and teamwork skills.

• Impact Measurement: "How do you measure the success and impact of your frontend contributions, particularly in terms of user experience and business outcomes?" Prepare to discuss metrics related to usability, efficiency, and adoption.

Portfolio Presentation Strategy:

• Storytelling with Impact: Structure your portfolio presentation around compelling narratives for each project. Clearly define the problem, your specific contributions and thought process, the technical solutions, and the measurable outcomes.

• Focus on Problem-Solving: For each case study, emphasize the difficult problems you tackled and how your technical and product skills led to effective solutions. This is crucial for a Staff-level role.

• Demonstrate Ownership: Clearly articulate your ownership of features or product surfaces, showcasing initiative and end-to-end responsibility.

• Visuals & Demos: Use screenshots, mockups, or live demos (if possible) to illustrate your work. For AI UX, visually demonstrating how users interact with AI outputs is key.

• Connect to HomeVision: Conclude by explicitly linking your experience and capabilities to HomeVision's mission and the specific challenges of this role.

📝 Enhancement Note: The interview process will likely be rigorous, testing not only technical skills but also product intuition, strategic thinking, and leadership potential. A strong portfolio that showcases end-to-end product ownership and complex problem-solving is essential.

📌 Application Steps

To apply for this Staff Frontend Engineer position at HomeVision:

• Submit Your Application: Navigate to the provided application link (https://jobs.ashbyhq.com/homevision/9cbb5f5b-6273-4f31-a826-e0184e688165) and complete the application form.

• Curate Your Portfolio: Select 2-3 of your most impactful projects that demonstrate end-to-end product ownership, complex UI/UX design for data-dense applications, and ideally, experience with AI-native interfaces or workflow optimization. Prepare to discuss the problem, your role, technical solutions, and measurable impact.

• Tailor Your Resume: Highlight your extensive experience (10+ years) with React, TypeScript, frontend architecture, and any experience with Go/Python backend reasoning. Emphasize leadership, mentorship, and product-driven development.

• Prepare Your Narrative: Practice articulating your experience and how it aligns with HomeVision's mission and the role's responsibilities, particularly regarding building trust in AI and optimizing complex workflows. Be ready to discuss your approach to problem-solving and collaboration.

• Research HomeVision: Familiarize yourself with HomeVision's product (MIRA), its mission in the mortgage industry, and its stated company values. Understand their focus on AI underwriting and human-AI collaboration.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.