Senior Web Designer (Social Impact)

We need to output HTML fragment with sections: About the role, Responsibilities, Requirements/Qualifications, Benefits, maybe Skills? The posting includes "Minimum Qualifications", "Additional Relevant Experience", "Core Range of Responsibilities", "Benefits". Also "About Madeo" but that's not a section heading per rules? The rule says use

for section headings (e.g. About the role, Responsibilities, Requirements, Qualifications, Skills, Benefits, Pay, Schedule). So we should include headings for sections that have content: About the role, Responsibilities, Minimum Qualifications (maybe Requirements), Additional Relevant Experience (maybe Qualifications?), Benefits. Also maybe "About Madeo" is not required as heading; it's introductory prose. We should not repeat job title as heading. Also we should not include Pay/Schedule unless present; Pay is present as salary range in Benefits? Actually salary is in Benefits section: "Starting salary $85,000 to $120,000". That's pay info; but rule says only create Pay section if posting actually states them. It does state salary range, but it's within Benefits. Could we create a Pay section? The rule: "Prefer a few substantive sections over many thin ones." Might combine pay into Benefits. Since Benefits already includes salary, we can keep Benefits section with salary included. No separate Pay needed. We must not include boilerplate like EEO etc. There's none. We need to preserve all substantive information. So we need to capture all paragraphs. Let's extract content: Intro: "Senior Web DesignerFull-Time About Madeo: Agency with a Focus on Social ImpactMadeo is an award winning brand and web agency with a focus on social impact. We are an inclusive and diverse team of designers, strategists, writers, project managers, and web developers. We value mission-driven work that relies on empathy, analytical thinking, and collaboration. Our clients tackle today’s challenging issues. They invite us to partner on their brands, websites, digital products, and interactive campaigns — projects that inspire people to take meaningful actions." Then "About the Role" paragraph: "As a Design Lead at Madeo, you are a senior designer that is invited to play a leading role in shaping user experiences and visual design on high-caliber websites for remarkable mission-driven organizations. You will get to design interactive report microsites, editorial sites, large organizational websites, and get invited to improve brand design systems for the web. Candidates for this role would bring experience across multiple client projects in an agency or team setting, along with a practiced ability to make and defend sound design and UX decisions. This role entails close collaboration with UX strategists, content strategists, other designers, web developers, and client teams. We are looking for a talented and confident designer who is equally interested in learning from survey results and wireframing as they are in polishing high-fidelity interactive UI designs. We are looking for a designer with a focus on web design, but with deep appreciation for visual and brand design. We see websites as an expanded expression of brand and would welcome those interested in the intersection of web and brand design." Then "Minimum Qualifications" bullet list? Actually it's sentences: "Demonstrated experience leading original web design for multiple clients. Experience actively participating in UX decision-making on website projects, including evaluating options, identifying tradeoffs, and contributing informed recommendations alongside strategists. Confidence working directly with clients, presenting work, fielding feedback, and speaking on behalf of design decisions.Genuine interest in social impact and working with a wide range of progressive nonprofit organizations. Ability to work (10am-6pm) in EST hours is required.Living and working within commuting distance to NYC is preferred for occasional get togethers, but not a must." Then "Additional Relevant Experience" paragraph: "In addition to the minimum qualifications, demonstrated experience and interest in the following would be a plus:Interaction design and motion within web projectsInformation architecture and content strategy collaborationGraphic and brand identity design alongside web projects" Then "Core Range of Responsibilities" paragraph: "At any given point, you would typically be working on a larger client project, a smaller one, and a few ongoing engagements that invite smaller improvements each month. On some projects, you will have a peer designer working alongside you to advance collaboration. You would collaborate with one or two strategists, a creative director, motion and graphic designers, web developers, and members of the client team.Projects typically start with a research and discovery phase. For website redesigns, this would include understanding the existing site, user needs and behaviors, insights from stakeholder interviews, and independently researching peer sites to identify opportunities. You would participate in auditing the existing site and share recommendations across UX, UI, visual design, and content.Based on discovery insights, we move into collaborative design direction and wireframing in partnership with the content and UX strategist. Your ability to actively evaluate UX options and make grounded recommendations is central to this phase.As designs become more defined, you would work on establishing the overall creative and UX/UI direction in collaboration with the broader team and the creative director.You would be responsible for producing a UI Kit and the overall design system for the website, defining interactions and transitions, and collaborating directly with front-end developers on execution." Then "Benefits" list: "Starting salary $85,000 to $120,000; this range accounts for different levels of experience and living locationsMedical, vision, and dental insurance benefits offered401k matching of up to 5% of your salary towards your retirementDiscretionary annual bonuses, both regular and to your 401k Flexible vacation days in addition to national holidays and team-wide vacations100% remote work from home supported with occasional retreats and eventsIf you’re in NYC: in-person design day workshops, team dinners, design talks1 to 2 team-wide retreats per yearA work culture that prioritizes collaboration, learning, and growthCharitable donation matching" Then "Other Design Roles at Madeo" paragraph: "If this role resonates with you but you are looking for a part-time or contract arrangement rather than a full-time role, we'd still love to hear from you. Madeo is currently hiring Senior Designers on a part-time contract basis. You can find more information on our careers page." We should remove that as it's like application instruction? It's not exactly instruction but maybe considered boilerplate? It's about other roles; maybe we can keep? The rule says remove application instructions. This is not exactly instruction to apply, but it's a note about other roles. Might be considered not essential; but we could keep as it's substantive? It's not about the role. Probably we should omit as it's not about the role. The instruction: "Remove cookie/navigation/legal/EEO/equal-opportunity/scam-warning boilerplate, duplicated lines, and application instructions." This is not application instruction but it's about other roles; could be considered navigation? Safer to omit. Thus we will have sections: About the role, Responsibilities, Minimum Qualifications (maybe rename to Requirements/Qualifications), Additional Relevant Experience (maybe Qualifications?), Benefits. We could combine Minimum Qualifications and Additional Relevant Experience into a single "Requirements" section with subpoints? But rule: prefer few substantive sections over many thin ones. Could combine them into "Requirements" with two sub-sections? But we cannot create subheadings besides h3? We could just list items in

