Diseñador/a UX/UI y Frontend

📍 Job Overview

Job Title: Diseñador/a UX/UI y Frontend

Company: NETCheck

Location: Valencia, Spain

Job Type: FULL_TIME

Category: UX/UI Design & Frontend Development

Date Posted: 2026-06-23

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

Remote Status: On-site

🚀 Role Summary

• Drive the definition and enhancement of digital products for a Public Administration client, focusing on exceptional user experience and accessibility.

• Implement and maintain a consistent design language across all digital interfaces, adhering to style guides and UX standards.

• Collaborate closely with frontend developers to ensure seamless integration of UI/UX designs, styles, and iterative improvements.

• Facilitate design workshops to align cross-functional teams and deeply understand user needs and pain points.

• Design and validate user-centered solutions through wireframing, prototyping, and rigorous user testing methodologies.

📝 Enhancement Note: While the raw job title is "Diseñador/a UX/UI y Frontend," the description explicitly states the project is located in Valencia, Spain, contradicting the provided Madrid location. This enhancement assumes Valencia as the primary work location based on the detailed description. The role is clearly focused on both the design (UX/UI) and implementation (Frontend) aspects of digital product development, requiring a blend of creative and technical skills. The target client being Public Administration implies a need for adherence to strict accessibility and usability standards.

📈 Primary Responsibilities

• Interface Standardization: Homogenize user interfaces across digital products, ensuring strict adherence to the established style guide and UX best practices.

• Accessibility Implementation: Proactively apply and champion good accessibility practices (e.g., WCAG, ARIA) in all digital products to ensure inclusivity for all users.

• Cross-Functional Collaboration: Work closely with the development team to fine-tune styles, implement UI/UX patterns, and iterate on design solutions based on technical feasibility and user feedback.

• User-Centric Workshops: Conduct design thinking workshops and user research sessions to effectively gather requirements, understand user needs, and align stakeholders on project goals.

• Solution Design & Validation: Design and validate proposed solutions through the creation of wireframes, interactive prototypes, and the execution of user testing sessions to gather actionable insights.

• Prototyping & Iteration: Develop interactive prototypes to visualize user flows and test design concepts, iterating based on feedback to optimize the user journey.

• Style Guide Management: Contribute to the maintenance and evolution of the design system and style guide to ensure consistency and scalability.

📝 Enhancement Note: The "Principales responsabilidades" section directly translates to core duties. These have been expanded to emphasize the operational impact of each task, such as "ensuring strict adherence," "proactively apply and champion," and "effectively gather requirements," which are critical for a UX/UI Frontend role within a public administration context.

🎓 Skills & Qualifications

Education:

• Required: University Degree in Computer Engineering, Telecommunications, or a Higher Vocational Training (FP / Ciclo Formativo Superior) in Telecommunications and/or Computer Systems.

• Alternative: Demonstrated equivalent experience in UX/UI design and frontend development, coupled with relevant certifications.

Experience:

• Proven experience in UX/UI design and product design projects, encompassing design, prototyping, accessibility criteria, usability principles, and user research.

• Experience working with Public Administration projects is highly desirable due to the specific context and compliance requirements. Required Skills:

• Design Tools: Proficiency in design and prototyping tools, with a strong emphasis on Figma.

• Frontend Technologies: Solid understanding and practical experience with HTML5 and CSS3 for semantic markup and responsive styling.

• Accessibility Standards: In-depth knowledge and application of accessibility guidelines and standards, specifically WCAG (Web Content Accessibility Guidelines) and ARIA (Accessible Rich Internet Applications).

• Programming Languages: Competence in TypeScript for robust frontend development and improved code maintainability.

• User Research & Testing: Experience in conducting user research, usability testing, and analyzing feedback to inform design decisions.

• Wireframing & Prototyping: Ability to create effective wireframes and interactive prototypes to communicate design concepts and user flows.

Preferred Skills:

• Experience with JavaScript frameworks (e.g., React, Vue.js, Angular) for more advanced frontend development.

• Familiarity with version control systems, such as Git.

• Understanding of SEO best practices as they relate to frontend implementation.

