UI/UX & Motion Designer (Figma Required)

📍 Job Overview

Job Title: UI/UX & Motion Designer (Figma Required) Company: WSP Location: Noida, Uttar Pradesh, India Job Type: Full-time Category: Design / Creative Date Posted: 2026-02-16T10:19:22 Experience Level: Mid-Level (2-5 years) Remote Status: Hybrid

🚀 Role Summary

• This role focuses on enhancing digital product experiences through sophisticated UI/UX and motion design, leveraging Figma as the primary design tool.
• Key responsibilities include conceptualizing and executing microinteractions, animated UI components, and engaging visual feedback systems that improve user engagement and product usability.
• A core aspect of the role involves meticulous adherence to established design systems and brand guidelines while pushing creative boundaries with animation and interactivity.
• The position is integral to elevating WSP's digital product offerings by infusing them with modern, dynamic, and user-centric design principles.

📝 Enhancement Note: While the job title is "UI/UX & Motion Designer," the description heavily emphasizes motion and interaction design within a product context. This suggests a specialized role focused on bringing interfaces to life, rather than a broad UX research or pure UI layout position. The "Figma Required" is a critical technical skill indicator. The company's industry (professional services consulting) implies that the design work will likely support internal tools, client-facing platforms, or marketing collateral, requiring a blend of creativity and adherence to corporate standards.

📈 Primary Responsibilities

• Design and prototype dynamic UI components, microinteractions, and animated transitions that enhance user experience and product intuitiveness.
• Develop detailed motion graphics and interactive elements for digital interfaces, ensuring seamless integration with existing product workflows.
• Collaborate closely with product managers, UX researchers, and engineering teams to translate design concepts into functional and visually compelling interactive prototypes.
• Create and maintain animation specifications, style guides, and best practices for motion design within WSP's digital ecosystem.
• Ensure all motion and interaction designs are technically feasible, align with WSP's design systems, and uphold brand consistency across all digital touchpoints.
• Utilize Figma extensively for designing, prototyping, and collaborating on UI elements and motion sequences.
• Implement and iterate on Lottie animations and other dynamic content formats using tools like Bodymovin and Adobe After Effects, optimizing for performance and scalability.
• Conduct usability testing on interactive prototypes to gather feedback and iterate on designs for optimal user engagement and clarity.

📝 Enhancement Note: The responsibilities indicate a hands-on design role requiring the ability to not only conceptualize but also to execute and deliver polished, animated interactive elements. The emphasis on "design systems" and "brand standards" points to a need for a designer who can work within established frameworks while still being innovative.

🎓 Skills & Qualifications

Education:

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

Experience:

• 2-5 years of professional experience in UI/UX design with a strong emphasis on motion and interaction design.
• Demonstrated experience in creating compelling animated UI elements, microinteractions, and prototypes for digital products.
• Proven track record of working within and contributing to design systems and brand guidelines.

Required Skills:

• Figma Proficiency: Advanced skills in Figma for UI design, prototyping, and collaborative workflows.
• Motion Design Expertise: Deep understanding of animation principles, timing, easing, and their application in digital interfaces.
• Interaction Design Principles: Strong grasp of user interaction patterns, feedback mechanisms, and usability best practices.
• Visual Communication: Excellent ability to convey complex ideas and user flows through clear, engaging visual design.
• Prototyping Tools: Experience with advanced prototyping features within Figma or other industry-standard tools.
• Animation Software: Proficiency with tools such as Adobe After Effects, Adobe Animate, or similar for creating motion graphics.
• Lottie/Bodymovin Workflows: Experience with exporting and implementing animations using Lottie and Bodymovin.

Preferred Skills:

• Experience with front-end development concepts (HTML, CSS, JavaScript) to better understand technical constraints and possibilities.
• Familiarity with UX research methodologies and user testing.
• Knowledge of accessibility standards (WCAG) and their application in UI/UX and motion design.
• Experience working in a hybrid work environment and collaborating effectively with remote and on-site teams.
• Understanding of consulting or professional services industry context.

📝 Enhancement Note: The explicit requirement for Figma and proficiency in motion design tools like After Effects and Lottie are critical. The "2-5 years" experience level suggests the candidate should be beyond entry-level and capable of independent work, but perhaps not yet leading a team. The preferred skills highlight a desire for a well-rounded designer who understands the broader product development lifecycle.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A curated portfolio showcasing a strong emphasis on motion and interaction design for digital products.
• Demonstrate at least 2-3 detailed case studies of UI/UX projects where motion and interactivity played a crucial role in enhancing user experience and achieving product goals.
• Include examples of microinteractions, animated transitions, and dynamic UI components that highlight design thinking and technical execution.
• Showcase your proficiency with Figma, including complex prototyping and design system elements.
• Present clear evidence of your workflow, problem-solving approach, and the impact of your design solutions, ideally with quantifiable metrics where possible.

