UI & Product Designer

📍 Job Overview

Job Title: UI & Product Designer

Company: Webranking

Location: Correggio, Province of Reggio Emilia, Italy

Job Type: FULL_TIME

Category: Product Design & User Experience Operations

Date Posted: 2026-08-04

Experience Level: 2-5 Years

Remote Status: Hybrid

🚀 Role Summary

• Spearhead end-to-end digital product design, from conceptualization and visual design to interactive prototyping and technical documentation for developer handoff.

• Lead the creation, maintenance, and evolution of scalable design systems, including robust component libraries and asset management.

• Act as a design consultant, articulating and defending design choices to internal teams and a growing portfolio of international clients.

• Champion inclusive design principles by applying usability and accessibility standards (WCAG) and translating UX research insights into intuitive and effective interfaces.

📝 Enhancement Note: This role is positioned within a CX (Customer Experience) team, emphasizing a holistic approach to product design that integrates user needs, business objectives, and technical feasibility. The focus on "end-to-end" design and "design systems" indicates a need for a designer who can manage projects from ideation through to implementation, ensuring consistency and scalability.

📈 Primary Responsibilities

• Conceptualize and design innovative digital products, collaborating closely with Service & UX Designers, Product Managers, UI Designers, Researchers, and UX Writers.

• Develop detailed visual designs, wireframes, user flows, and interactive prototypes using advanced Figma functionalities.

• Manage and contribute to the evolution of Webranking's Design System, ensuring its scalability and adherence to brand guidelines.

• Present design solutions and rationale to internal stakeholders and clients, effectively communicating technical and user-centric decisions.

• Integrate AI tools into the creative process to accelerate ideation, explore diverse design solutions, and expedite the development of Minimum Viable Products (MVPs).

• Ensure all designs adhere to accessibility guidelines (WCAG) and incorporate user research findings to enhance usability and user satisfaction.

• Collaborate proactively within a team environment, providing valuable contributions while also demonstrating the ability to work autonomously on assigned tasks.

📝 Enhancement Note: The responsibilities highlight a blend of creative design, technical proficiency with Figma, strategic thinking regarding design systems, and strong communication skills for client-facing interactions. The emphasis on AI integration points to a forward-thinking approach to design processes.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating equivalent practical experience and a deep understanding of design principles is paramount.

Experience: 2-5 years of professional experience in UI and Product Design, with a proven track record of successfully delivering digital products.

Required Skills:

• Mastery of Figma: Advanced proficiency in Figma, including expert-level management of components, variables, auto-layout, and complex design libraries. This is a critical requirement.

• AI Integration: Demonstrated ability to leverage AI tools within the design workflow for creative exploration, rapid prototyping, and MVP development.

• Presentation & Communication: Excellent verbal and written communication skills, with the ability to clearly articulate design decisions, engage in constructive dialogue, and effectively present to both internal teams and clients.

• Teamwork & Autonomy: Proven ability to collaborate effectively in a team setting while also possessing the initiative and discipline to manage individual tasks and projects independently.

• Inclusive Design: Solid understanding and application of usability principles and accessibility standards (WCAG).

Preferred Skills:

• English Proficiency: Excellent written and spoken English for international client communication and collaboration.

• Agile Methodologies: Familiarity with Agile principles as applied to design processes and product development.

• Complex Product Experience: Previous experience working on complex digital products within structured teams.

• Mobile App Design: Specific experience in designing mobile applications.

• CRO & A/B Testing: Experience with Conversion Rate Optimization (CRO) and A/B testing methodologies.

• Front-End Fundamentals: Familiarity with HTML, CSS, JavaScript, and the testing/delivery phases of development.

• Google Analytics: Good knowledge of Google Analytics for user behavior analysis.

• SEO Fundamentals: Understanding of Search Engine Optimization (SEO) principles.

• Passion for Design: A genuine curiosity and passion for all aspects of design.

📝 Enhancement Note: The emphasis on Figma mastery is a significant indicator of the company's reliance on this tool. The "nice to have" skills provide a clear roadmap for candidates to differentiate themselves, particularly those with experience in CRO, front-end basics, and SEO, which suggest a data-informed and technically aware design approach.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• End-to-End Case Studies: Showcase at least 2-3 comprehensive case studies detailing your involvement in the complete product design lifecycle, from initial concept and research to final implementation and iterations.

• Figma Proficiency Demonstration: Include examples that clearly illustrate your advanced Figma skills, such as complex component libraries, interactive prototypes, design system contributions, and variable usage.

• AI Integration Examples: Present specific instances where AI tools were used to enhance the design process, such as generating initial concepts, exploring variations, or accelerating MVP development.

• Client Presentation Evidence: If possible, provide anonymized examples or descriptions of how you have presented design solutions to clients, highlighting your ability to articulate rationale and handle feedback.

