Jobs · Information Technology · California

Interactive Designer

Mixpanel · San Francisco, CA · 1 mo ago
Information Technology$158k–$186k/yrFull-time
We need to output HTML fragment with sections: About the role, Responsibilities, Requirements/Qualifications/Skills, Benefits, Pay, Schedule etc. Only include sections with real specific content. We need to parse the posting. First, there is "About Mixpanel" intro - not a heading we need? The page already shows job title; we should not repeat job title as heading. We can include "About Mixpanel" maybe as a paragraph? The instruction: use

for section headings (e.g. About the role, Responsibilities, Requirements, Qualifications, Skills, Benefits, Pay, Schedule). So we can have headings like About the role, Responsibilities, Requirements, etc. We need to decide which sections have content. We have "About The Role" section: includes description of role, reporting, etc. That's suitable for About the role heading. Then "What You'll Do" bullet list: design and build end-to-end experiences, strengthen web design system, partner closely..., collaborate across brand and marketing org. That's responsibilities. Then "What We're Looking For": includes Experience And Craft, Builder mindset, Collaborate across brand and marketing org (duplicate?), Bonus Skills. That's qualifications/requirements/skills. Then "Compensation": includes salary range, TTCC, equity, benefits mention. That's Pay section (maybe also Benefits). There's also "Benefits And Perks" section with list. Then "Culture Values" and "Why choose Mixpanel?" and EEO etc. Those are boilerplate; we should remove cookie/navigation/legal/EEO/equal-opportunity/scam-warning boilerplate, duplicated lines, and application instructions. So we should omit Culture Values, Why choose Mixpanel?, EEO statement, etc. Also "About Mixpanel" intro maybe not needed as a section; but could be included as a paragraph under About the role? The instruction: Use

for section headings (e.g. About the role, Responsibilities, Requirements, Qualifications, Skills, Benefits, Pay, Schedule). It didn't forbid other headings, but we should stick to those. The "About Mixpanel" is not one of those; maybe we can include it as a

before headings. It's substantive info about company; we can keep as a paragraph. We must not repeat job title as heading. No job title given explicitly, but we can ignore. We must not put Job ID/requisition numbers as headings. We must preserve all substantive information; do not invent or summarize away detail. Remove boilerplate. Thus we need to extract: - About Mixpanel paragraph (first paragraph). Keep as

. - About The Role: we can put under

About the role

then paragraphs. - Responsibilities: under

Responsibilities