Process Documentation:

• Provide examples of how you have documented design processes, including user flows, wireframes, interactive prototypes, and motion specifications.
• Illustrate your approach to collaborating with cross-functional teams (engineering, product management) to ensure design intent is accurately implemented.
• Showcase your ability to work with and contribute to design systems, including examples of component libraries and style guides.

📝 Enhancement Note: For a motion and interaction designer, a portfolio is paramount. It needs to go beyond static screens to demonstrate dynamic, interactive, and animated elements. Case studies should clearly articulate the "why" behind the motion and interaction choices, linking them to user problems and business objectives.

💵 Compensation & Benefits

Salary Range:

• INR 6,00,000 - INR 12,00,000 per annum, depending on experience, qualifications, and demonstrated skill level.

Benefits:

• Comprehensive health insurance coverage for employees and dependents.
• Paid time off, including vacation days, sick leave, and public holidays as per Indian labor laws and company policy.
• Retirement savings plan (e.g., Provident Fund) with company contributions.
• Professional development opportunities, including access to training, workshops, and conferences.
• Hybrid work model offering flexibility between office collaboration and remote work.
• Employee assistance programs focusing on health, wellbeing, and financial advisory services.
• Opportunities to work on diverse, large-scale international projects within a global organization.

Working Hours:

• Standard working hours are typically 40 hours per week, with flexibility offered through the hybrid work model.
• Core working hours are likely to align with Indian business hours, with potential for overlap with international teams.

📝 Enhancement Note: The salary range is an estimate for a mid-level UI/UX & Motion Designer in Noida, India, considering the company's size and industry. Benefits are standard for a large, international consulting firm operating in India.

🎯 Team & Company Context

🏢 Company Culture

Industry: Professional Services Consulting (Engineering, Design, Project Management) Company Size: Global: 73,000+ employees; India: 4,000+ employees (across Noida, Bengaluru, Mumbai) Founded: WSP was founded in 1880, with significant growth and acquisitions over the decades.

Team Structure:

• The design team is likely part of a larger digital or technology division, working closely with product management, engineering, and potentially marketing.
• Reporting structure will likely be to a Design Lead or Manager, with collaboration across various project teams.
• Cross-functional collaboration is a cornerstone, involving close partnerships with stakeholders from different business units and project types.

Methodology:

• WSP emphasizes "Our People, Our Clients, Our Operational Excellence and Our Expertise" as guiding principles.
• The company culture is described as passionate, purposeful, sustainable, collaborative, and curious, encouraging unconventional thinking and innovation.
• A hybrid working module balances community, collaboration, opportunity, productivity, and efficiency.
• Strong focus on health, safety, and wellbeing, with a "Making Health and Safety Personal" initiative and a "Zero Harm Vision."
• Commitment to inclusivity and diversity, ensuring an unbiased approach in all HR processes.

Company Website: www.wsp.com

📝 Enhancement Note: WSP is a major global player in engineering and professional services. The company culture emphasizes expertise, client focus, and sustainability, with a strong commitment to employee development and wellbeing. The design role will operate within this framework, likely supporting internal digital transformation efforts or client-facing technology solutions.

📈 Career & Growth Analysis

Operations Career Level: Mid-Level Designer. This role is positioned for an individual contributor who can independently execute design tasks and contribute to design system evolution. It offers a path for specialization in motion and interaction design within a large, established organization.

Reporting Structure: The designer will likely report to a Design Manager or Lead, with project-based reporting lines to project managers or product owners. Collaboration will be extensive across engineering, product, and potentially digital transformation teams.

Operations Impact: The designer's impact will be in elevating the user experience and engagement of WSP's digital products. By creating intuitive, visually appealing, and dynamic interfaces, they will contribute to improved user adoption, client satisfaction, and operational efficiency for internal tools. This role supports WSP's commitment to innovation and "engineering a better future."

Growth Opportunities:

• Specialization: Deepen expertise in advanced motion design techniques, interactive storytelling, and emerging animation technologies.
• Leadership: Progress to a Senior Designer or Art Director role, potentially leading design initiatives or mentoring junior designers.
• Cross-functional Exposure: Gain experience working on a wide variety of projects across WSP's diverse sectors (Transportation, Infrastructure, Buildings, etc.), broadening design challenges.
• Skill Development: Access to WSP's global learning resources, industry conferences, and opportunities to learn from a diverse pool of international talent.
• Design System Contribution: Play a key role in evolving and expanding WSP's design system, influencing product consistency and quality.