• Accessibility & Usability Focus: Demonstrate how you've incorporated accessibility (WCAG) and usability principles into your designs, perhaps through specific design choices or testing outcomes.

Process Documentation:

• Workflow Visualization: Clearly map out the design process followed for your case studies, highlighting key stages, decision points, and collaboration touchpoints.

• Design System Contribution: Detail your role in creating or maintaining design systems, including examples of component creation, documentation, and implementation guidelines.

• Outcome-Oriented Metrics: Quantify the impact of your design work using relevant metrics where possible (e.g., improvements in conversion rates, user satisfaction scores, task completion times, reduction in development rework).

📝 Enhancement Note: For a UI & Product Designer role, the portfolio is paramount. The emphasis on Figma, AI, and end-to-end case studies suggests that Webranking is looking for a designer who is not only creative but also highly efficient, technically skilled, and capable of demonstrating tangible business impact through their work.

💵 Compensation & Benefits

Salary Range: €26,000 - €34,000 Gross Annual Salary. The final offer will be determined based on the candidate's qualifications and performance during the selection process.

Benefits:

• Flexible Work: Full smart working flexibility with a contribution towards a home workstation setup.

• Time Flexibility: Flexible working hours to accommodate personal schedules and optimize productivity.

• Meal Vouchers: Electronic meal vouchers that are cumulative and usable even when working remotely.

• Employee Well-being: Comprehensive corporate welfare program.

• Career Development: Structured professional development plans agreed upon with managers.

• Learning & Training: Dedicated internal and external training opportunities, including budget allocation and participation in national and international events.

• E-Learning: Unlimited access to "Upskill for Webrankers," the company's internal e-learning platform.

• Onboarding: A welcome kit including a backpack, laptop, and dedicated workstation.

• Team Engagement: Regular team-building events such as themed dinners and summer BBQs.

• On-site Amenities (Correggio): Access to a gym and a swimming pool during summer months.

Working Hours: The standard work week is 40 hours, with flexible scheduling options.

📝 Enhancement Note: The salary range provided is for Italy and aligns with the experience level (2-5 years) and the stated responsibilities. The benefits package is robust, emphasizing work-life balance, continuous learning, and employee well-being, which are attractive to design professionals. The specific mention of on-site amenities in Correggio is a key differentiator for candidates considering a hybrid arrangement.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology / Digital Services / Marketing Technology. Webranking operates in a dynamic sector focused on helping clients grow their online presence and digital product offerings.

Company Size: While not explicitly stated, the mention of a "growing portfolio of clients, many of them international," and a structured "CX team" suggests a mid-sized company with established processes and aspirations for further growth.

Founded: The company was founded with a vision to empower clients in the digital space. Its ongoing investment in employee development and modern tools like AI indicates a forward-thinking and adaptive organizational culture.

Team Structure:

• CX Team: The UI & Product Designer will join a dedicated Customer Experience (CX) team.

• Cross-Functional Collaboration: This team includes Service & UX Designers, Product Designers, UX Writers, Researchers, and Product Managers, fostering a collaborative environment.

• Reporting: The role likely reports to a Lead Designer, Head of CX, or a similar management position within the CX department.

Methodology:

• User-Centric Design: A strong emphasis on user research and translating insights into practical design solutions.

• Agile Development: Application of Agile methodologies for efficient product development cycles.

• Data-Informed Decisions: Utilization of tools like Google Analytics and potentially A/B testing to inform design choices and measure impact.

• Design System Approach: Commitment to building and maintaining scalable design systems for consistency and efficiency.

Company Website: https://www.webranking.it/

📝 Enhancement Note: Webranking appears to prioritize a collaborative, user-focused, and growth-oriented environment. The CX team structure suggests a commitment to delivering high-quality digital experiences, and the integration of advanced tools like Figma and AI indicates a modern and efficient operational approach.

📈 Career & Growth Analysis

Operations Career Level: This role is for an intermediate-level designer (2-5 years of experience). It offers a significant opportunity to deepen expertise in UI/Product Design, Design Systems, and the application of AI in creative workflows. The position requires both individual contribution and collaborative engagement.

Reporting Structure: The designer will report to a senior member of the CX team (e.g., Lead Designer, Head of CX) and work closely with a multidisciplinary group of designers, researchers, and product managers. This structure allows for mentorship and exposure to various aspects of product development.

Operations Impact: As a UI & Product Designer, your work will directly influence the usability, aesthetics, and overall success of digital products. Your contributions will impact user satisfaction, conversion rates, client retention, and the company's reputation for delivering innovative digital solutions. The focus on international clients amplifies the scope of this impact.

Growth Opportunities:

• Skill Specialization: Deepen expertise in areas like advanced Figma techniques, design system architecture, accessibility standards, or AI-driven design.

• Leadership Potential: Progress to a Senior UI/Product Designer role, leading projects or mentoring junior designers. Opportunities may also exist to specialize in product strategy or UX research leadership.

• Cross-Functional Mastery: Gain broader experience in product management, service design, or front-end development through collaboration and training.

• Industry Exposure: Participate in industry events and training to stay abreast of emerging design trends and technologies.

📝 Enhancement Note: The role provides a solid foundation for a designer looking to grow within a specialized field. The combination of core design responsibilities, advanced tool usage, and the potential for client-facing leadership positions it as a valuable stepping stone for career advancement in the digital product design space.

🌐 Work Environment

Office Type: Hybrid. While full smart working is offered, the company provides a physical office space in Correggio, suggesting opportunities for in-person collaboration, team events, and access to on-site amenities.

Office Location(s): Correggio, Province of Reggio Emilia, Italy. This location offers specific on-site benefits like gym and pool access.

Workspace Context:

• Collaborative Hub: The office likely serves as a hub for team meetings, brainstorming sessions, and fostering a strong team culture, particularly for those opting for hybrid work.

• Tools & Technology: Employees are provided with a laptop and a dedicated workstation, ensuring they have the necessary tools for effective design work, whether remote or in-office.

• Team Interaction: Opportunities for direct interaction with colleagues in the CX team and other departments, facilitating knowledge sharing and spontaneous problem-solving.

Work Schedule: Flexible working hours are a key benefit, allowing designers to manage their time effectively. This flexibility is crucial for deep work sessions common in design tasks, while still ensuring alignment with team collaboration needs and client availability.

📝 Enhancement Note: The hybrid model at Webranking appears to offer the best of both worlds: the flexibility of remote work, complemented by the collaborative and amenity-rich environment of a physical office. This setup is attractive for operations roles that require focused individual work but also benefit from team synergy.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your CV and portfolio to assess basic qualifications and design aesthetic.

• Portfolio Presentation: A dedicated session where you present your case studies, explaining your design process, rationale, and the impact of your work. Be prepared to discuss your Figma skills and AI integration strategies in detail.

• Technical & Behavioral Interview: Questions will assess your technical proficiency (Figma, design principles, accessibility), problem-solving abilities, and how you handle teamwork, client feedback, and project challenges.

• Team/Hiring Manager Interview: A discussion focused on cultural fit, team dynamics, and your career aspirations within Webranking.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 of your strongest, most relevant projects that showcase end-to-end design, Figma mastery, and ideally, AI integration or accessibility focus.

• Tell a Story: For each project, clearly articulate the problem, your role, the process followed, the solutions you designed, and the quantifiable outcomes or learnings.

• Highlight Figma Expertise: Prepare to demonstrate specific Figma features you utilized, such as complex auto-layouts, component variants, variables, and team library management.

• Showcase AI Impact: If you have AI-assisted projects, clearly explain how AI contributed to efficiency, ideation, or problem-solving.

• Focus on Collaboration & Communication: Emphasize how you worked with other team members and clients, and how you presented and defended your design decisions.

Challenge Preparation:

• Design Exercise: You may be given a small design challenge or asked to critique an existing interface, assessing your design thinking and problem-solving skills.

• Figma Skills Test: Be ready for a practical demonstration of your Figma capabilities.

• Scenario-Based Questions: Prepare for questions about how you would handle specific design dilemmas, client feedback, or team conflicts.

📝 Enhancement Note: The interview process strongly emphasizes practical skills and the ability to articulate design value. A well-prepared portfolio that clearly demonstrates advanced Figma usage, end-to-end process, and ideally, AI integration, will be critical for success.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design tool. Expect advanced usage expectations for components, variables, auto-layout, and design system management.

• AI Design Tools: Various AI platforms for ideation, rapid prototyping, content generation, and efficiency gains.

• Prototyping Tools: Figma's built-in prototyping capabilities, potentially supplemented by other tools for advanced interactivity.

Analytics & Reporting:

• Google Analytics: For understanding user behavior, traffic sources, and conversion tracking.

• A/B Testing Tools: (Preferred) Tools for conducting conversion rate optimization tests.

CRM & Automation:

• Familiarity with development workflows: Understanding of HTML, CSS, and JavaScript is a plus, indicating an ability to work closely with developers and understand technical constraints.

📝 Enhancement Note: Figma is central to this role. Proficiency beyond basic wireframing, extending to complex component management and design system development, is essential. The integration of AI tools is also a key technological focus, suggesting a modern and efficiency-driven approach to design.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A deep commitment to understanding and serving user needs through thoughtful design.

• Collaboration & Teamwork: A strong emphasis on working together, sharing knowledge, and supporting colleagues to achieve collective goals.