• Experience in agile development methodologies.

• Knowledge of design systems and their implementation.

📝 Enhancement Note: The requirements list specific technologies and certifications. This enhancement clarifies the educational pathways, emphasizes the practical application of skills, and distinguishes between explicitly required and preferred proficiencies to guide candidates more effectively. The mention of "Public Administration projects" is highlighted as a key differentiator.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• UX/UI Design Case Studies: Showcase at least 2-3 detailed case studies demonstrating your end-to-end UX/UI design process for web or digital products. Each case study should clearly articulate the problem, your approach, the solutions designed (wireframes, mockups, prototypes), and the outcomes.

• Accessibility Integration: Explicitly highlight how accessibility principles (WCAG/ARIA compliance) were incorporated into your design process and final deliverables within your case studies. Provide examples of specific design choices made to ensure inclusivity.

• Frontend Implementation Examples: Include visual examples or links to live projects where your frontend development work is showcased. This should demonstrate your ability to translate designs into functional, well-styled interfaces using HTML5, CSS3, and TypeScript.

• Prototyping & User Testing: Demonstrate your ability to create interactive prototypes (using Figma or similar tools) and explain how you used them for user testing and validation. Include insights gained from user feedback and how it influenced design iterations.

Process Documentation:

• Design Workflow: Be prepared to discuss your typical design workflow, from initial ideation and user research through to final handoff to development, emphasizing your process for ensuring consistency and quality.

• Collaboration & Handoff: Detail your process for collaborating with developers and other stakeholders, including how you manage design handoff and ensure accurate implementation.

• Accessibility Auditing: Explain your approach to auditing designs and implemented interfaces for accessibility compliance, including tools and methods you employ.

📝 Enhancement Note: Given the role's dual nature (UX/UI and Frontend) and the emphasis on accessibility for Public Administration, a strong portfolio is critical. This section outlines specific expectations for demonstrating both design thinking and technical implementation, with a clear focus on process and results.

💵 Compensation & Benefits

Salary Range:

• Based on industry benchmarks for mid-level UX/UI Designers and Frontend Developers with 2-5 years of experience in Valencia, Spain, the estimated competitive salary range is €30,000 - €42,000 per year. This estimate considers the specific requirements for Public Administration projects, which often have standardized compensation structures, and the need for specialized skills in accessibility and TypeScript. Benefits:

• Stable Project: Long-term engagement with a Public Administration client, offering job security.

• Continuous Training: Opportunities for ongoing professional development and skill enhancement.

• Professional Development: Support for career growth and advancement within the company.

• Competitive Salary Package: Remuneration aligned with industry standards and individual experience.

• Labor Flexibility: Adaptable working hours to accommodate work-life balance.

• Health & Well-being: Benefits package may include health insurance or wellness programs.

• Team Environment: A collaborative and innovative team culture.

Working Hours:

• Standard full-time hours, likely around 40 hours per week, with an emphasis on labor flexibility. This suggests potential for some adjustment in daily start/end times, subject to project needs and team coordination.

📝 Enhancement Note: The original listing mentions a "Paquete salarial competitivo, flexibilidad laboral y beneficios adaptados a tu experiencia." Without specific figures, a salary range has been estimated based on typical market rates for this role in Valencia, Spain. The benefits have been expanded to provide a more concrete understanding of what "benefits adapted to your experience" might entail in a professional services context.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology Services / Public Sector IT Solutions. NETCheck operates within the IT services sector, with a significant focus on providing solutions for Public Administration clients. This means a strong emphasis on reliability, security, compliance, and user accessibility in digital product development.

Company Size: NETCheck's LinkedIn profile indicates a company size of 51-200 employees. This suggests a medium-sized organization that can offer structured processes and career paths while remaining agile enough for direct impact and collaboration.

Founded: NETCheck was founded in 2017. This relatively young company history implies a dynamic and evolving organizational structure, likely embracing modern technologies and methodologies.

Team Structure:

• Operations Focus: The role is embedded within a project team serving a Public Administration client, likely consisting of Project Managers, UX/UI Designers, Frontend Developers, Backend Developers, and QA Testers.