📝 Enhancement Note: This role offers a stable career path within a large corporation, with opportunities for specialization and growth. The impact is tangible in improving digital product usability and engagement, contributing to operational efficiency and client satisfaction.

🌐 Work Environment

Office Type: Hybrid Work Model. This indicates a blend of on-site collaboration and remote work, designed to balance flexibility with the need for in-person interaction. Office Location(s): Noida, Uttar Pradesh, India (FC-24, First Floor, Sector 16A, Film City, Noida 201301). Other India offices in Bengaluru and Mumbai.

Workspace Context:

• The hybrid model encourages collaboration, fostering a dynamic environment where team members can brainstorm, share ideas, and receive immediate feedback.
• Access to necessary design tools and technology will be provided, with an expectation that designers are proficient in their use.
• Opportunities for direct interaction with product managers, engineers, and other designers will be frequent, promoting a team-oriented approach to problem-solving.
• The office environment in Noida is situated in Film City, a well-known commercial hub.

Work Schedule:

• Standard 40-hour work week, with flexibility expected to accommodate project deadlines and cross-time zone collaboration.
• The hybrid model implies designated office days for collaboration and team meetings, alongside remote work days for focused individual tasks.

📝 Enhancement Note: The hybrid model is a key feature, suggesting WSP values both in-person collaboration and employee flexibility. The location in Noida places the office in a significant business district.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review applications and portfolios for essential qualifications and relevant experience.
• Portfolio Review & Technical Interview: Candidates will likely present their portfolio, discussing their design process, problem-solving approach, and specific contributions to motion and interaction design projects. This stage will heavily assess Figma proficiency and animation skills.
• Design Challenge/Exercise: A practical design task may be assigned, focusing on creating a specific UI component or microinteraction, or a case study analysis. This will evaluate problem-solving abilities and design execution under timed conditions.
• Team/Stakeholder Interviews: Interviews with potential team members, design leads, and product managers to assess cultural fit, collaboration skills, and understanding of WSP's design philosophy.
• Final Interview: May involve senior leadership to discuss career aspirations and overall fit within the organization.

Portfolio Review Tips:

• Showcase Motion: Prioritize projects that clearly demonstrate your motion design and interaction design capabilities. Use video or interactive prototypes to convey animations effectively.
• Explain Your Process: For each project, clearly articulate the problem, your design process, the rationale behind your motion/interaction choices, and the outcome.
• Highlight Figma Skills: Include examples of complex Figma prototypes, component libraries, or design system elements you've worked on.
• Quantify Impact: Where possible, include metrics or qualitative feedback that demonstrate the positive impact of your designs (e.g., improved conversion rates, reduced task completion time, increased user satisfaction).
• Tailor to WSP: Briefly explain how your skills and approach align with WSP's values and the specific requirements of this role.

Challenge Preparation:

• Practice Figma: Be ready to create UI elements and prototypes quickly and efficiently within Figma.
• Motion Concepts: Brush up on animation principles, timing, and common microinteraction patterns.
• Problem-Solving: Prepare to articulate how you would approach a design problem, breaking it down into smaller, manageable steps.
• Communication: Practice explaining your design decisions clearly and concisely, especially when presenting to non-designers.

📝 Enhancement Note: The interview process will heavily weigh the candidate's portfolio and practical design skills, particularly in Figma and motion design. Candidates should be prepared to articulate their design process and the impact of their work.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for UI design, wireframing, prototyping, and collaboration. Expected advanced proficiency.
• Adobe After Effects: Core tool for creating complex motion graphics and animations.
• Adobe Illustrator: For creating vector assets and supporting graphics.
• Adobe Animate: Potentially used for specific animation workflows.

Analytics & Reporting:

• While not a primary design tool, familiarity with analytics platforms (e.g., Google Analytics, product analytics tools) can be beneficial for understanding user behavior and design impact.

CRM & Automation:

• Not directly applicable to this design role, but an understanding of how designs integrate into product development pipelines managed by CRMs or project management tools is helpful.

Other Relevant Tools:

• Lottie / Bodymovin: For exporting animations to be used in web and mobile applications.
• Prototyping tools: (Beyond Figma's native capabilities) – potentially testing or specialized animation tools.
• Collaboration Platforms: Slack, Microsoft Teams, Jira, Confluence for team communication and project management.

📝 Enhancement Note: Figma is the non-negotiable core tool. Proficiency in Adobe Creative Suite, especially After Effects, and Lottie workflows are critical for the motion design aspect.

👥 Team Culture & Values

Operations Values:

• Expertise: A commitment to deep technical knowledge and continuous learning in design.
• Collaboration: Working seamlessly with diverse teams to achieve common goals, valuing input from all disciplines.
• Innovation: Encouraging creative problem-solving and exploring new design approaches and technologies.
• Purposeful Work: Contributing to projects that have a tangible impact on communities and the future, aligning with WSP's mission.
• Client Focus: Designing with the end-user and client needs at the forefront.
• Operational Excellence: Striving for efficiency, quality, and adherence to best practices in all design deliverables.

Collaboration Style:

• Open and communicative, with a strong emphasis on cross-functional teamwork.
• A culture that encourages constructive feedback and iterative design processes.
• Shared ownership and accountability for project success.
• Leveraging the hybrid work model to facilitate both focused individual work and dynamic group sessions.

📝 Enhancement Note: WSP's stated values of expertise, client focus, operational excellence, and purposeful work will shape the design team's culture and priorities. The emphasis on collaboration is key for a role that interfaces with multiple departments.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Creativity with Constraints: Effectively integrating engaging motion and interaction into complex systems while adhering to strict design system rules and technical limitations.
• Cross-functional Alignment: Ensuring all stakeholders (product, engineering, marketing) understand and buy into the value and implementation of motion and interaction design.
• Performance Optimization: Designing animations that are visually appealing but also performant across various devices and platforms, especially for web applications.
• Adapting to Evolving Technologies: Staying current with new tools, techniques, and best practices in motion design and interactive prototyping.

Learning & Development Opportunities:

• Advanced Motion Design: Opportunities to master new animation techniques, software, and workflows.
• UX Strategy: Deeper immersion into user research, usability testing, and product strategy.
• Leadership Development: Potential to grow into senior or lead design roles, guiding projects and mentoring junior designers.
• Industry Exposure: Working on a wide range of projects across WSP's global portfolio, from infrastructure to buildings, offering diverse design challenges.
• Figma Mastery: Continuous learning and application of advanced Figma features for complex design systems and prototyping.

📝 Enhancement Note: The role presents opportunities to tackle complex design challenges within a large organization, fostering growth in specialized design areas and potentially leadership.

💡 Interview Preparation

Strategy Questions:

• "Describe a project where your motion design significantly improved user experience. What was the problem, your solution, and the outcome?" (Focus on articulating process, rationale, and impact).
• "How do you approach designing microinteractions? Walk us through an example." (Demonstrate understanding of user feedback and delight).
• "How do you ensure your designs are consistent with a brand's visual identity and a company's design system?" (Highlight adherence to standards and Figma skills).
• "Imagine we need to animate a complex data visualization. What would be your process, and what tools would you consider?" (Showcase technical knowledge and problem-solving).
• "How do you collaborate with engineers to ensure your animations are implemented correctly and efficiently?" (Emphasize communication and technical feasibility).

Company & Culture Questions:

• "What do you know about WSP, and why are you interested in working here?" (Research WSP's mission, projects, and values).
• "How do you see yourself contributing to our hybrid work environment?" (Discuss collaboration, communication, and flexibility).
• "How do you stay updated on the latest trends in UI/UX and motion design?" (Showcase continuous learning and passion for the field).

Portfolio Presentation Strategy:

• Tell a Story: For each case study, guide the interviewer through the problem, your thought process, design decisions (especially motion/interaction), and the results.
• Show, Don't Just Tell: Use live demos or video recordings of your interactive prototypes and animations.
• Focus on Figma: Be prepared to discuss your workflow within Figma, including components, variants, auto-layout, and prototyping features.
• Explain the 'Why': For every design choice, especially motion, clearly explain the user-centered rationale and business objective.
• Be Prepared for Technical Questions: Expect questions about animation principles, Lottie export, and potential implementation challenges.

📝 Enhancement Note: Interview preparation should focus on showcasing practical design skills, a strong understanding of motion and interaction design principles, and the ability to articulate one's process and impact.

📌 Application Steps

To apply for this UI/UX & Motion Designer position:

• Submit your application through the WSP careers portal via the provided link.
• Curate Your Portfolio: Select your strongest motion design and interaction design projects. Ensure they clearly demonstrate your Figma proficiency, animation skills (especially using After Effects and Lottie workflows), and problem-solving approach. Prioritize case studies with clear problem statements, design rationale, and measurable outcomes.
• Tailor Your Resume: Highlight keywords from the job description such as "Figma," "Motion Design," "Interaction Design," "UI Components," "Microinteractions," "Design Systems," "Adobe After Effects," and "Lottie." Quantify achievements and responsibilities where possible.
• Prepare Your Presentation: Practice walking through your portfolio, focusing on your design process, the "why" behind your choices, and the impact of your work. Be ready to discuss your experience with Figma and animation tools in detail.
• Research WSP: Understand WSP's mission, values, and the types of projects they undertake. Consider how your design skills can contribute to their goals, particularly in enhancing their digital products and client experiences.

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

---