under Requirements. However we need to preserve the distinction? Not required. We can combine all qualification statements into a list. Similarly responsibilities list. Let's parse responsibilities into bullet points: The paragraph is long; we can split into logical bullet points: - Working on larger client project, smaller one, ongoing engagements. - Collaborate with peer designer, strategists, creative director, motion/graphic designers, web developers, client team. - Participate in research and discovery phase: understand existing site, user needs, stakeholder interviews, researching peer sites, audit existing site, share recommendations across UX/UI/visual/content. - Collaborative design direction and wireframing with content and UX strategist; evaluate UX options, make grounded recommendations. - Establish overall creative and UX/UI direction with broader team and creative director. - Produce UI Kit and design system, define interactions/transitions, collaborate with front-end developers. We'll create
• for each. Qualifications: list items: - Demonstrated experience leading original web design for multiple clients. - Experience actively participating in UX decision-making on website projects, including evaluating options, identifying tradeoffs, and contributing informed recommendations alongside strategists. - Confidence working directly with clients, presenting work, fielding feedback, and speaking on behalf of design decisions. - Genuine interest in social impact and working with a wide range of progressive nonprofit organizations. - Ability to work (10am-6pm) in EST hours is required. - Living and working within commuting distance to NYC is preferred for occasional get togethers, but not a must. - Interaction design and motion within web projects (plus). - Information architecture and content strategy collaboration (plus). - Graphic and brand identity design alongside web projects (plus). We could mark plus items as "Preferred" but not necessary. Benefits: list items: - Starting salary $85,000 to $120,000 (range accounts for different levels of experience and living locations). - Medical, vision, and dental insurance benefits offered. - 401k matching of up to 5% of your salary towards your retirement. - Discretionary annual bonuses, both regular and to your 401k. - Flexible vacation days in addition to national holidays and team-wide vacations. - 100% remote work from home supported with occasional retreats and events. - If you’re in NYC: in-person design day workshops, team dinners, design talks. - 1 to 2 team-wide retreats per year. - A work culture that prioritizes collaboration, learning, and growth. - Charitable donation matching. Now produce HTML fragment with

  headings and

  for prose (intro maybe). The intro about Madeo and About the Role? Actually we have About the Role heading; we need to put the About the Role paragraph under that heading as

  . Then Responsibilities heading with

  . Then Requirements heading with
  . Then Benefits heading with
  . We should not include About Madeo as separate heading; we can include it as a

  before the first heading? The rule says do NOT repeat the job title as a heading (the page already shows it) and do NOT put Job ID / requisition numbers as headings. It didn't forbid having a prologue paragraph. So we can include a

  for the Madeo description before the About the role heading. Thus output:

  Madeo is an award winning brand and web agency with a focus on social impact. We are an inclusive and diverse team of designers, strategists, writers, project managers, and web developers. We value mission-driven work that relies on empathy, analytical thinking, and collaboration. Our clients tackle today’s challenging issues. They invite us to partner on their brands, websites, digital products, and interactive campaigns — projects that inspire people to take meaningful actions.

  About the role

  As a Design Lead at Madeo, you are a senior designer that is invited to play a leading role in shaping user experiences and visual design on high-caliber websites for remarkable mission-driven organizations. You will get to design interactive report microsites, editorial sites, large organizational websites, and get invited to improve brand design systems for the web. Candidates for this role would bring experience across multiple client projects in an agency or team setting, along with a practiced ability to make and defend sound design and UX decisions. This role entails close collaboration with UX strategists, content strategists, other designers, web developers, and client teams. We are looking for a talented and confident designer who is equally interested in learning from survey results and wireframing as they are in polishing high-fidelity interactive UI designs. We are looking for a designer with a focus on web design, but with deep appreciation for visual and brand design. We see websites as an expanded