• Reporting: You will likely report to a Project Lead or a Head of Design/Development, depending on the internal structure of NETCheck and the specific project organization.

• Collaboration: Expect close, daily collaboration with frontend developers and regular interaction with project managers, business analysts, and potentially end-users or client representatives.

Methodology:

• Agile Development: Projects for Public Administration often utilize agile methodologies (e.g., Scrum, Kanban) to manage iterative development cycles, ensuring flexibility and continuous feedback.

• User-Centered Design: A strong emphasis on user research, usability testing, and accessibility is paramount, especially for public sector projects.

• Quality Assurance: Rigorous testing processes are expected to ensure the reliability, security, and compliance of digital products.

Company Website: https://talentos.netcheck.es

📝 Enhancement Note: This section expands on the limited company information provided, inferring cultural and structural aspects relevant to a UX/UI Frontend professional working on public sector projects. The company size and founding date are used to paint a picture of the organizational environment.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level UX/UI and Frontend Designer. It requires a solid foundation of practical experience (2-5 years) and the ability to work semi-autonomously on defined tasks, contributing to project success with minimal supervision. The expectation is for the candidate to not only execute designs and code but also to actively participate in design strategy and problem-solving.

Reporting Structure: You will likely report to a Project Manager or a Team Lead within NETCheck, who oversees the project's technical and design execution. Direct collaboration will be with fellow designers and frontend/backend developers. Cross-functional interaction with client representatives or business analysts may also be a part of the role.

Operations Impact: As a UX/UI and Frontend Designer, your impact is direct and visible. You are instrumental in shaping the user's perception and interaction with digital services. For Public Administration, this translates into improving citizen access to services, enhancing user satisfaction, ensuring compliance with legal accessibility mandates, and ultimately contributing to the efficiency and effectiveness of government initiatives. Your work directly influences user adoption and the overall success of digital transformation projects.

Growth Opportunities:

• Specialization: Deepen expertise in advanced UX research methodologies, interaction design, or specific frontend frameworks and accessibility standards.

• Leadership: Progress to a Senior UX/UI Designer or Frontend Lead role, mentoring junior team members, leading design initiatives, and taking on more complex projects.

• Cross-Functional Roles: Transition into roles like Product Owner, Interaction Designer, or even Technical Project Management, leveraging your understanding of both design and development.

• Certifications: Pursue advanced certifications in UX, accessibility (e.g., CPACC, WAS), or specific frontend technologies to enhance marketability and expertise.

• Client-Side Expertise: Develop a deeper understanding of the Public Administration sector, becoming a go-to expert for their unique digital needs and challenges.

📝 Enhancement Note: This section analyzes the career trajectory and impact of a mid-level UX/UI Frontend Designer within the context of NETCheck and its public sector clients. It provides a clear picture of how the role contributes to business objectives and outlines potential avenues for professional growth.

🌐 Work Environment

Office Type: The role is specified as On-site, indicating a traditional office-based work environment. This suggests a structured setting where face-to-face collaboration, team meetings, and access to on-site resources are prioritized.

Office Location(s): The project is based in Valencia, Spain. This location offers a vibrant professional environment within Spain's technology and innovation landscape. Specific office details would be provided upon further engagement.

Workspace Context:

• Collaborative Environment: The on-site nature of the role fosters direct interaction with colleagues, promoting spontaneous brainstorming, quick problem-solving, and a strong sense of team cohesion. Expect a dynamic workspace designed for team collaboration.

• Tools & Technology: Access to essential design and development tools such as Figma, modern IDEs, and potentially specialized accessibility testing software will be provided. The environment is likely equipped with standard office IT infrastructure.

• Team Interaction: Regular team stand-ups, design reviews, and pair programming sessions are probable. Opportunities to interact with diverse project stakeholders, including client representatives, will be present.

Work Schedule:

• The role is FULL_TIME, with standard working hours. The mention of "Labor Flexibility" suggests that while the core hours are fixed, there might be some room for adjusting start and end times, or occasional remote work on specific days if project demands allow, though the primary expectation is on-site presence.

