UI Visual Designer

📍 Job Overview

Job Title: UI Visual Designer Company: Valtech Location: Madrid, Community of Madrid, Spain Job Type: Full-time Category: Design Operations / GTM Operations (Design Enablement) Date Posted: 2025-08-01T09:23:43 Experience Level: Mid-Level (2-5 years) Remote Status: Hybrid

🚀 Role Summary

• This role focuses on the visual execution and systemization of UI design, directly impacting the consistency and scalability of digital products through design systems and component libraries.
• The position requires a strong command of Figma for creating and maintaining reusable design components, tokens, and patterns, adhering to brand and accessibility standards.
• Collaboration with UX designers, developers, and product teams is crucial for translating user needs and business objectives into high-fidelity UI designs and ensuring seamless implementation.
• The UI Visual Designer will contribute to the evolution of design systems, documentation, and overall design governance, playing a key role in enabling efficient and high-quality design delivery within agile teams.

📝 Enhancement Note: While this role is primarily a Design position, its focus on design systems, component libraries, and cross-functional collaboration with development and product teams places it within a crucial operational support function for Go-To-Market (GTM) and product development. It bridges the gap between creative design and efficient, scalable product delivery, embodying aspects of Design Operations.

📈 Primary Responsibilities

• Contribute to the creation, maintenance, and evolution of scalable design systems and component libraries within Figma, ensuring consistency and reusability across digital products.
• Collaborate closely with UX Designers, Product Managers, and Engineering teams to translate user needs, product requirements, and brand guidelines into high-fidelity UI designs and interactive prototypes.
• Develop and refine reusable UI components, design tokens, and patterns, ensuring adherence to established brand guidelines, accessibility standards (WCAG), and technical feasibility.
• Produce detailed design documentation, including visual specifications, style guides, and usage guidelines, to support developers and ensure accurate implementation of UI designs.
• Participate actively in design critiques, system governance sessions, and cross-functional team meetings to provide and receive constructive feedback, uphold visual quality, and drive design system adoption.
• Support ongoing usability testing and iteration by translating user feedback and research findings into actionable UI refinements and improved component behaviors.
• Assist in the development and maintenance of UI kits and visual guidelines that empower other designers and developers working within the design system.
• Document and clearly communicate design rationale, ensuring that design decisions are understood and supported by stakeholders.
• Stay abreast of new Figma features, emerging UI trends, accessibility best practices, and design tooling, proactively applying new learnings to enhance the design system and workflows.
• Take ownership of assigned tasks within the design system lifecycle, effectively clarifying scope, managing time, and communicating progress to the product and design teams.

📝 Enhancement Note: Responsibilities are framed to highlight the operational aspects of design system management and cross-functional enablement, emphasizing collaboration, documentation, and adherence to standards, which are critical for efficient GTM product execution.

🎓 Skills & Qualifications

Education:

• Bachelor's degree in Graphic Design, Interaction Design, Human-Computer Interaction, or a related field, or equivalent practical experience.

Experience:

• 2-5 years of professional experience in UI Visual Design, focused on digital products and user interfaces, with a strong emphasis on design systems and component-driven design.
• Demonstrated experience in creating, maintaining, and evolving design systems and component libraries, preferably using Figma.
• Proven track record of collaborating effectively with cross-functional teams, including UX designers, product managers, and front-end developers, in an agile environment.

Required Skills:

• Figma Proficiency: Expert-level skills in Figma, including advanced use of components, variants, auto layout, styles, and prototyping features.
• Design Systems: Deep understanding of design system principles, atomic design methodology, and experience building and maintaining robust component libraries.
• Visual Design Principles: Strong command of typography, color theory, layout, visual hierarchy, and interaction design patterns.
• Brand Consistency: Ability to work within established brand guidelines and contribute to their evolution while maintaining consistency across diverse digital touchpoints.
• Collaboration & Communication: Excellent verbal and written communication skills, with the ability to articulate design decisions, provide constructive feedback, and collaborate effectively with multidisciplinary teams.
• Detail-Oriented: Meticulous attention to detail in all aspects of design, from pixel-perfect execution to documentation and system governance.
• Systems Thinking: Ability to think systematically about design solutions, considering scalability, reusability, and long-term maintainability.

