Front-End - Diseñador UX/UI

📍 Job Overview

Job Title: Front-End - UX/UI Designer Company: Kapres Technology, S.L. Location: Madrid, Spain Job Type: Full-time Category: UX/UI Design, Front-End Development Date Posted: October 1, 2025 Experience Level: Mid-Level (2-5 years) Remote Status: Hybrid (3 days in-office, 2 days remote)

🚀 Role Summary

• This role focuses on designing intuitive, coherent, and accessible user experiences for complex web applications within the education sector.
• It requires a strong blend of UX/UI design principles and front-end development knowledge, particularly with React and Tailwind CSS.
• The position involves close collaboration with the development team, user research, and continuous improvement of design solutions.
• Key responsibilities include creating wireframes, prototypes, maintaining design systems, and ensuring adherence to accessibility and responsive design best practices.

📝 Enhancement Note: While the title is "Front-End - UX/UI Designer," the core responsibilities and required skills lean heavily into UX/UI design with a strong emphasis on front-end implementation understanding. This is not a pure front-end development role but rather a design-centric role with significant front-end technical involvement. The role is for a specific client in the education sector, which may influence design considerations.

📈 Primary Responsibilities

• Conduct comprehensive user research to understand user needs, behaviors, and pain points, translating insights into actionable design strategies.
• Define and map user journeys, identifying key touchpoints and opportunities for enhancing user experience.
• Create detailed wireframes and interactive prototypes to visualize user flows and test design concepts effectively.
• Develop and maintain a robust design system, ensuring consistency, scalability, and efficient design implementation across the application.
• Execute usability testing sessions, analyze feedback, and propose data-driven improvements to optimize the user interface and user experience.
• Collaborate closely with the front-end development team, providing clear design specifications and working together on the implementation of designs using React and Tailwind CSS.
• Define and enforce best practices for web accessibility (WCAG standards) and responsive design to ensure a seamless experience across all devices and user capabilities.
• Contribute to the continuous improvement of design processes and the adoption of new design tools and methodologies.

📝 Enhancement Note: The responsibilities highlight a strong focus on the entire design lifecycle, from initial research to implementation collaboration and ongoing optimization. The emphasis on "designing complex web applications" and "B2B dashboards" in the portfolio requirement suggests a need for experience in enterprise-level solutions.

🎓 Skills & Qualifications

Education:

• Bachelor's degree in Graphic Design, Human-Computer Interaction (HCI), Interaction Design, or a related field. Equivalent practical experience will also be considered.

Experience:

• A minimum of 3 years of professional experience in UX/UI design, with a focus on designing complex web applications and digital products.
• Proven track record of designing and delivering user-centric digital experiences.

Required Skills:

• UX Research: Proficiency in various user research methodologies (interviews, surveys, persona development, journey mapping).
• UI Design & Prototyping: Mastery of design tools such as Figma or Sketch for creating wireframes, high-fidelity mockups, and interactive prototypes.
• Design Systems: Experience in creating, maintaining, and scaling design systems for consistency and efficiency.
• Front-End Fundamentals: Solid understanding of CSS, including advanced concepts and best practices for styling and layout.
• JavaScript Frameworks: Familiarity with at least one JavaScript framework, with a strong preference for React, to effectively collaborate with developers.
• Accessibility: Knowledge of WCAG guidelines and best practices for designing accessible web applications.
• Responsive Design: Expertise in designing layouts that adapt seamlessly across various screen sizes and devices.
• Usability Testing: Experience in planning, conducting, and analyzing usability tests to gather user feedback and drive design improvements.

Preferred Skills:

• Experience with Tailwind CSS for efficient and utility-first styling.
• Familiarity with Agile/Scrum development methodologies.
• Experience designing dashboards and complex B2B applications.
• Basic understanding of front-end development principles and code implementation.
• Knowledge of SEO best practices as they relate to UI design.

📝 Enhancement Note: The requirement for a portfolio with "B2B dashboards" is a critical differentiator, indicating a need for experience in enterprise-level interfaces rather than consumer-facing applications. Proficiency in both Figma and Sketch is listed, suggesting flexibility in tool preference but requiring mastery of at least one. The mention of "idealmente React" and "buen nivel de CSS" implies that while direct coding isn't the primary focus, a strong understanding of how designs translate to code is crucial for effective collaboration.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing at least 3 years of UX/UI design work for complex web applications.
• Specific case studies featuring B2B dashboards, demonstrating your ability to design for enterprise-level user needs and data visualization.
• Examples of user research methodologies employed, including personas, user journey maps, and usability testing reports.
• Detailed wireframes, interactive prototypes, and final high-fidelity designs that illustrate your design process and problem-solving skills.
• Evidence of design system components and their application, showcasing consistency and scalability.

