UX/ UI Middle

📍 Job Overview

Job Title: UX/UI Designer (Middle)

Company: WAM

Location: Madrid, Community of Madrid, Spain

Job Type: Full-time

Category: UX/UI Design, Digital Product Design, Creative Operations

Date Posted: June 1, 2026

Experience Level: Mid-Level (2-5 years)

Remote Status: Hybrid

🚀 Role Summary

• Design and develop scalable digital systems with a focus on user experience and interface design, ensuring visual consistency and technical feasibility.

• Conduct user research and usability testing to translate real-world problems into actionable design solutions and drive conversion-oriented digital products.

• Collaborate closely with Marketing, Development, and Product teams to align visual design with business objectives and facilitate smooth developer hand-offs.

• Leverage expert-level Figma skills, including Design Systems, Auto-layout, and advanced component creation, to maintain design integrity across projects.

📝 Enhancement Note: This role is positioned as a "Middle" level designer, indicating a need for demonstrated experience and autonomy in executing design projects, rather than entry-level execution or senior-level strategic leadership. The emphasis on agency rhythm, pre-sales involvement, and direct collaboration with technical teams highlights a GTM and product-centric operational focus within the design function.

📈 Primary Responsibilities

• User-Centered Design & Research:

  • Lead user research initiatives, including interviews, desk research, and competitive benchmarking, to identify user needs and validate design concepts.
  • Translate research findings into actionable artifacts such as User Personas, Customer Journey Maps, and Information Architecture diagrams.
  • Conduct usability testing and gather real user feedback to iterate on designs and ensure optimal user experience.
  • Create wireframes, high-fidelity prototypes, and visual designs for web and mobile applications, prioritizing mobile-first design principles.

• Figma & Design Systems Management:

  • Expertly utilize Figma for the creation, maintenance, and evolution of comprehensive Design Systems, including complex components, variants, and Auto-layout.
  • Develop and document rigorous style guides and specifications to ensure visual consistency across all digital products.
  • Prepare and deliver precise developer hand-offs, ensuring technical feasibility and clear implementation guidelines for frontend and backend teams.

• Business & Marketing Alignment:

  • Collaborate with Product and Marketing teams to ensure all design solutions are strategically aligned with overarching business objectives and conversion goals.
  • Contribute creative vision and visual appeal to client pitches and pre-sales activities, translating business needs into compelling design proposals.
  • Participate actively in team meetings, offering creative solutions, innovative ideas, and insights into the latest UX/UI trends.

• Technical Collaboration & Feasibility:

  • Work closely with frontend and backend developers to validate the technical feasibility of designs and resolve any implementation challenges.

  • Ensure designs adhere to web accessibility standards (WCAG) and best practices for inclusive design.

📝 Enhancement Note: The responsibilities clearly indicate a hybrid role that bridges creative design with operational efficiency and GTM strategy. The emphasis on "scalable systems," "conversion-oriented products," and involvement in "pre-sales" and "developer hand-off" points to a need for a designer who understands the full product lifecycle and its business implications, not just aesthetic execution.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong understanding of Design principles, Human-Computer Interaction, or related fields is expected.

Experience: Between 3 to 4 years of direct experience as a UX/UI Designer, Digital Art Director, or similar role, preferably within agency, design studio, or tech consultancy environments.

Required Skills:

• Expert Figma Proficiency: Mastery in creating and managing Design Systems, complex components, variants, and advanced Auto-layout.

• User-Centered Design (UCD) Methodologies: Proven experience applying UCD principles throughout the design process.

• User Research & Validation: Demonstrated ability in conducting user interviews, desk research, benchmarking, and usability testing.

• Information Architecture & Interaction Design: Strong understanding of defining site maps, user flows, and interaction patterns.

• Visual Design & Prototyping: Ability to create high-fidelity wireframes, interactive prototypes, and visually compelling final designs.

• Mobile-First Design Principles: Expertise in designing for mobile interfaces and responsive web design.