Preferred Skills:

• Prototyping Tools: Familiarity with other prototyping tools like Adobe XD, Sketch, or InVision.
• Accessibility Standards: Knowledge of WCAG guidelines and experience designing for accessibility.
• Documentation Tools: Experience with tools for design system documentation such as Zeroheight, Storybook, or similar platforms.
• User Research & Usability Testing: Understanding of user-centered design principles and experience supporting usability testing and incorporating feedback.
• Motion Design Principles: Basic understanding of motion design principles for UI animations and transitions.

📝 Enhancement Note: The emphasis on Figma, design systems, and cross-functional collaboration with development aligns with operational efficiency in product design. Preferred skills like accessibility and documentation tools further reinforce the operational enablement aspect of this role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design System Case Study: A comprehensive case study showcasing your experience with designing, building, or contributing to a design system. This should include examples of component creation, token strategy, and system governance.
• Component Library Examples: Demonstrations of reusable UI components created in Figma, highlighting their structure, variants, and adherence to design principles.
• Visual Design Execution: Examples of high-fidelity UI designs for digital products, demonstrating strong visual design skills, attention to detail, and understanding of user experience.
• Process Documentation: Samples of design documentation, such as style guides, component usage guidelines, or system governance policies, that illustrate your ability to communicate design intent clearly.
• Brand Integration: Examples showing how you have applied or evolved brand guidelines within digital product designs or design systems.

Process Documentation:

• Workflow Design: Showcase your approach to designing and implementing UI components within a systematic workflow, from initial concept to developer handoff.
• System Implementation: Provide examples of how you have ensured the consistent implementation of design system elements across multiple projects or platforms.
• Performance Analysis: Include any documentation or case studies that track the impact of design system adoption or specific component improvements on design or development efficiency.

📝 Enhancement Note: The portfolio requirements are geared towards demonstrating operational capabilities in design system management, emphasizing process, documentation, and tangible outputs that support efficient product development.

💵 Compensation & Benefits

Salary Range:

• Based on industry benchmarks for a Mid-Level UI Visual Designer with 2-5 years of experience in Madrid, Spain, the estimated annual salary range is €30,000 - €45,000. This range accounts for the required Figma and design system expertise, as well as the cost of living in Madrid.

Benefits:

• Flexibility: Offers remote and hybrid work options, allowing for a better work-life balance (country-dependent, specific details provided by Talent Partner).
• Career Advancement: Opportunities for international mobility and participation in professional development programs designed to foster career growth within Valtech.
• Learning and Development: Access to cutting-edge tools, specialized training, and mentorship from industry experts to continuously enhance skills.
• Competitive Compensation Package: Beyond base salary, Valtech provides a comprehensive package tailored to the local market.
• Professional Growth: Encouragement to contribute to the Design team's discipline and capability growth through internal initiatives and knowledge sharing.

Working Hours:

• Standard full-time working hours are typically around 40 hours per week, with flexibility offered in terms of work arrangements (hybrid/remote options).

📝 Enhancement Note: The salary range is an estimate based on typical market rates for this role and location. Specific benefits are listed as provided by the company and are typical for a global consultancy.

🎯 Team & Company Context

🏢 Company Culture

Industry: Digital Transformation Consulting / Experience Innovation Company Size: Valtech is a global company with a significant employee base, indicating a structured yet dynamic work environment with ample opportunities for collaboration and exposure to diverse projects. This size suggests access to robust internal resources and established processes. Founded: Valtech has a history dating back to 1997, signifying a mature organization with established expertise in digital services and a track record of client success. This longevity implies stability and a deep understanding of market evolution.

Team Structure:

• Design Team: The Design team at Valtech operates with a collaborative, startup-like ethos, integrating UX Researchers, Product Designers, and Motion Designers. This structure fosters close-knit teams dedicated to specific projects.
• Reporting: Designers typically report to Design Leads or Practice Leads, with project-specific reporting lines to Project Managers. There's a clear emphasis on peer collaboration and learning from senior team members.
• Cross-functional Collaboration: Designers are embedded within multidisciplinary teams (including product owners, developers, strategists) from project initiation through to delivery, ensuring a holistic approach to product creation.