then
  • items. - Requirements/Qualifications/Skills: we could combine into one

    Requirements

    or separate Qualifications and Skills. The instruction says we can use those headings. We have content: Experience And Craft, Builder mindset, Collaborate across brand and marketing org (some duplicate), Bonus Skills. We could make a single Requirements section with lists. Better to split:

    Requirements

    for experience and craft, builder mindset, etc.

    Skills

    for bonus skills maybe. But we need to avoid thin sections. The instruction: Prefer a few substantive sections over many thin ones. So maybe combine Requirements and Skills into one

    Requirements

    with sub-lists. But we also have Compensation and Benefits. Compensation: we have salary range and mention of TTCC, equity, benefits. That's Pay section. Benefits: we have list under Benefits And Perks. Thus sections: About the role, Responsibilities, Requirements, Pay, Benefits. We should not include Schedule (no info). Not include Qualifications separate if we combine. Now we need to extract exact sentences, preserve all substantive information, not invent or summarize away detail. We must not omit details like "You'll report to our Brand Design Leader, partnering closely with our Staff Interactive Designer and Website Manager, and working cross-functionally with Marketing and other teams to turn strategy into shipped web experiences." etc. We need to be careful to not include boilerplate like "Learn more at mixpanel.com." That's part of About Mixpanel paragraph; it's substantive? It's a link; we can keep as plain text. We must remove duplicated lines: there is duplicate of "Collaborate across the brand and marketing org" appears twice (under What You'll Do and under What We're Looking For). We should keep only one instance? The instruction: remove duplicated lines. So we should deduplicate. Also duplicate of "Partner with Brand, Content, Marketing and Product stakeholders to turn briefs into shipped web experiences" appears under What We're Looking For and also under Bonus Skills? Actually appears under What We're Looking For: "Collaborate across the brand and marketing org Partner with Brand, Content, Marketing and Product stakeholders to turn briefs into shipped web experiences". Also appears earlier under What You'll Do: "Partner closely with the Staff Interactive Designer and Website Manager ..." not same. The duplicate is the "Collaborate across the brand and marketing org" phrase appears twice; we should keep one. Also "Translate brand and campaign direction into interactive, on-brand web pages" appears twice (under What You'll Do and under What We're Looking For). Remove duplicate. Also "Give and receive feedback in critique as part of a small, high-craft team" appears twice. Remove duplicate. Now we need to format. Let's extract sections. **About Mixpanel** paragraph: "Mixpanel is the leading product intelligence and analytics platform, trusted by more than 29,000 companies to help understand how people use the products they build. By combining powerful analytics with AI that knows your business, Mixpanel helps teams see what’s working, diagnose what’s not, and decide what to build next. Learn more at mixpanel.com." That's it. **About the role** (from About The Role section): "Mixpanel's website is the front door to our product and our biggest driver of pipeline — it's the first real experience most prospects have with us. We design, build, and ship it ourselves in Framer, treating it as a living product surface rather than a set of static pages. We're looking for an Interactive Web Designer who lives and breathes this work — someone energized by building, not just designing and handing off. You'll report to our Brand Design Leader, partnering closely with our Staff Interactive Designer and Website Manager, and working cross-functionally with Marketing and other teams to turn strategy into shipped web experiences. The work directly shapes how prospects understand, trust, and convert on Mixpanel — from product storytelling to improving conversion paths. This is a hands-on-role: you should be as comfortable building in Framer as sketching a layout in Figma. Webflow experience translates well — different platform, same muscle of designing and building in one motion." Note: The phrase "hands-on-role" maybe hyphen missing; keep as is. **Responsibilities** (What You'll Do): We need to list bullet points. Original bullet points (with some duplicates removed): - Design And Build End-to-end Experiences And Iterations - Design and build pages and components directly in Framer, not just hand off static designs for someone else to implement - Bring interaction, motion, and detail to web experiences — micro-interactions, transitions, scroll behavior — that make the site feel considered rather than templated - Build and maintain landing pages for campaigns, launches, and regional/ABM needs, working from brand and campaign direction that drives pipeline goals - Strengthen our web design system - Contribute to and help maintain a component library that lets the team build faster without sacrificing quality - Build clean, flexible components — organized, well-named, and built for reuse rather than one-offs — so the library stays easy for the whole team to work in - Flag where the system is missing something, and help build the pattern rather than one-off around it - Keep an eye on responsive behavior, accessibility, and performance as part of the craft, not an afterthought - Partner closely with the Staff Interactive Designer and Website Manager - Work in tight, daily partnership with the Staff Interactive Designer on craft direction, interaction/motion decisions, and system quality - Coordinate closely with the Website Manager on prioritization & publishing cadence - Take ownership of pages and projects end-to-end, while staying aligned on the broader web design direction set by your Brand Design Leader - Bring ideas to the table — this role has room to shape how we build, not just execute what's asked - Collaborate across the brand and marketing org - Partner with Brand Design, Copy, and Campaign/PMM stakeholders to turn briefs into shipped web experiences - Translate brand and campaign direction into interactive, on-brand web pages - Give and receive feedback in critique as part of a small, high-craft team We need to deduplicate duplicate lines: "Partner with Brand, Content, Marketing and Product stakeholders to turn briefs into shipped web experiences" appears also under What We're Looking For; we already have "Partner with Brand Design, Copy, and Campaign/PMM stakeholders to turn briefs into shipped web experiences". Slight variation; but we can keep one. The duplicate phrase "Translate brand and campaign direction into interactive, on-brand web pages" appears also under What We're Looking For; we have it already. "Give and receive feedback in critique as part of a small, high-craft team" duplicate; we have it already. Thus we keep these as is. We should ensure we keep the exact wording. Now **Requirements** (What We're Looking For + Builder mindset + Bonus Skills). We need to capture all substantive info. Let's list: Experience And Craft: - Experience designing and building for the web — this role requires hands-on production in Framer, not just Figma comps. Webflow experience also acceptable. - Experience working with CMS-driven content in Framer or Webflow - Strong fundamentals in typography, layout, and composition, applied specifically to web and interactive contexts - A portfolio that shows shipped, live web work — not just static mockups of what a site could look like - Comfort with motion and interaction design — you think about how a page behaves, not just how it looks Builder mindset: - You genuinely enjoy the build phase — you don't see it as a lesser task compared to "the design part" - You think in systems and components; you notice when something should be reusable - You keep the design system clean as you go — good naming conventions, organized files, components built to be reused rather than duplicated. - Hygiene isn't an afterthought for you, it's part of the craft - You're curious about new web design tools and techniques, and you bring that curiosity back to how the team works Collaborate across the brand and marketing org (we already have under responsibilities; but appears also here; we should deduplicate; we can keep only one instance. Since we already have under responsibilities, we can omit here.) Bonus Skills: - Basic HTML/CSS/JS fluency (even if you're not shipping production code) - Motion design, prototyping, or creative coding experience - AI tooling experience to scale design and build work We also have "Partner with Brand, Content, Marketing and Product stakeholders to turn briefs into shipped web experiences" duplicate; we can omit. Thus Requirements section can be a list combining these. Now **Pay** (Compensation): We need to capture all details: "The amount listed below is the total target cash compensation (TTCC) and includes base compensation and variable compensation in the form of either a company bonus or commissions. Variable compensation type is determined by your role and level. In addition to the cash compensation provided, this position is also eligible for equity consideration and other benefits including medical, vision, and dental insurance coverage. You can view our benefits offerings here. Our salary ranges are determined by role and level and are benchmarked to the SF Bay Area Technology data cut released by Radford, a global compensation database. The range displayed represents the

Similar jobs

Interactive Designer

Sandhills GlobalLincoln, NE· 4 mo ago
Information Technologyapply on sandhills.com

Interactive Designer

KargoNew York, NY· 2 mo ago
Information Technology$70k–$75k/yrapply on grnh.se

Interaction Designer

Federal Reserve Bank of Kansas CityKansas City, MO· 2 wk ago
Information Technology$55k–$71k/yrapply on rb.wd5.myworkdayjobs.com

Interaction Designer

Constellation Dealer GroupUnited States· 1 mo ago
RemoteInformation Technology$78k/yrapply on talentmanagementsolution.wd3.myworkdayjobs.com