• Innovation & Efficiency: Embracing new technologies like AI and efficient methodologies to deliver creative and effective solutions.

• Continuous Improvement: A culture of learning, feedback, and iterative refinement in both design work and personal development.

• Client Focus: Dedication to delivering high-quality, impactful digital products for a diverse international client base.

Collaboration Style:

• Cross-Functional Integration: Seamless collaboration with UX Designers, Researchers, Writers, and Product Managers to ensure cohesive product development.

• Open Communication: An environment where feedback is encouraged, design decisions are openly discussed, and team members feel comfortable sharing ideas and concerns.

• Proactive Contribution: Team members are expected to contribute proactively, offering insights and solutions rather than just executing tasks.

📝 Enhancement Note: Webranking fosters a collaborative and forward-thinking environment. The values emphasize user empathy, teamwork, and a drive for innovation, particularly through the adoption of new technologies and methodologies.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Client Needs with Design Excellence: Effectively managing diverse client expectations and project scopes while maintaining high design standards and adhering to best practices.

• Integrating AI Seamlessly: Mastering the art of integrating AI tools into the design workflow without compromising creativity, originality, or ethical considerations.

• Scaling Design Systems: Ensuring design systems remain robust, scalable, and adaptable as product portfolios and client needs evolve.

• Navigating Complex Product Development: Working on intricate digital products that require a deep understanding of user needs, business logic, and technical constraints.

Learning & Development Opportunities:

• Advanced Design Techniques: Opportunities to master advanced Figma features, explore new design patterns, and deepen expertise in areas like motion design or micro-interactions.

• AI in Design Specialization: Become a go-to expert for AI-assisted design within the team, exploring new tools and workflows.

• Cross-Disciplinary Learning: Gain exposure to UX research, service design, and CRO through collaboration and dedicated training.

• Industry Engagement: Attend conferences and workshops to stay current with design trends, tools, and methodologies.

📝 Enhancement Note: This role offers significant opportunities for growth by tackling complex design challenges and embracing cutting-edge technologies. The company's investment in training and development supports a designer's journey towards becoming a well-rounded and highly skilled professional.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex digital product you designed end-to-end. What was your process, what challenges did you face, and what was the outcome?" (Focus on your role, Figma usage, and impact.)

• "How do you integrate AI into your design process? Can you provide an example of how it accelerated your workflow or led to a better solution?" (Be specific about tools and benefits.)

• "Walk us through your approach to building or maintaining a design system. What are the key components, and how do you ensure scalability and consistency?" (Highlight your Figma library management skills.)

• "How do you ensure your designs are accessible and inclusive, adhering to WCAG standards?" (Discuss specific design considerations and testing.) Company & Culture Questions:

• "What interests you about Webranking and this specific role?" (Research the company's portfolio and values.)

• "How do you handle constructive criticism or conflicting feedback from clients or team members?" (Emphasize your collaborative and adaptable approach.)

• "Describe your ideal work environment and how you thrive in a hybrid setup." (Highlight your ability to balance autonomy and collaboration.)

• "How do you stay updated with the latest design trends and technologies, especially in AI?" (Show your proactive learning approach.) Portfolio Presentation Strategy:

• Focus on Impact: For each case study, clearly articulate the business problem and the measurable impact of your design solutions.

• Demonstrate Figma Mastery: Be prepared to briefly demonstrate key Figma features relevant to your projects (e.g., complex auto-layout, component variants, variables).

• Explain AI Integration: Clearly articulate how and why you used AI tools, focusing on the benefits derived.

• Storytelling: Frame your projects as narratives, guiding the interviewer through your thought process and decision-making.

• Prepare for Q&A: Anticipate questions about your design choices, trade-offs, and alternative solutions.

📝 Enhancement Note: The interview process will heavily scrutinize your practical design skills, especially with Figma, and your ability to articulate the value of your work. Demonstrating a proactive, collaborative, and growth-oriented mindset will be key to a successful application.

📌 Application Steps

To apply for this UI & Product Designer position:

• Submit your application through the provided link on Workable.

• Curate Your Portfolio: Select 3-5 of your most impactful projects that best showcase your end-to-end design process, advanced Figma skills, and any experience with AI integration or accessibility. Ensure clear case study structure with problem, solution, and outcome.

• Optimize Your Resume: Highlight relevant experience, specific Figma proficiency, and any "nice to have" skills that align with the job description. Quantify achievements where possible.

• Prepare Your Presentation: Practice walking through your portfolio case studies concisely, focusing on your design rationale, collaboration, and the impact of your work. Be ready to discuss your approach to AI and design systems.

• Research Webranking: Understand their client base, industry, and any publicly available design work. This will help you tailor your responses and demonstrate genuine interest in the company's mission and culture.

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