Methodology:

• Human-Centred Design: A core methodology that places user needs at the forefront of all design decisions.
• Agile Engineering: Integration with Agile development practices ensures iterative delivery and adaptability to project changes.
• Idea-to-Value Acceleration: A strategic approach focused on efficiently transforming concepts into tangible business value.
• Component-Driven Design: Emphasis on building scalable and maintainable digital products through systematic use of design systems and reusable components.

Company Website: https://www.valtech.com/

📝 Enhancement Note: Valtech's positioning as an "experience innovation company" and its focus on digital transformation highlight a forward-thinking culture that values creativity, technology, and client impact. The company's global presence and long history suggest a stable yet innovative work environment.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a "Mid UI Visual Designer," indicating an individual contributor level with increasing responsibility and autonomy. It signifies a stage where foundational design skills are well-developed, and the focus shifts towards system thinking, collaboration, and contributing to design discipline growth. Reporting Structure: Designers are integrated into project teams, working closely with UX Designers, Product Managers, and Developers. They often report to Design Leads or Project Managers, with opportunities to learn from senior designers and contribute to the broader design practice. Operations Impact: The UI Visual Designer's impact is in enabling efficient product development through robust design systems and consistent visual execution. By creating scalable components and clear documentation, they reduce design and development friction, improve brand consistency, and ultimately contribute to faster time-to-market and a better user experience, which directly supports GTM objectives.

Growth Opportunities:

• Specialization: Deepen expertise in design systems, component architecture, accessibility, or specific industry verticals.
• Leadership: Progress to Senior UI Visual Designer roles, leading design system initiatives, mentoring junior designers, and taking on more complex project responsibilities.
• Skill Development: Continuous learning opportunities through access to industry experts, training programs, and exposure to diverse client projects and technologies.
• Cross-functional Expertise: Develop a broader understanding of product development lifecycle, including UX research, product strategy, and front-end development, to become a more holistic product designer.

📝 Enhancement Note: The growth path emphasizes not only design craft but also operational excellence in design systems and cross-functional collaboration, aligning with career progression in design operations or senior design roles.

🌐 Work Environment

Office Type: Valtech offers a modern, collaborative office environment in Madrid, designed to foster creativity and teamwork. The company also provides flexibility with remote and hybrid work options. Office Location(s): The primary office is located in Madrid, Spain. Specific accessibility details and local amenities would be available upon inquiry. Workspace Context:

• Collaboration Hubs: Offices are likely equipped with spaces for brainstorming, client presentations, and team collaboration, facilitating interaction with colleagues.
• Technology & Tools: Access to industry-standard design software (Figma), collaboration platforms (Miro), and other necessary tools for efficient workflow.
• Team Interaction: Opportunities for regular interaction with design peers, project teams, and company leadership through formal meetings and informal interactions. Work Schedule: While a standard 40-hour work week is typical, Valtech emphasizes flexibility, allowing for hybrid or remote arrangements that can accommodate individual work styles and project needs, supporting focused work on design systems and detailed visual execution.

📝 Enhancement Note: The emphasis on flexibility and collaborative spaces reflects a modern work environment that supports both focused design work and team integration, crucial for operational effectiveness.

📄 Application & Portfolio Review Process

Interview Process:

• Application Submission: Submit resume and portfolio, ensuring the portfolio clearly demonstrates experience with design systems, Figma, and visual design execution.
• Initial Screening: A Talent Acquisition team member will review applications. Candidates whose skills and experience align with the role will be contacted for next steps.
• Technical/Creative Assessment: This may involve a portfolio review session, a design challenge focused on design system components or visual problem-solving, or a discussion about past projects.
• Team/Hiring Manager Interview: Interviews with design leads or hiring managers to assess design thinking, collaboration skills, cultural fit, and understanding of the role's operational responsibilities.
• Final Interview: Potentially a discussion with senior leadership to confirm alignment with Valtech's values and strategic direction.

Portfolio Review Tips:

• Highlight Design Systems: Dedicate a significant portion of your portfolio to your work on design systems. Showcase the problem, your process, the components you built, and the impact.
• Figma Mastery: Demonstrate proficiency in Figma's advanced features, such as component variants, auto layout, and interactive prototyping.
• Process Over Polish: While polished visuals are important, emphasize the thought process, research, iteration, and collaboration that went into your work. Show how you tackled challenges.
• Quantify Impact: Where possible, quantify the impact of your design system contributions (e.g., improved consistency, faster development cycles, reduced design debt).
• Documentation Samples: Include examples of design documentation (style guides, component usage) to show your ability to communicate design intent clearly.
• Tailor to Valtech: Research Valtech's work and clients. If possible, tailor your presentation to show how your skills align with their project types and approach.

Challenge Preparation:

• Design System Challenge: Be prepared for a task that might involve creating a new component, refining an existing one, or outlining how you would approach a specific design system problem.
• Visual Design Critique: Practice articulating your design choices, explaining the rationale behind color palettes, typography, and layout decisions.
• Collaboration Scenarios: Think about how you would collaborate with developers on implementation challenges or with UX designers on integrating new components into user flows.

📝 Enhancement Note: The interview process and portfolio review are geared towards assessing not just visual design skills but also the operational capabilities required for design system management and effective collaboration within a project lifecycle.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core tool for UI design, component creation, prototyping, and design system management. Expertise in its advanced features is paramount.
• Adobe Creative Suite (CC): Likely used for supporting tasks such as asset creation, image editing, or presentation design (e.g., Photoshop, Illustrator, InDesign).
• Miro: A collaborative online whiteboard platform, often used for brainstorming, user flow mapping, wireframing, and design system planning.

Analytics & Reporting:

• While not a primary tool for this role, familiarity with how design decisions impact user analytics and reporting dashboards (e.g., Google Analytics, Amplitude) can be beneficial for understanding product performance.

CRM & Automation:

• Not directly relevant to the core responsibilities of a UI Visual Designer, but understanding the context of CRM systems (like Salesforce) and marketing automation platforms can provide broader business context.
• Integration Tools: Awareness of how design systems integrate with development workflows and potentially content management systems (CMS) or component-based development frameworks (like React, Vue.js) is a plus.

📝 Enhancement Note: The explicit mention of Figma as a core tool, alongside collaborative platforms like Miro, highlights the technical requirements for effective design system operations.

👥 Team Culture & Values

Operations Values:

• Excellence in Craft: A commitment to high-quality visual design, attention to detail, and a passion for creating polished, intuitive user interfaces.
• Systems Thinking & Consistency: Valuing the creation and maintenance of robust design systems that drive consistency, scalability, and efficiency across products.
• Collaboration & Inclusivity: Fostering a welcoming environment where diverse perspectives are valued, and teamwork is central to achieving project goals.
• Continuous Learning: An ongoing drive to learn new tools, techniques, and industry best practices to stay at the forefront of design innovation.
• User-Centricity: A fundamental belief in designing for the user, ensuring that functionality and aesthetics serve user needs effectively.

Collaboration Style:

• Cross-functional Integration: Designers work seamlessly within multidisciplinary teams, actively participating in discussions and contributing to shared project objectives.
• Feedback-Driven: An open culture of giving and receiving constructive feedback to continuously improve design work and processes.
• Knowledge Sharing: Encouraging the sharing of insights, best practices, and learnings within the design team and across the organization.
• Pragmatic & Iterative: A balanced approach that combines creative exploration with practical considerations for implementation and business impact.

📝 Enhancement Note: Valtech's emphasis on "experience innovation" and a "diverse, nurturing environment" suggests a culture that values both creative output and collaborative problem-solving, crucial for operational success in design.

⚡ Challenges & Growth Opportunities

Challenges:

• Maintaining Design System Scalability: Ensuring the design system can effectively scale to accommodate new features, products, and evolving brand requirements while remaining manageable.
• Balancing Consistency and Flexibility: Finding the right balance between enforcing strict design system rules and allowing for creative flexibility to meet unique project needs.
• Driving Adoption: Encouraging widespread adoption of the design system among designers and developers across various projects and teams.
• Keeping Pace with Technology: Staying updated with the latest advancements in design tools, front-end technologies, and accessibility standards to ensure the design system remains relevant.