Process Documentation:

• Demonstrate experience in documenting design processes, including user research findings, design decisions, and testing outcomes.
• Showcase examples of how you have translated user feedback and data into iterative design improvements.
• Provide insights into your workflow for collaborating with development teams, including handoff processes and design specification documentation.

📝 Enhancement Note: The emphasis on B2B dashboards and complex web applications in the portfolio is a key indicator of the type of projects the candidate will be working on. The portfolio should not just be a collection of visually appealing designs but should tell a story about the problem, the process, and the impact of the design solutions.

💵 Compensation & Benefits

Salary Range:

• Based on market research for UX/UI Designers with 3+ years of experience in Madrid, Spain, the estimated salary range for this role is €35,000 - €50,000 annually, depending on experience and specific skill set.

Benefits:

• Hybrid Work Model: Enjoy a flexible work arrangement with 3 days in the office and 2 days of remote work, promoting work-life balance.
• Long-Term Project: Opportunity to work on a stable, long-term project within the education sector, offering continuous engagement and impact.
• Professional Development: Potential for growth and learning within a collaborative team environment, with opportunities to deepen UX/UI and front-end knowledge.
• Collaborative Environment: Work alongside experienced developers and designers, fostering a culture of knowledge sharing and continuous improvement.
• Competitive Package: A comprehensive compensation and benefits package commensurate with experience and the Spanish labor market.

Working Hours:

• Standard full-time working hours, likely around 40 hours per week, with flexibility offered through the hybrid work model. The exact schedule will be discussed during the interview process.

📝 Enhancement Note: Salary information was not provided and has been estimated based on typical market rates for a mid-level UX/UI Designer in Madrid, Spain. The benefits are inferred from the job description's mention of a "stable and long-term project" and a hybrid work model.

🎯 Team & Company Context

🏢 Company Culture

Industry:

• The client operates within the Education Technology (EdTech) sector, focusing on developing and improving digital learning platforms and tools. This industry is characterized by innovation, a focus on user engagement, and the need for accessible, user-friendly interfaces to support diverse learners and educators.

Company Size:

• Kapres Technology, S.L. is likely a technology consultancy or service provider, given its role in collaborating with clients on projects. The specific size of Kapres Technology is not detailed, but they facilitate recruitment for client projects. The client company in the education sector is described as having a "stable and long-term project," suggesting a well-established entity within EdTech.

Founded:

• Information on the founding date of Kapres Technology or its specific client is not provided. However, the nature of the project (stable, long-term) implies the client is an established player in the EdTech market.

Team Structure:

• The role is integrated into a project team, working closely with a development team. This implies a collaborative, cross-functional structure where designers and developers work hand-in-hand.
• Reporting likely goes through a project lead or a design/development manager within the client organization or Kapres Technology.
• Cross-functional collaboration is a core aspect of this role, requiring strong communication and partnership with developers.

Methodology:

• The role emphasizes user research, iterative design, and collaboration with development. This suggests an Agile or Lean approach to product development, prioritizing user feedback and continuous improvement.
• Data-driven decision-making is implied through usability testing and performance analysis.
• Process optimization is a key theme, focusing on creating efficient and effective user experiences.

Company Website:

• https://kapres.teamtailor.com

📝 Enhancement Note: The company context is inferred from the "client in the education sector" and Kapres Technology's role as a recruitment partner. The EdTech industry context is crucial for understanding the user needs and design challenges.

📈 Career & Growth Analysis

Operations Career Level:

• This role is positioned as a Mid-Level UX/UI Designer with integrated Front-End knowledge. It requires independent contribution to design tasks, collaboration with a development team, and the ability to take ownership of specific design areas. The role demands more than just execution; it requires strategic input into user experience and design problem-solving.

Reporting Structure:

• The designer will likely report to a Project Manager or a Lead Designer/Developer within the client's organization or potentially within Kapres Technology, depending on the project management structure. Close collaboration with the development team is expected daily.

Operations Impact:

• The UX/UI Designer's impact is directly tied to the usability, accessibility, and overall user satisfaction of the educational platform. By creating intuitive and engaging interfaces, this role contributes to:
  • Increased user adoption and retention rates for the educational platform.
  • Improved learning outcomes for students by making educational content more accessible and engaging.
  • Enhanced productivity for educators by streamlining administrative and teaching tools.
  • Direct contribution to the client's success and market position within the EdTech sector.

Growth Opportunities:

• Specialization: Deepen expertise in UX research, interaction design, or front-end implementation within the context of EdTech.
• Leadership: Progress to a Senior UX/UI Designer or Design Lead role, mentoring junior designers and leading larger design initiatives.
• Cross-Functional Skill Development: Further enhance front-end development skills, potentially moving towards a hybrid role or specializing in design systems engineering.
• Industry Expertise: Become a subject matter expert in UX/UI for the education technology sector.

📝 Enhancement Note: The growth path described is typical for a mid-level designer, emphasizing both deepening technical/design skills and moving into leadership responsibilities. The EdTech focus offers a niche for specialization.

🌐 Work Environment

Office Type:

• Hybrid Model: The role operates under a hybrid model, requiring 3 days per week in the office and allowing 2 days for remote work. This setup aims to balance in-person collaboration with individual focus and flexibility.

Office Location(s):

• Madrid, Spain. The specific office address is C. de Alcalá, 498, 3o puerta 2, 28027 Madrid, Spain. This location is accessible within the city of Madrid.

Workspace Context:

• Collaborative Environment: The office setting will likely foster collaboration, with opportunities for face-to-face meetings, brainstorming sessions, and direct interaction with the development team and other project stakeholders.
• Tools & Technology: Access to standard office equipment and potentially specialized design software and hardware. The company will likely provide or support the necessary tools for design and collaboration.
• Team Interaction: The hybrid model encourages intentional in-office time for focused teamwork, team-building activities, and knowledge sharing.

Work Schedule:

• A standard full-time work schedule is expected, likely aligning with typical business hours in Madrid (e.g., 9:00 AM to 6:00 PM with a lunch break). The hybrid arrangement allows for flexibility in managing the remote workdays.

📝 Enhancement Note: The hybrid nature (3 days in-office) is a key detail for candidates assessing their preferred work environment. The specific office address in Madrid is provided.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with Kapres Technology to assess basic qualifications, experience, and cultural fit.
• Hiring Manager Interview: Discussion with the hiring manager (from the client company) to delve deeper into your experience, design philosophy, and understanding of UX/UI principles.
• Portfolio Review & Technical Discussion: A dedicated session to walk through your portfolio, focusing on B2B dashboard designs, user research, and problem-solving approaches. This may also include a technical discussion about your front-end knowledge (CSS, React).
• Practical Exercise/Case Study (Potential): You might be asked to complete a small design challenge or case study related to the project's domain to assess your practical skills and problem-solving abilities.
• Final Interview: Potentially a final discussion with key stakeholders or team members to confirm fit and discuss final details.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 key projects that best represent your experience with complex web applications and B2B dashboards. Highlight your role, the challenges, your process, and the outcomes.
• Tell a Story: For each project, clearly articulate the problem you were solving, your design process (research, ideation, prototyping, testing), and the impact of your design decisions. Use visuals effectively.
• Showcase Process: Include wireframes, user flows, and usability test findings to demonstrate your understanding of the user-centered design process.
• Highlight B2B Dashboards: Ensure your portfolio prominently features examples of B2B dashboards, explaining the specific requirements and design considerations for such applications (data visualization, complex information architecture, user efficiency).
• Front-End Collaboration: Be prepared to discuss how you collaborate with developers and your understanding of front-end technologies like React and CSS.

Challenge Preparation:

• If a design challenge is provided, focus on understanding the problem statement thoroughly.
• Structure your approach logically, from research and ideation to design and justification.
• Clearly explain your design decisions, referencing user needs and best practices.
• If front-end elements are involved, demonstrate an understanding of how your designs would be implemented.

📝 Enhancement Note: The emphasis on a portfolio review and potential case study indicates that practical demonstration of skills is paramount. Candidates should be ready to articulate their design process and rationale, especially concerning B2B dashboards.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Figma, Sketch (proficiency in at least one is essential).
• Design System Management: Experience with tools or methodologies for creating and maintaining design systems.
• Collaboration: Tools like Slack, Microsoft Teams, Jira, Confluence for communication and project management.

Analytics & Reporting:

• Familiarity with analytics tools (e.g., Google Analytics, Hotjar) to understand user behavior and inform design decisions.
• Ability to interpret data from user research and testing to drive design improvements.

CRM & Automation:

• While not a direct CRM role, understanding how user experience impacts CRM data and business processes is beneficial.
• Awareness of workflow automation concepts as they relate to user journeys and system efficiency.