📝 Enhancement Note: This section elaborates on the "On-site" work arrangement, translating it into tangible aspects of the daily work environment, collaboration, and resource availability, specifically tailored for a UX/UI Frontend role.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your CV, portfolio, and cover letter to assess basic qualifications and alignment with the role's requirements. Be prepared to highlight relevant projects and certifications.

• Technical Interview: This will likely involve a discussion about your UX/UI design process, frontend development skills (HTML5, CSS3, TypeScript), and your approach to accessibility (WCAG/ARIA). Expect questions about your experience with Figma and user testing.

• Portfolio Presentation: You will be asked to present selected case studies from your portfolio, explaining your design decisions, problem-solving strategies, and the impact of your work. This is a critical stage to demonstrate your practical application of skills.

• Practical Exercise/Challenge: Potentially a small design or coding challenge, either take-home or during the interview, to assess your immediate problem-solving abilities and technical proficiency.

• Cultural Fit Interview: A conversation to assess your alignment with NETCheck's values and team dynamics, focusing on collaboration, communication, and your approach to working within a project team and with public sector clients.

Portfolio Review Tips:

• Curate Strategically: Select 3-4 of your strongest projects that best showcase your UX/UI design process, frontend implementation skills, and a clear understanding of accessibility.

• Tell a Story: For each project, clearly articulate the problem statement, your role, the process you followed (research, ideation, design, testing, implementation), the challenges you faced, and the quantifiable outcomes or lessons learned.

• Highlight Accessibility: Explicitly call out how you incorporated accessibility standards. Show specific examples of design choices or code snippets that ensure WCAG/ARIA compliance.

• Demonstrate Technical Skills: For frontend work, provide links to live sites or well-documented code repositories. Explain your approach to HTML5, CSS3, and TypeScript usage.

• Showcase Prototyping: Include interactive prototypes (e.g., Figma links) and explain how they were used for validation and iteration.

Challenge Preparation:

• Review Fundamentals: Brush up on core HTML5, CSS3, and TypeScript concepts, focusing on best practices for semantic markup, responsive design, and modern JavaScript features.

• Accessibility Deep Dive: Revisit WCAG guidelines and ARIA attributes. Be ready to discuss how to implement them in real-world scenarios.

• Design Thinking: Practice articulating your thought process for solving design problems, from user needs to final solutions.

• Figma Proficiency: Be comfortable navigating and presenting within Figma, showcasing your ability to work efficiently with the tool.

📝 Enhancement Note: This section provides actionable advice on navigating the interview process, with a specific focus on preparing a strong portfolio and tackling potential technical challenges relevant to a UX/UI Frontend role in a public sector context.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Figma (essential for wireframing, UI design, and interactive prototyping).

• Frontend Development: HTML5, CSS3, TypeScript.

• Version Control: Git (highly probable for collaborative development).

Analytics & Reporting:

• While not explicitly stated, familiarity with web analytics tools (e.g., Google Analytics) and performance monitoring tools could be beneficial for understanding user behavior and optimizing interfaces. CRM & Automation:

• Not directly relevant to this role, as it's focused on design and frontend development rather than sales or marketing operations.

📝 Enhancement Note: The "Requisitos mínimos" section explicitly names Figma, HTML5/CSS3, WCAG/ARIA, and TypeScript. This section consolidates these into a clear technology stack, emphasizing their importance and expected proficiency.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A primary value will be placing the user at the forefront of all design and development decisions, ensuring products are intuitive, accessible, and meet user needs effectively.

• Quality & Reliability: Given the Public Administration client, a strong emphasis on delivering high-quality, reliable, and secure digital solutions is paramount.

• Collaboration & Communication: Open communication and effective collaboration within the project team and with stakeholders are crucial for success.

• Continuous Improvement: A commitment to ongoing learning, process refinement, and iterative enhancement of digital products.

• Accessibility & Inclusivity: A core value centered on ensuring all digital products are usable by everyone, regardless of ability.

Collaboration Style:

• Cross-Functional Integration: Expect a highly collaborative environment where designers and developers work hand-in-hand, fostering a shared understanding of project goals and technical constraints.