• Web Accessibility Standards: Knowledge and application of WCAG guidelines.

• Developer Collaboration: Experience in preparing and executing developer hand-offs and collaborating with technical teams.

• Business Acumen: Understanding of business objectives, conversion goals, and their impact on design decisions.

• English Proficiency: Intermediate level for effective communication in a diverse team.

Preferred Skills:

• AI & LLM Integration: Familiarity with using AI tools (e.g., Claude) for code-based prototyping and pre-sales support.

• No-Code Platforms: Experience with Framer or Webflow for direct design-to-web implementation.

• Motion Design & Micro-interactions: Proficiency with tools like ProtoPie, After Effects, or Spline.

• CRO & Data Analysis: Understanding of conversion rate optimization principles, heatmaps (Hotjar/Clarity), and data-driven design.

📝 Enhancement Note: The "Imprescindible" section strongly suggests that candidates without a portfolio, expert Figma skills, or agency experience will be automatically disqualified. The "Puntos extra" indicate a company that values forward-thinking designers embracing emerging technologies and data-driven optimization.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Mandatory Digital Portfolio: A comprehensive and accessible digital portfolio is a non-negotiable requirement for application.

• Real-World Case Studies: Showcase actual projects involving web interfaces, digital products, and mobile-first designs.

• Process Documentation: Clearly articulate your design process for each case study, highlighting user research, ideation, prototyping, testing, and iteration phases.

• Visual Design & UI Showcase: Demonstrate high-fidelity mockups, style guides, and a strong visual aesthetic.

• System Design Examples: Include examples of Design Systems or component libraries you have contributed to or created.

Process Documentation:

• Workflow Design: Detail how you structure your design workflow from initial brief to final delivery, emphasizing user-centered methodologies.

• System Implementation: Explain your approach to building and maintaining Design Systems, including component creation, documentation, and version control.

• Developer Hand-off: Provide examples of how you prepare and communicate design specifications to development teams, ensuring clarity and efficiency.

• Usability Testing & Iteration: Document how you incorporate user feedback and testing results into design iterations to improve product performance.

📝 Enhancement Note: The emphasis on a "Portfolio Digital Obligatorio" and the need to see "casos reales" means candidates must be prepared to present detailed case studies that go beyond aesthetics, demonstrating process and impact. This aligns with operational expectations for accountability and measurable outcomes.

💵 Compensation & Benefits

Salary Range: €24,000 - €34,000 gross per year, commensurate with experience.

Benefits:

• Flexible Schedule: Accommodates work-life balance.

• Hybrid Work Model: Encourages in-office collaboration 1-2 days per week with maximum flexibility.

• Special Days Off: Birthday off, and paid time off on December 24th and 31st.

• Equality Plan: Commitment to fair participation, respect, and equal opportunities.

• Flexible Remuneration: Access to a plan via Cobee.

• Professional Development: Tailored development plan to support career growth and personal interests.

• Intensive Fridays: Work concludes at 3:00 PM on Fridays.

• Reduced Summer & Christmas Hours: Extended periods with reduced working hours (June 22 - September 11 and December 21 - January 8).

Working Hours: Standard 40-hour work week, with flexible arrangements and reduced hours during specific holiday periods.

📝 Enhancement Note: The salary range is typical for a mid-level UX/UI Designer in Madrid. The extensive list of benefits, particularly the flexible work arrangements and reduced hours during summer/holidays, suggests a company culture that prioritizes employee well-being and work-life integration, which is a key factor for operations professionals seeking a sustainable work environment.

🎯 Team & Company Context

🏢 Company Culture

Industry: WAM operates within the Digital Marketing, Advertising, and Technology sectors, likely focusing on providing digital solutions and creative services to clients.

Company Size: While not explicitly stated, the mention of "agencia," "estudios de diseño," and "consultoras tecnológicas" suggests a medium-sized to large organization with multiple teams and client projects. The hybrid model with 1-2 days in the office implies a physical presence and collaborative work environment.

