Staff Brand Designer, Interactive

📍 Job Overview

Job Title: Staff Brand Designer, Interactive

Company: Brex

Location: San Francisco, California, United States

Job Type: Full-time

Category: Brand Design / Interactive Design

Date Posted: 2026-09-03

Experience Level: 8+ years (Staff Level)

Remote Status: Hybrid

🚀 Role Summary

• Drive the creation of high-impact, responsive web experiences, from initial wireframes to polished, high-fidelity prototypes, ensuring a balance of brand expression, user clarity, and conversion optimization.

• Lead the evolution and maintenance of Brex's web design system and Figma component libraries, ensuring scalability, consistency, and adherence to brand guidelines across all digital touchpoints.

• Collaborate closely with engineering teams to translate complex design concepts into production-ready code, providing detailed specifications, conducting rigorous QA, and communicating fluently in web development languages.

• Explore and implement cutting-edge interactive experiences through code, leveraging technologies like WebGL/Three.js, Canvas, GSAP, or p5.js to push creative boundaries and enhance user engagement.

• Contribute to strategic brand direction and execute a wide range of creative projects, including marketing collateral, digital interfaces, out-of-home campaigns, and communications, to meaningfully impact key business metrics.

📝 Enhancement Note: This role is positioned as a "Staff" level designer, indicating a need for significant experience, strategic thinking, and the ability to influence design direction. The emphasis on "interactive" and specific technologies like WebGL/Three.js, GSAP, and Canvas suggests a focus on sophisticated, code-driven digital experiences beyond standard web design. The requirement to "speak fluently in HTML, CSS, and JavaScript" and collaborate closely with engineers underscores a hybrid design/development skill set expected at this senior level.

📈 Primary Responsibilities

• Design and develop visually compelling and functionally robust responsive web experiences, meticulously balancing brand identity, user experience clarity, and conversion goals.

• Spearhead the continuous improvement and expansion of the Brex web design system, including Figma component libraries, ensuring maintainability, scalability, and consistent application across the platform.

• Partner with software engineers to ensure seamless design implementation, providing comprehensive design specifications, performing thorough quality assurance on developed features, and acting as a liaison between design and development teams.

• Experiment with and integrate advanced interactive technologies (e.g., WebGL, Three.js, GSAP, Canvas, p5.js) to create dynamic, engaging, and technically sophisticated digital experiences that align with Brex's brand narrative.

• Collaborate with marketing leaders, product teams, and cross-functional stakeholders to conceptualize, develop, and execute impactful brand marketing initiatives and campaigns that drive measurable business outcomes.

• Translate strategic objectives into creative solutions, demonstrating strong design taste, clear judgment, and the ability to advocate for design decisions while remaining adaptable to feedback and business needs.

• Design and maintain interfaces within headless CMS environments (e.g., Sanity), ensuring content structures are effectively supported by the design system.

📝 Enhancement Note: The responsibilities highlight a dual focus on both strategic brand representation and technical execution within digital environments. The emphasis on "shipping effective brand marketing projects and campaigns" indicates a need for designers who can connect creative output directly to business objectives and key performance indicators (KPIs).

🎓 Skills & Qualifications

Education: While specific degrees are not mandated, a strong foundation in Design, Human-Computer Interaction, Computer Science, or a related field is highly beneficial. A robust portfolio demonstrating equivalent practical experience will be considered.

Experience: 8+ years of progressive experience in interactive design, digital design, or a related field, with a proven track record of shipping impactful web experiences.

Required Skills:

• Expert proficiency in Figma for designing complex systems, managing component libraries, and advanced prototyping.

• Demonstrated fluency and practical experience with core web development languages: HTML, CSS, and JavaScript.

• Proven ability to collaborate effectively with engineering teams throughout the design and development lifecycle, including detailed specification writing and quality assurance.

• Hands-on experience with modern interactive design tools and libraries such as Framer, Spline, WebGL/Three.js, GSAP, or p5.js.

• Familiarity and practical experience designing within headless CMS workflows (e.g., Sanity or similar), understanding content structure and its impact on design.

• Exceptional understanding of typography, layout, motion design principles, visual hierarchy, and responsive design techniques.

• A strong portfolio showcasing shipped interactive work that clearly demonstrates design taste, technical capability, and tangible business impact. Preferred Skills:

• Background working within high-performing creative agencies or in-house design teams for prominent consumer-facing brands.