• Feedback-Driven: A culture that encourages constructive feedback during design reviews, code reviews, and team discussions to improve outcomes.

• Agile Mindset: Embracing agile principles means being adaptable, responsive to change, and focused on delivering value incrementally.

📝 Enhancement Note: Based on the role's context (public sector, IT services), this section infers the likely cultural values and collaboration styles that would be prioritized within NETCheck and its project teams.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design & Development: Effectively bridging the gap between creative UX/UI vision and the technical realities of frontend implementation, especially with accessibility constraints.

• Public Sector Bureaucracy: Navigating the specific processes, compliance requirements, and stakeholder dynamics inherent in Public Administration projects.

• Maintaining Consistency: Ensuring a unified look, feel, and user experience across multiple digital products and platforms.

• Rapid Technology Evolution: Staying current with the fast-paced changes in design tools, frontend technologies, and accessibility standards.

Learning & Development Opportunities:

• Advanced Accessibility Training: Deepen expertise in specialized accessibility topics and potentially earn certifications.

• New Frameworks & Tools: Learn and implement emerging frontend frameworks or advanced design tools.

• Project Leadership: Gain experience leading design or development efforts on specific project modules or features.

• Client Relationship Management: Develop skills in managing client expectations and contributing to strategic digital initiatives for public sector entities.

• Cross-Skill Development: Opportunity to gain exposure to backend development concepts or more in-depth UX research techniques.

📝 Enhancement Note: This section proactively identifies potential challenges associated with the role and the client context, framing them as opportunities for growth and skill development.

💡 Interview Preparation

Strategy Questions:

• Design Process: "Describe your end-to-end UX/UI design process for a project similar to those for Public Administration. How do you ensure accessibility is integrated from the start?"

• Collaboration: "How do you typically collaborate with frontend developers to ensure your designs are implemented accurately? Describe a time you had to negotiate design changes due to technical constraints."

• Problem-Solving: "Imagine a user is struggling to complete a key task on a public service website due to a complex interface. How would you approach diagnosing and solving this problem?"

Company & Culture Questions:

• "What interests you specifically about working with Public Administration clients at NETCheck?"

• "How do you stay updated on the latest trends in UX/UI design and frontend development, particularly concerning accessibility?"

• "Describe your ideal team environment and how you contribute to a collaborative culture." Portfolio Presentation Strategy:

• Focus on Impact: For each case study, quantify your achievements where possible (e.g., "improved task completion rate by X%," "reduced user errors by Y%").

• Explain Your "Why": Clearly articulate the rationale behind your design decisions and technical choices. Connect them back to user needs and project goals.

• Demonstrate Process: Walk through your workflow visually, using wireframes, prototypes, and design iterations to illustrate your thinking.

• Address Accessibility Proactively: Dedicate a portion of your presentation to showcase your accessibility expertise and how you applied it.

📝 Enhancement Note: This section provides tailored interview questions and preparation strategies, focusing on the specific skills and context required for this UX/UI Frontend role within NETCheck's public sector projects.

📌 Application Steps

To apply for this operations position:

• Submit your application through the NETCheck talent portal at https://talentos.netcheck.es/jobs/7955645-disenador-a-ux-ui-y-frontend.

• Curate Your Portfolio: Select 2-3 of your most relevant UX/UI and frontend projects, ensuring they clearly demonstrate your skills in Figma, HTML5/CSS3, TypeScript, and especially accessibility (WCAG/ARIA). Prepare to walk through your design process and the impact of your work.

• Tailor Your CV: Highlight keywords from the job description such as "UX/UI," "Frontend," "Accessibility," "Figma," "HTML5," "CSS3," "TypeScript," and "Public Administration" to align with ATS scan requirements. Quantify achievements where possible.

• Craft a Cover Letter: Briefly explain your interest in NETCheck and this specific role, emphasizing your passion for creating user-centered, accessible digital experiences for public services. Mention any relevant certifications.

• Research NETCheck: Familiarize yourself with NETCheck's work, particularly any projects involving the public sector, to demonstrate genuine interest and understanding of their client base and operational context.

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