Brand Designer, Web

Flodesk; Barcelona; Híbrido; EUR 50.000 - 65.000; Jornada completa

Ventajas ofrecidas por este puesto de trabajo

Hybrid office in Barcelona

Home-office setup: €1,200 + MacBook +外

Learning budget: €1,000 per year

Health insurance

Stock options

Unlimited flexible time-off

Descripción de la vacante

Flodesk in Barcelona is seeking a senior web designer to own and grow Studio blocks within Flodesk’s design system. You’ll shape responsive layouts, states, and token-driven components, expanding the system with consistency and scale.

Lead design across pages and templates, collaborating with engineers and product teams from concept through QA. A strong portfolio, AI-aware workflows, and brand stewardship are essential for success.

Formación

• Outstanding web design craft with a portfolio showing strong pages and interfaces.
• Articulated design judgment about conversion and usability.
• Production design system experience: built or improved a system with components, tokens, naming and documentation.

Responsabilidades

• Design the product blocks across the product: layout, responsive behavior, states, composition rules.
• Own the Figma source of truth and definitions consumed by the block pipeline.
• Build a web design system for Flodesk surfaces and templates, ensuring on-brand output and scalable patterns.
• Create brand toolkits and presets in Figma for non-designers to use.
• Collaborate closely with engineers and product teams from definition through build and QA.

Conocimientos

Web design

Figma

Design systems

AI fluency

Collaboration

Written comms

Responsive design

Herramientas

Claude

Descripción del empleo

Flodesk is recognized in the Inc 5000 as one of the world's fastest-growing email marketing companies, built to help entrepreneurs sell online and design emails that people love to get. We're committed to giving small businesses simple and intuitive tools that help them grow, nurture, and monetize their email list.

We’re a remote-first company headquartered in San Francisco with a globally distributed team, including in-person hubs in Da Nang (Vietnam), Barcelona (Spain), and Menlo Park (California). Our team reflects the diversity and creativity of the people we serve. Join our mission to level the playing field for small business owners through good design.

Hybrid in Barcelona, Spain

About this role

Studio blocks are Flodesk's design infrastructure: the composable units members use to build inside Studio without making every design decision themselves. This role owns and grows that system as Studio's surface area expands, which means real web layout thinking, not just email-safe layout: responsive behavior, interaction states, and composition that holds up under real content and real screen sizes.

Part of the work is under art direction: our design lead sets creative direction on brand-defining surfaces, and you translate that into systematic, buildable design. Part of the work is under your ownership: on the surfaces you own outright by originating the designs yourself. You'll work closely with our engineers and product team throughout from definition through build and QA, not handing off a file and moving on. You'll also be working inside a design system we've already built: learning how it thinks, applying it consistently, and knowing when to extend it versus when to reuse what's there.

This is a craft role and a systems role at once. We need someone with real web design skills, not only systems discipline, who also wants to make their decisions hold up at scale. It's not a campaign creative role, and it's not a design engineering role: production code isn't required.

What you'll do

Product block design and system [40%]

• Design the blocks themselves across the product: layout, responsive behavior, states, composition rules
• Make them systematic: component architecture, tokens, naming and documentation, so they arrive ready to use and hold up as the set grows
• Own the Figma source of truth and the structured definitions the block pipeline consumes
• Partner with engineering and product from definition through build: align on how blocks are specified, review implementations against the Figma source, and iterate together
• Work inside Flodesk's existing design system rather than beside it: apply it consistently, extend it where the product needs something new, and curate it so it stays coherent as the set grows

Web design system for Flodesk's own surfaces [25%]

• Build a component and template library for flodesk.com so landing pages ship in days, not weeks
• Design page templates, section patterns and responsive rules
• Originate new layouts, not only assemble from existing ones
• Apply current best practices in web design, digital product UX and template design, and be able to say when a convention should be followed and when it should be broken
• Design constraints, schemas and token structures that let AI generation produce on-brand output reliably
• Develop a working sense of where generation breaks, and design upstream to prevent it
• Use Claude (or equivalent) as part of your daily workflow

Brand toolkits [15%]

• Build Figma toolkits, presets and brand systems that designers, content creators and partners can use without a designer in the loop for every request
• Maintain a deep, internalized understanding of the Flodesk brand

This role doesn't cover marketing campaigns, social content, event creative or illustration. Those stay with our creative designers.

What you bring

• Outstanding web design craft: layout, composition, type, hierarchy, responsive behavior. A portfolio showing pages and interfaces that are genuinely well designed
• Articulated design judgment about conversion and usability. You can explain what makes a landing page work, what makes a form feel effortless, what makes a page fail, and defend it
• Production design system experience, in both directions: you've built a system from scratch, and you've inherited one and made it better. Component architecture, tokens, naming, documentation, curation, and a story about adoption
• Deep experience in Figma: variables, tokens, component APIs, variants, modes and themes, library architecture
• Working knowledge of current best practices across web design, digital products and templates: responsive standards, conversion patterns, accessibility basics, and a clear view of what a good template should and shouldn't decide for the person using it
• AI fluency as a working practice. You use Claude or equivalent daily, and have a point of view on connecting AI to design workflows and on designing systems that generate well
• Comfortable working under art direction while holding an independent craft standard: you can take direction, push back with reasoning, and deliver something better than what was described
• Demonstrated collaboration with engineers and product teams as a day-to-day working partner, not a handoff point, ideally where your design output is consumed as structured data rather than as visual reference
• Strong written communication. A meaningful share of this role's output is documentation

What we bring

• Salary range of €50,000 - €65,000; the final offer will be determined based on the candidate's experience and fit for the role
• Flexible hybrid: we have a beautiful office space in Barcelona, Spain
• Home-office setup: €1,200 + MacBook Pro and external monitor
• Learning budget: €1,000 per year
• Health insurance
• Unlimited flexible time-off
• Stock options

Flodesk is an equal opportunity employer. We are committed to building a diverse and inclusive workforce and do not discriminate based on race, religion, color, national origin, ancestry, physical disability, mental disability, medical condition, genetic information, marital status, sex, gender, gender identity, gender expression, age, sexual orientation, veteran or military status, or any other legally protected characteristics, Flodesk is committed to providing reasonable accommodations for candidates with disabilities who need assistance during the hiring process. To request a reasonable accommodation, please email [e-mail]