• Knowledge of accessibility standards, particularly concerning motion and interactive elements, to ensure inclusive design practices.

• A history of contributing to award-winning or exceptionally high-impact web experiences that have set industry benchmarks.

📝 Enhancement Note: The "8+ years of experience" coupled with "Staff" title implies a senior individual contributor role, expected to mentor junior designers and set technical/creative standards within the interactive design domain. The explicit mention of collaborating with engineers and speaking "fluently in HTML, CSS, and JavaScript" suggests a hybrid role where design and front-end development skills are deeply integrated.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Interactive Case Studies: Showcase at least 2-3 detailed case studies of shipped interactive web experiences. Each case study should clearly articulate the problem, your role, the design process, technical challenges overcome, and the measurable business impact (e.g., conversion rates, engagement metrics, brand perception).

• Design System Contributions: Include examples of your work on design systems, particularly focusing on Figma component libraries, scalability strategies, and how you ensured consistency across multiple digital products or campaigns.

• Technical Execution Examples: Provide evidence of your ability to translate design into functional code, perhaps through interactive prototypes built with code, or examples of collaboration with engineers that led to pixel-perfect implementation.

• Brand Integration: Demonstrate how your interactive designs effectively communicate and reinforce brand identity, tone, and visual language.

Process Documentation:

• Workflow Design: Illustrate your process for moving from concept ideation to final pixel-perfect execution, including user research, wireframing, prototyping, and handoff.

• System Implementation: Detail your approach to building, scaling, and maintaining design systems and component libraries, emphasizing collaboration with engineering for seamless integration.

• Performance Analysis: Explain how you measure the success of your interactive designs, linking them to key business metrics and demonstrating your ability to iterate based on performance data.

📝 Enhancement Note: Given the "Staff" level and emphasis on interactive and code-based design, the portfolio should not only showcase aesthetic quality but also a deep understanding of technical implementation, system design, and demonstrable business impact. Explicitly detailing the process behind each project is crucial.

💵 Compensation & Benefits

Salary Range: $187,000 - $234,000 USD per year.

• Note: The final base salary will be determined by several factors including the candidate's location, specific skills, depth of experience, prevailing market rates for similar roles, and internal equity considerations.

Benefits:

• Hybrid Work Environment: Offers a structured blend of in-office collaboration and remote flexibility, with a requirement of three coordinated days in the office per week (Monday, Wednesday, and Thursday).

• Remote Work Flexibility: Up to four weeks of fully remote work per year, providing an opportunity to work from anywhere.

• Career Growth Support: Brex is committed to professional development, offering resources, training, and opportunities for advancement within the design and operations teams.

• Equity and Other Compensation: Potential for equity grants and other forms of compensation as part of the total compensation package, reflecting the value of contributions.