Founded: The company was founded with a mission to deliver innovative digital solutions, as evidenced by its focus on modern design practices and emerging technologies.

Team Structure:

• Cross-functional Collaboration: The role requires close collaboration with Marketing, Development (Frontend/Backend), and Product teams, indicating a matrixed or project-based team structure.

• Creative & Technical Synergy: The team likely comprises a mix of creative professionals (Designers, Art Directors) and technical experts (Developers), fostering a blend of aesthetic and functional expertise.

• Agency Rhythm: Expect a fast-paced environment with a focus on client deliverables, pre-sales pitches, and project timelines, common in agency settings.

Methodology:

• User-Centered Design (UCD): Core to the design process, ensuring all solutions are validated with real users.

• Agile Development Support: Designers work to facilitate efficient developer hand-offs, supporting agile sprints and iterative development.

• Data-Informed Design: An increasing emphasis on using data (CRO, heatmaps) to inform design decisions and optimize conversion rates.

Company Website: https://career.wam.global

📝 Enhancement Note: The company culture appears to be dynamic, client-focused, and innovative, valuing both creative excellence and technical execution. The emphasis on "agency rhythm" suggests a demanding yet rewarding environment where efficiency and adaptability are paramount.

📈 Career & Growth Analysis

Operations Career Level: This role is classified as "Middle," indicating a designer who can independently manage projects, contribute significantly to team efforts, and has a solid foundation in UX/UI principles and tools. They are expected to execute tasks efficiently and effectively, with some guidance on complex strategic decisions.

Reporting Structure: The designer will likely report to a Design Lead, Creative Director, or Head of UX/UI. They will work closely with Project Managers, Developers, and Marketing Specialists, fostering a collaborative, cross-functional operational workflow.

Operations Impact: The UX/UI Designer's work directly influences the user experience of digital products, impacting conversion rates, user engagement, and overall client satisfaction. By ensuring designs are user-friendly, visually appealing, and aligned with business goals, they play a critical role in the success of digital initiatives and client retention.

Growth Opportunities:

• Specialization: Develop expertise in areas like Design Systems, Interaction Design, Motion Design, or AI-assisted prototyping.

• Leadership: Progress to Senior UX/UI Designer roles, leading projects, mentoring junior designers, and contributing more significantly to strategic design decisions.

• Cross-functional Skills: Expand knowledge in areas like CRO, product management, or front-end development to become a more versatile digital product professional.

• Client-Facing Roles: Transition into roles with more direct client interaction, focusing on pre-sales and strategic design consultation.

📝 Enhancement Note: The company explicitly mentions a "Plan de desarrollo adaptado a tu perfil e inquietudes," underscoring a commitment to individual career progression. The "Middle" designation suggests a clear path towards senior roles for high performers who demonstrate both design excellence and operational efficiency.

🌐 Work Environment

Office Type: The company operates a hybrid model, suggesting a modern office space designed to facilitate collaboration, creativity, and team interaction. The 1-2 days per week in-office requirement indicates a need for a physical workspace that supports focused work and team meetings.

Office Location(s): The primary office is located at P.º de La Habana, 35, Madrid, 28036, Spain. This location in Madrid provides access to a vibrant professional ecosystem.

Workspace Context:

• Collaborative Hub: The office environment is likely set up to encourage brainstorming sessions, design critiques, and cross-functional team meetings.

• Technology-Rich: Access to necessary design software (Figma), hardware, and potentially other creative tools is expected to support day-to-day tasks.

• Team Interaction: The hybrid model is designed to balance individual focus with team synergy, allowing for direct interaction with colleagues and managers.

Work Schedule: The standard work week is 40 hours, with flexible scheduling and intensive hours on Fridays. Additionally, reduced hours are offered during summer and Christmas periods, promoting a healthy work-life balance.

📝 Enhancement Note: The hybrid model and flexible hours are key operational considerations for attracting and retaining talent. It suggests an understanding of how to balance productivity with employee well-being, a common focus in modern operational strategies.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your CV and, critically, your digital portfolio to assess experience and alignment with core requirements.