Learning & Development Opportunities:

• Design System Specialization: Opportunities to become a subject matter expert in design systems, component architecture, and design tokens.
• Accessibility Expertise: Developing deep knowledge of WCAG guidelines and best practices for inclusive design.
• Cross-Disciplinary Exposure: Gaining deeper insights into UX research methodologies, product strategy, and front-end development processes.
• Mentorship: Learning from senior designers and contributing to the growth of junior team members.
• Industry Engagement: Opportunities to attend industry events, workshops, and conferences to network and stay abreast of trends.

📝 Enhancement Note: The challenges and growth opportunities are framed to highlight the operational aspects of managing a design system and the potential for career development within this specialized area of design.

💡 Interview Preparation

Strategy Questions:

• Design System Philosophy: "Describe your approach to building and maintaining a design system. What are the key principles you adhere to?" Prepare to discuss component governance, versioning, and documentation strategies.
• Figma Proficiency & Workflow: "Walk us through a complex component you designed in Figma. Explain your process, including the use of variants, auto layout, and tokens." Be ready to share your screen and demonstrate your Figma skills.
• Collaboration Scenarios: "How do you handle disagreements with developers regarding the implementation of a design system component?" Prepare examples of how you collaborate to find solutions that meet both design and technical requirements.
• Brand Integration: "How do you ensure brand consistency within a design system, and how would you approach evolving brand guidelines for digital products?"
• Problem-Solving: "Imagine a scenario where a project team is struggling to adopt the design system. What steps would you take to encourage adoption and provide support?"

Company & Culture Questions:

• Valtech's Approach: "What excites you about Valtech's focus on 'experience innovation' and how do you see your role contributing to that mission?" Research Valtech's recent projects and case studies.
• Team Dynamics: "Describe your ideal design team environment. How do you contribute to a positive and productive team culture?" Be ready to share examples of your collaborative style.

Portfolio Presentation Strategy:

• Structure Your Narrative: For each portfolio piece, clearly articulate the problem, your role, your process (including research, ideation, and iteration), the solution, and the outcome/impact.
• Focus on Design Systems: Prioritize showcasing your design system work. Explain the architecture, the benefits, and the challenges you overcame.
• Showcase Figma Skills: Demonstrate your mastery of Figma's features, especially components, variants, and auto layout, by walking through specific examples.
• Highlight Collaboration: Use your portfolio to illustrate how you work with other disciplines (UX, Development, Product).
• Be Prepared for Questions: Anticipate questions about your design choices, your process, and how you handle feedback.

Challenge Preparation:

• Component Design: Practice creating a well-structured, accessible, and reusable UI component in Figma based on a given prompt.
• Design System Documentation: Be ready to outline how you would document a new component or a new design token.
• Visual Polish: Ensure you can articulate the visual design decisions (color, typography, spacing) that contribute to a strong user interface.

📝 Enhancement Note: Interview preparation should focus on demonstrating not only visual design skills but also the operational efficiency, collaboration, and system-thinking required for design system management.

📌 Application Steps

To apply for this UI Visual Designer position:

• Submit your application through the provided link on greenhouse.io, ensuring all requested information is included.
• Portfolio Customization: Tailor your portfolio to prominently feature your design system experience, particularly your work with Figma. Include case studies that detail your process, component creation, and any impact metrics.
• Resume Optimization: Update your resume to highlight keywords from the job description, such as "Figma," "Design Systems," "Component Libraries," "UI Design," "Visual Design," "Accessibility," and "Agile Methodologies." Quantify achievements where possible.
• Interview Preparation: Practice presenting your portfolio, focusing on clear communication of your design process and system thinking. Prepare to discuss your experience with collaboration and problem-solving in a team environment.
• Company Research: Familiarize yourself with Valtech's client work, values, and approach to digital transformation. Understand their commitment to "experience innovation" and how your skills align with their mission.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details, particularly salary estimates and specific benefits, should be verified directly with Valtech's Talent Acquisition team before making application decisions.