📝 Enhancement Note: Figma and Sketch are explicitly mentioned as essential design tools. A strong understanding of CSS and familiarity with React are crucial for collaboration with the development team.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A deep commitment to understanding and serving user needs through intuitive and effective design.
• Collaboration: Working effectively within a team, fostering open communication and mutual respect with developers and stakeholders.
• Continuous Improvement: A drive to constantly learn, iterate, and enhance design solutions based on feedback and data.
• Quality & Craftsmanship: A dedication to producing high-quality, accessible, and well-crafted user interfaces.
• Problem-Solving: A proactive and analytical approach to identifying and solving complex design challenges.

Collaboration Style:

• Cross-Functional Integration: The role thrives on tight collaboration with front-end developers, requiring clear communication of design intent and a willingness to understand technical constraints and possibilities.
• Feedback Exchange: An open culture for giving and receiving constructive feedback on designs and processes.
• Knowledge Sharing: Encouraging the sharing of best practices, insights from user research, and learnings from design iterations.

📝 Enhancement Note: These values are inferred based on the nature of UX/UI design roles and the emphasis on collaboration and user-centricity in the job description.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing UX/UI with Front-End Constraints: Effectively translating design visions into feasible front-end implementations, especially within the context of React and Tailwind CSS.
• Designing for Complex B2B Dashboards: Creating intuitive interfaces for complex data sets and enterprise workflows requires careful information architecture and user flow design.
• EdTech Specifics: Understanding the unique needs and constraints of users in the education sector (students, educators, administrators) and designing accordingly.
• Hybrid Work Integration: Maximizing collaboration and productivity within a hybrid work model, ensuring seamless communication and project continuity.

Learning & Development Opportunities:

• Advanced UX/UI Techniques: Opportunities to explore cutting-edge UX research methods, interaction design patterns, and accessibility best practices.
• Front-End Skill Enhancement: Deepen understanding of React and its ecosystem, or explore other front-end technologies through collaboration and self-study.
• EdTech Industry Knowledge: Gain specialized knowledge in designing for educational platforms and understanding the EdTech landscape.
• Design System Mastery: Develop expertise in building and scaling sophisticated design systems.

📝 Enhancement Note: The challenges identified are common in roles blending design and development, especially in specialized sectors like EdTech. The growth opportunities are tailored to the role's hybrid nature and industry focus.

💡 Interview Preparation

Strategy Questions:

• Be prepared to discuss your approach to user research for complex applications. How do you identify user needs and translate them into design requirements?
• Explain your process for creating and maintaining a design system. What are its benefits, and how do you ensure its adoption?
• Describe a challenging B2B dashboard project you worked on. What were the key design decisions, and how did you address them?
• How do you balance user needs with business goals and technical constraints in your designs?

Company & Culture Questions:

• Research Kapres Technology and its client in the education sector. Understand their mission and target audience.
• Be ready to discuss how your design philosophy aligns with a user-centric and collaborative culture.
• How do you approach collaboration with developers? Provide examples of successful partnerships.
• What are your thoughts on accessibility and responsive design, and how do you integrate them into your workflow?

Portfolio Presentation Strategy:

• Structure: Organize your portfolio by project, clearly outlining the problem, your role, process, solution, and impact.
• Visuals: Use high-quality mockups, wireframes, and prototypes. If possible, include short video demonstrations.
• Narrative: For each project, tell a compelling story about the user problem and how your design solved it.
• B2B Focus: Emphasize projects involving B2B dashboards, explaining the unique challenges and solutions for enterprise users.
• Technical Context: Be prepared to discuss your understanding of front-end implementation (CSS, React) and how you ensure your designs are technically feasible.

📝 Enhancement Note: Interview preparation should focus on demonstrating a strong understanding of the design process, the ability to solve complex B2B design problems, and effective collaboration with developers.

📌 Application Steps

To apply for this Front-End - UX/UI Designer position:

• Submit your application through the provided link on Kapres Technology's career page.
• Portfolio Customization: Ensure your submitted portfolio prominently features your experience with complex web applications and, crucially, B2B dashboards. Tailor your portfolio to highlight projects that demonstrate your user research, wireframing, prototyping, and iterative design skills.
• Resume Optimization: Update your resume to clearly articulate your 3+ years of experience in UX/UI design, explicitly mentioning proficiency in Figma/Sketch, CSS, and familiarity with React. Quantify achievements where possible (e.g., "Improved user task completion rate by X%").
• Prepare for Portfolio Presentation: Rehearse walking through your selected portfolio projects, focusing on your design process, problem-solving approach, and the impact of your work, especially for B2B applications. Be ready to discuss your front-end understanding.
• Company Research: Familiarize yourself with Kapres Technology and the education sector client. Understand their market, target users, and any existing digital products to tailor your responses and show genuine interest.

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

---