• Technical Interview: Likely a discussion focused on your UX/UI process, Figma expertise, Design Systems knowledge, and user research methodologies. Expect questions about past projects and how you approached specific design challenges.

• Portfolio Presentation: You will be expected to present selected case studies from your portfolio, detailing your process, decision-making, and the outcomes achieved.

• Team/Cultural Fit Interview: A conversation to assess your collaboration style, communication skills, and how well you would integrate into the WAM team and agency environment.

• Final Interview: Potentially with a senior leader to discuss your overall fit and long-term potential.

Portfolio Review Tips:

• Curate Strategically: Select 3-4 of your strongest projects that best demonstrate the required skills (Figma expertise, UCD, mobile-first, agency experience).

• Tell a Story: For each project, clearly outline the problem, your role, the process you followed (research, ideation, design, testing), your key contributions, and the measurable results or impact.

• Showcase Figma Mastery: Highlight your use of Design Systems, Auto-layout, and complex component creation.

• Demonstrate User-Centricity: Emphasize how user research and testing informed your design decisions.

• Highlight Business Alignment: Explain how your designs contributed to client objectives or conversion goals.

• Prepare for Technical Hand-off Discussion: Be ready to explain how you collaborate with developers.

Challenge Preparation:

• Design Exercise: Be prepared for a potential design exercise, either take-home or live, that tests your problem-solving skills within a given timeframe. Focus on articulating your process and rationale.

• Figma Workflow: Practice quick prototyping and component creation in Figma.

• Business Context: Think about how design can directly impact business metrics like conversion rates or user engagement.

📝 Enhancement Note: The application process heavily emphasizes the portfolio as the primary gatekeeper. Candidates must prepare a compelling narrative around their projects, showcasing not just aesthetic skills but also a structured, user-centric, and business-aware design methodology, crucial for operational effectiveness.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Expert-level proficiency required for UI design, prototyping, and Design Systems management. This is the core tool for the role.

• User Research Tools: Experience with tools for interviews, surveys, and usability testing (e.g., UserTesting.com, Maze, Hotjar, Clarity).

• Prototyping Tools: Beyond Figma's native capabilities, experience with ProtoPie, After Effects, or Spline for advanced animations and micro-interactions is a plus.

Analytics & Reporting:

• Heatmap/Analytics Tools: Familiarity with Hotjar, Microsoft Clarity, or similar tools for understanding user behavior on digital platforms.

• Data Interpretation: Ability to interpret basic analytics and user behavior data to inform design decisions.

CRM & Automation:

• No-Code Platforms: Proficiency with Framer or Webflow for direct design implementation and rapid prototyping.

• AI/LLM Tools: Experience leveraging AI for tasks like generating functional code prototypes or assisting in pre-sales efforts (e.g., Claude).

📝 Enhancement Note: The stack emphasizes industry-standard design tools while also highlighting a forward-looking approach with AI and No-Code platforms. Proficiency in Figma and a willingness to adopt new technologies are key operational requirements for efficiency and innovation.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A deep commitment to understanding and serving user needs as the foundation of all design work.

• Collaboration & Synergy: Valuing teamwork, open communication, and the ability to work effectively across diverse teams (Design, Dev, Marketing).

• Efficiency & Scalability: Designing systems and workflows that are not only aesthetically pleasing but also technically sound, scalable, and efficient for development and maintenance.

• Business Alignment: Ensuring design decisions directly contribute to the achievement of business goals and client objectives.

• Continuous Improvement: A mindset of learning, adapting to new trends, and refining processes to enhance design quality and delivery.

Collaboration Style:

• Proactive Communication: Engaging actively with team members and stakeholders to ensure alignment and address potential issues early.

• Cross-functional Integration: Working seamlessly with developers to ensure feasibility and with marketing to align with campaign goals.

• Feedback Loop: Openness to constructive criticism and a willingness to iterate based on feedback from peers, users, and stakeholders.