• Comprehensive Health & Wellness: (Assumed for a company of Brex's size and funding stage) Likely includes medical, dental, and vision insurance, as well as potential for mental health resources and wellness programs.

• Retirement Savings Plan: (Assumed) Likely includes a 401(k) plan with potential company match.

Working Hours:

• Standard full-time hours are expected, likely around 40 hours per week. The hybrid model offers flexibility in how these hours are structured, balancing core in-office collaboration days with remote work.

📝 Enhancement Note: The salary range provided is typical for a Staff-level interactive designer in a major tech hub like San Francisco. The explicit mention of hybrid work with specific in-office days and a remote work allowance is a key differentiator. The note about equity and other compensation indicates this is a significant role with potential for long-term financial upside.

🎯 Team & Company Context

🏢 Company Culture

Industry: FinTech / Financial Services Technology. Brex operates at the intersection of finance and technology, providing an intelligent finance platform for businesses. This industry demands high levels of trust, security, and innovation.

Company Size: Brex is a significant player in the FinTech space, indicated by its rapid growth and broad customer base. While not explicitly stated, the "Staff" level role suggests a mature, well-established design team within a larger, dynamic organization.

Founded: Founded in 2017, Brex has rapidly scaled to become a leader in its market, demonstrating a culture of speed, ambition, and innovation. This history suggests a company that values agility and forward-thinking solutions.

Team Structure:

• The Design team is described as "cross-disciplinary," comprising Product Designers, Brand Designers (including this role), Content Designers, Operations specialists, and Marketing Strategists. This structure fosters collaboration and a holistic approach to product and brand development.

• This role reports into a design leadership function, likely a Design Manager or Director, and will collaborate closely with Marketing leaders and Web/Product teams.

• Cross-functional collaboration is central, emphasizing teamwork with engineers, product managers, and marketing specialists to achieve shared goals. Methodology:

• Data-Driven Design: The company emphasizes leveraging AI and data for "real-time visibility" and "effortless control," suggesting that design decisions are informed by analytics and user behavior.

• Agile Development: Brex's rapid growth and focus on innovation imply an agile product development process where design is integrated iteratively.

• Customer-Centricity: The mission to "empower our users" and "accelerate operations" indicates a strong focus on understanding and serving customer needs through design.

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

📝 Enhancement Note: Brex's positioning as an "intelligent finance platform" suggests a culture that values technological sophistication, data-driven decision-making, and efficiency. The "Design at Brex" section emphasizes high craft, scalability, and a focus on making complex systems feel effortless, which is critical in FinTech.

📈 Career & Growth Analysis

Operations Career Level: Staff Brand Designer, Interactive. This is a senior individual contributor role, typically three to five levels above entry-level. It signifies expertise, strategic influence, and the ability to tackle complex, ambiguous problems autonomously. Staff designers are expected to mentor others, drive best practices, and contribute significantly to team and company-wide initiatives.

Reporting Structure: This role will likely report to a Design Manager or Director of Design. It involves close collaboration with Product Managers, Engineering Leads, and Marketing Directors, indicating a matrixed reporting environment common in tech companies.

Operations Impact: The Staff Brand Designer will have a direct impact on Brex's brand perception, customer acquisition, and user engagement through the design of its digital presence. Their work on responsive web experiences, design systems, and interactive campaigns will directly influence key business metrics such as conversion rates, website traffic, and brand recall. The ability to "turn interactive ideas into business impact" is a core expectation.

Growth Opportunities:

• Technical Specialization: Deepen expertise in advanced interactive technologies (WebGL, Three.js, GSAP), potentially becoming a go-to expert for complex interactive projects within Brex.

• Design Leadership: Transition into a lead or principal designer role, taking ownership of larger product areas or strategic design initiatives, and mentoring a team of designers.

• Cross-Functional Leadership: Move into roles that bridge design and product strategy, influencing product roadmaps and go-to-market strategies from a design perspective.

• Management Track: With demonstrated leadership and mentorship, an opportunity to move into a design management position, leading a team of designers.

📝 Enhancement Note: The "Staff" title implies significant autonomy and influence. Growth paths are likely to involve increasing scope of responsibility, technical depth, or leadership, rather than just linear promotion.

🌐 Work Environment

Office Type: Hybrid work environment, combining the benefits of in-office collaboration and remote flexibility. Brex requires a minimum of three coordinated days in the office per week (Monday, Wednesday, and Thursday), with an additional perk of up to four weeks of fully remote work per year. This structure aims to foster team cohesion and spontaneous collaboration while allowing for focused individual work.

Office Location(s): San Francisco, Seattle, or New York. These are major tech hubs with established creative communities.

Workspace Context:

• Collaborative Spaces: The office environment is designed to facilitate collaboration, with meeting rooms, breakout areas, and open-plan spaces conducive to team discussions and brainstorming sessions.

• Tools & Technology: Designers will have access to industry-standard software (Figma), potentially advanced hardware, and robust internet connectivity. The company's tech-forward nature suggests a well-equipped digital workspace.

• Team Interaction: The hybrid model encourages intentional in-office time for team meetings, design critiques, and cross-functional syncs, ensuring designers can effectively connect with colleagues and stakeholders.

Work Schedule: While full-time hours are standard, the hybrid nature and remote work allowance offer flexibility. The core requirement of specific in-office days suggests a need for structured availability during business hours for team collaboration.

📝 Enhancement Note: The hybrid model is a key feature, balancing the need for in-person interaction and culture-building with the flexibility that many tech professionals value. The specific in-office days (Mon, Wed, Thu) are important to note for candidates.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter will likely review your application, focusing on your resume and portfolio link. Be prepared to articulate your experience and suitability for a Staff-level interactive design role.

• Portfolio Review & Design Challenge: Expect a session where you present your portfolio, discussing 2-3 key projects in detail. This may be followed by a design exercise or challenge, potentially involving a small interactive concept, a critique of an existing experience, or a problem-solving task related to Brex's brand or web presence.

• Team/Cross-Functional Interviews: You will likely meet with other designers, engineering leads, product managers, and marketing stakeholders. These interviews will assess your technical skills, collaborative approach, strategic thinking, and cultural fit.

• Hiring Manager Interview: A final interview with the hiring manager to discuss your career goals, leadership potential, and overall fit within the team and company.

Portfolio Review Tips:

• Focus on Impact: For each project, clearly articulate the business problem, your specific role and contributions, the design process, technical challenges, and the quantifiable results (e.g., conversion increases, engagement metrics, user feedback).

• Showcase Technical Fluency: Highlight your coding skills (HTML, CSS, JavaScript) and experience with interactive tools (WebGL, GSAP, etc.). Demonstrate how you leveraged these to create unique and effective experiences.

• System Thinking: Present your work on design systems and component libraries, emphasizing scalability, consistency, and maintainability.

• Storytelling: Structure your case studies as narratives that clearly communicate your thought process, problem-solving abilities, and the value you bring.

• Tailor to Brex: Research Brex's brand, products, and target audience. Be prepared to discuss how your skills and experience align with their needs and how you would approach interactive design challenges for a FinTech company.

Challenge Preparation:

• Understand Brex's Brand: Familiarize yourself with Brex's visual identity, tone of voice, and current web presence.

• Interactive Design Principles: Review best practices for responsive design, motion graphics, accessibility, and user engagement in interactive web experiences.

• Technical Fundamentals: Brush up on HTML, CSS, and JavaScript, and be ready to discuss concepts related to WebGL, animation libraries, or interactive frameworks if they are part of the challenge.

• Problem-Solving: Practice breaking down complex problems, articulating your approach, and justifying your design decisions with clear reasoning and data where possible.

📝 Enhancement Note: The emphasis on "shipped interactive work" and "business impact" in the portfolio review is critical. Candidates should be ready to discuss the technical underpinnings of their designs and how they collaborated with engineering.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Expert-level proficiency is required for UI design, system design, component libraries, and advanced prototyping.

• Adobe Creative Suite (Photoshop, Illustrator): Standard tools for asset creation and manipulation, likely used in conjunction with Figma.

• Web Development Languages: HTML, CSS, and JavaScript are essential for collaboration with engineers and potentially for direct implementation of interactive elements.

Analytics & Reporting:

• Google Analytics / Adobe Analytics: Understanding how to interpret web analytics data to inform design decisions and measure the impact of interactive campaigns.

• Data Visualization Tools: Familiarity with tools for presenting performance metrics and insights to stakeholders.

CRM & Automation:

• Headless CMS (Sanity or similar): Experience designing within content management systems that separate content from presentation layers.

• Prototyping Tools: Beyond Figma, experience with tools like Framer, Spline, or similar platforms for creating advanced interactive prototypes.

• Interactive Libraries/Frameworks: Proficiency or familiarity with WebGL/Three.js, Canvas, GSAP, or p5.js for creating sophisticated animations and interactive web experiences.

📝 Enhancement Note: The specific mention of WebGL/Three.js, GSAP, and Canvas indicates a need for designers who can push the boundaries of what's possible on the web, requiring a blend of design and development expertise.

👥 Team Culture & Values

Operations Values:

• High Craft & Quality: Brex's design team emphasizes "high craft" and obsessing over "quality and clarity," meaning meticulous attention to detail and a commitment to excellence in every deliverable.

• Innovation & Pushing Boundaries: The company culture encourages challenging the status quo and pushing creative limits, especially with interactive technologies.

• Collaboration & Cross-Functional Partnership: Working effectively with product, engineering, and marketing teams is paramount. Open communication and a team-oriented approach are key.

• Data-Informed Decision Making: Leveraging AI and data to understand user behavior and measure impact is integrated into the design process.

• Speed & Agility: Brex's rapid growth suggests a culture that values quick iteration, adaptability, and efficient execution.

Collaboration Style:

• Cross-Disciplinary Integration: The design team actively collaborates with various disciplines, fostering a holistic approach to problem-solving.

• Iterative Design Process: Expect a culture of continuous feedback, design critiques, and iterative improvements to ensure optimal outcomes.

• Knowledge Sharing: A commitment to sharing best practices, technical insights, and creative inspiration across the team to foster collective growth.

📝 Enhancement Note: Brex's culture appears to blend the fast-paced, innovative environment of a high-growth tech startup with the rigor and professionalism expected in the FinTech industry.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Brand and Conversion: Designing interactive web experiences that are both on-brand and highly effective at driving key business metrics (e.g., sign-ups, product adoption) requires strategic thinking and creative problem-solving.

• Technical Complexity: Pushing creative boundaries with advanced interactive technologies (WebGL, Three.js) involves navigating technical limitations, performance optimization, and close collaboration with engineers.

• Scalability of Design Systems: Evolving and maintaining a robust web design system that supports rapid product development and diverse marketing initiatives across a growing company.

• Cross-Functional Alignment: Ensuring all stakeholders (product, engineering, marketing, legal) are aligned on design direction and execution for complex interactive projects.

Learning & Development Opportunities:

• Advanced Interactive Technologies: Opportunity to deepen expertise in cutting-edge web technologies like WebGL, Three.js, and advanced animation libraries through hands-on project work.

• Design System Leadership: Take a leading role in shaping and scaling Brex's web design system, influencing its future architecture and adoption.

• Strategic Brand Influence: Contribute directly to Brex's overall brand strategy and its execution across digital touchpoints, impacting company growth and perception.

• Mentorship: As a Staff designer, you will have opportunities to mentor junior designers and contribute to the growth and development of the design team.

📝 Enhancement Note: The challenges are framed around the complexity and strategic importance of the role, offering significant opportunities for professional growth and skill development in specialized areas.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to balance complex brand requirements with aggressive conversion goals for a web experience. How did you approach it, and what was the outcome?" (Focus on your process, decision-making, and quantifiable results.)

• "Walk us through a project where you pushed the boundaries of interactive design using technologies like WebGL or GSAP. What were the technical challenges, and how did you collaborate with engineers to overcome them?" (Be ready to discuss specific code, libraries, and your role in implementation.)

• "How would you approach evolving Brex's web design system to support both marketing campaigns and product feature launches simultaneously? What are the key considerations for scalability and consistency?" (Demonstrate strategic thinking about system architecture and cross-functional needs.) Company & Culture Questions:

• "Based on your understanding of Brex and the FinTech industry, how would you ensure our interactive brand experiences build trust and convey reliability?" (Show you've researched Brex and understand the nuances of FinTech branding.)

• "Describe your experience working in a hybrid environment. How do you ensure effective collaboration and communication with your team and stakeholders when working remotely versus in the office?" (Be specific about your strategies for hybrid collaboration.)

• "How do you measure the success of your interactive design work beyond vanity metrics? What KPIs are most important to you, and how do you track them?" (Highlight your business acumen and data-driven approach.) Portfolio Presentation Strategy:

• Narrative Arc: For each project, craft a compelling story that begins with the problem, details your strategic and creative process, highlights technical solutions, and concludes with measurable impact.

• Interactive Demos: If possible, have live interactive demos or well-recorded video walkthroughs of your interactive projects. Be prepared to discuss the underlying code and design decisions.

• Systemic Thinking: Clearly articulate your role in designing, building, or contributing to design systems. Show how components are structured, managed, and scaled.

• Quantify Impact: Use numbers (percentages, user counts, revenue generated, engagement rates) to demonstrate the business value of your work.

• Ownership and Collaboration: Be clear about your individual contributions while also crediting collaborators and explaining how you worked effectively within a team.

📝 Enhancement Note: The interview process will heavily scrutinize both creative vision and technical execution. Be prepared to discuss the "how" and "why" behind your design decisions, especially concerning interactive elements and system design.

📌 Application Steps

To apply for this Staff Brand Designer, Interactive position:

• Submit your application through the Brex careers portal via the provided link.

• Portfolio Customization: Tailor your portfolio to highlight 2-3 of your strongest interactive design projects that best demonstrate your expertise in responsive web design, advanced interactivity (WebGL, GSAP, etc.), and design system contributions. Ensure each project clearly outlines the problem, your specific role, the process, technical implementation, and measurable business impact.

• Resume Optimization: Update your resume to prominently feature your 8+ years of relevant experience, expertise in Figma, proficiency in HTML/CSS/JavaScript, and any experience with specific interactive technologies mentioned. Use keywords from the job description naturally.

• Interview Preparation: Practice presenting your portfolio projects, focusing on storytelling, technical details, and quantifiable results. Prepare to discuss your approach to hybrid work, design systems, and balancing brand with conversion. Research Brex thoroughly.

• Company Research: Deeply understand Brex's mission, product offerings, target audience, and current brand presence. Familiarize yourself with their design philosophy and FinTech industry context to articulate how your skills align with their strategic 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.