📝 Enhancement Note: The values and collaboration style highlight a professional environment that prioritizes results, teamwork, and a user-first approach, all critical components of a well-functioning GTM and product operations team.

⚡ Challenges & Growth Opportunities

Challenges:

• Fast-Paced Agency Environment: Adapting to tight deadlines, multiple client projects simultaneously, and the pressure of pre-sales activities.

• Balancing Aesthetics & Functionality: Ensuring visually stunning designs are also highly usable, accessible, and technically feasible within project constraints.

• Integrating Emerging Technologies: Staying current with and effectively leveraging AI tools and No-Code platforms to enhance workflow and deliverables.

• Client Expectations Management: Translating client needs into achievable design solutions and managing expectations regarding scope and timelines.

Learning & Development Opportunities:

• Advanced Design Techniques: Opportunities to deepen expertise in areas like advanced interaction design, motion graphics, or complex Design Systems.

• Emerging Technology Adoption: Hands-on experience with AI-assisted prototyping and No-Code development tools.

• Business & Strategy Acumen: Gaining a deeper understanding of business objectives, CRO, and product strategy through cross-functional collaboration.

• Mentorship and Skill Development: Access to a structured professional development plan and potential mentorship from senior team members.

📝 Enhancement Note: The challenges presented offer significant growth potential. By navigating these challenges, a designer can significantly enhance their operational capabilities, strategic thinking, and overall value to the organization.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to balance conflicting stakeholder requirements in a design project. How did you resolve it?" (Focus on communication, negotiation, and user advocacy).

• "Walk us through your process for creating a Design System in Figma. What are the key components and how do you ensure scalability?" (Highlight your Figma expertise, process documentation, and system thinking).

• "How do you incorporate user research into your design process, especially when facing tight deadlines?" (Emphasize your UCD methodology and practical application).

• "Explain a project where your design directly contributed to a business objective, such as increased conversion or user engagement. What metrics did you track?" (Prepare a case study demonstrating business impact). Company & Culture Questions:

• "What interests you about WAM and our work in the digital agency space?" (Research WAM's portfolio and recent projects).

• "How do you approach collaboration with developers and marketing teams? Can you give an example?" (Highlight your cross-functional communication skills).

• "What are your favorite UX/UI trends, and how do you stay updated?" (Show your passion and commitment to continuous learning). Portfolio Presentation Strategy:

• Structure Your Narrative: For each case study, clearly define the problem, your role, the solution, the process, and the outcome. Use visuals effectively.

• Quantify Impact: Whenever possible, use data and metrics to demonstrate the success of your designs.

• Highlight Figma Skills: Show specific examples of Design Systems, Auto-layout, and complex components you've built.

• Be Ready for Deep Dives: Anticipate questions about your specific design decisions, research findings, and technical hand-off process.

📝 Enhancement Note: Interview preparation should focus on demonstrating not just design skills but also a strong understanding of process, collaboration, and business impact, aligning with the operational demands of the role.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided application link on the WAM careers page.

• Portfolio Customization: Ensure your digital portfolio is up-to-date, showcases your strongest and most relevant projects (focusing on web, mobile-first, and agency environments), and clearly articulates your design process and impact. Tailor the selection to highlight Figma expertise and user-centered methodologies.

• Resume Optimization: Update your resume to prominently feature keywords such as "UX/UI Design," "Figma," "Design Systems," "User-Centered Design," "Wireframing," "Prototyping," "Usability Testing," "Mobile-First," and any relevant agency or tech consultancy experience. Quantify achievements where possible.

• Interview Preparation: Practice presenting your portfolio case studies, focusing on storytelling, process explanation, and demonstrating how your designs achieve business objectives. Prepare to discuss your experience with Figma, user research, and cross-functional collaboration.

• Company Research: Familiarize yourself with WAM's services, client portfolio, and any recent projects or news. Understand their approach to digital design and client engagement to demonstrate genuine interest and cultural fit.

⚠️ 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.

---