Freelance Mid to Senior Web & Mobile Designer - Design Systems

📍 Job Overview

Job Title: Freelance Mid to Senior Web & Mobile Designer - Design Systems

Company: Fantasy

Location: Remote (United States & Canada, with ability to work occasional PST hours)

Job Type: Freelance

Category: Design & Operations

Date Posted: 2026-08-31

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

Remote Status: Remote Solely

🚀 Role Summary

• Drive the creation and maintenance of scalable, accessible, and expressive design systems for leading digital products.

• Design visually compelling and high-functioning user interfaces across both web and mobile platforms, ensuring brand consistency.

• Collaborate closely with UX designers, conceptual designers, and clients to translate strategic goals into concrete, research-backed design solutions.

• Document and prototype micro-interactions and UI motion, ensuring a seamless user experience.

• Actively contribute to shaping innovative AI-driven experiences through thoughtful design.

📝 Enhancement Note: While the role is primarily design-focused, the emphasis on design systems, scalability, and cross-functional collaboration positions this as a crucial operational component within the product development lifecycle. The ability to translate client goals into concrete, research-backed solutions and represent design in cross-functional meetings highlights the operational impact of this role.

📈 Primary Responsibilities

• Design visually compelling, high-functioning interfaces for web and mobile products, adhering to established design principles and client brand guidelines.

• Develop, maintain, and document robust design systems, focusing on scalability, accessibility, and expressive UI components.

• Ensure visual consistency across diverse digital products by expertly utilizing Figma and managing shared component libraries.

• Create and meticulously document micro-interactions and UI motion briefs to enhance user engagement and product fluidity.

• Partner with UX and conceptual designers to refine wireframes, user flows, and navigation frameworks, ensuring optimal user journeys.

• Translate ambiguous or high-level client objectives into clear, research-backed design solutions that align with business goals.

• Represent the design perspective in cross-functional team meetings, balancing strategic objectives with experiential design considerations.

• Contribute to the innovative design and implementation of AI-powered features and experiences.

📝 Enhancement Note: The responsibilities clearly indicate a need for strong process ownership and execution, which are core to operations. The emphasis on "building and maintaining design systems," "keeping visual consistency," and "documenting micro-interactions" points to a need for structured, repeatable processes that underpin efficient product development.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong foundation in graphic design, interaction design, human-computer interaction, or a related field is implied through the experience and portfolio requirements.

Experience: 4+ years of progressive experience in the design industry, with a primary focus on human-centered digital product design for web and mobile platforms.

Required Skills:

• A proactive and exploratory mindset, demonstrating the ability to identify design challenges and propose solutions independently.

• Genuine enthusiasm for tackling complex design problems, extending beyond mere execution to strategic problem-solving.

• Proven ability to take ownership of tasks and drive projects to completion with minimal supervision.

• Demonstrated capacity to translate ambiguous or high-level client direction into concrete, actionable design recommendations.

• A strong portfolio showcasing a diverse range of digital product designs across web and mobile platforms.

• Deep expertise in the principles and practical application of design systems, including structure, scalability, and comprehensive documentation.

• Proficiency in managing multiple concurrent workflows and projects effectively.

• Solid command of UI best practices, layout principles, and interaction design patterns.

• A strong grasp of accessibility standards (e.g., WCAG) and inclusive design methodologies.

• Proven ability to transform UX wireframes into polished, production-ready UI designs.

• High-level proficiency in Figma, including advanced features like shared libraries, plugins, and design system component creation.

• A keen eye for detail and well-honed design instincts.

• Excellent verbal and written communication skills, coupled with strong relationship-building capabilities. Preferred Skills:

• Experience designing for AI-driven interfaces or voice-user interfaces.

• Familiarity with animation principles and tools for creating motion briefs.

• Experience working within an agency or consulting environment.

• Understanding of front-end development principles to facilitate smoother handoffs.

📝 Enhancement Note: The requirement for 4+ years of experience, coupled with "deep expertise in design systems" and the ability to "drive projects forward with minimal hand-holding," indicates a need for a candidate who can operate with a high degree of autonomy and possess refined process management skills, crucial for operations-oriented design roles.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A curated collection of case studies demonstrating a strong understanding of design systems, showcasing their structure, scalability, and implementation.

• Examples of visually compelling and high-functioning UI designs for both web and mobile applications.

• Demonstrations of how you've translated client goals and UX wireframes into polished, production-ready interfaces.

• Evidence of your ability to manage multiple projects and maintain visual consistency across different platforms.

• Documentation samples that highlight your approach to designing and maintaining design system components and libraries. Process Documentation:

• Showcase examples of how you have documented design system components, including states, usage guidelines, and accessibility considerations.

• Present case studies that detail your process for creating and maintaining Figma component libraries and shared styles.

• Include documentation related to micro-interactions and UI motion briefs, illustrating your approach to defining dynamic elements.

• Provide evidence of your process for collaborating with UX designers and developers to ensure seamless integration of designs.

📝 Enhancement Note: The emphasis on a strong portfolio that spans design systems, UI/UX translation, and documentation is critical. This suggests that the hiring team will evaluate candidates not just on aesthetic output but on their ability to implement and manage scalable design operations.

💵 Compensation & Benefits

Salary Range: As a freelance role, compensation will be project-based or hourly. Based on industry benchmarks for Mid to Senior Web & Mobile Designers with specialized Design Systems expertise in the US and Canada, an estimated hourly rate could range from $50 - $90 USD/hour, depending on the scope of the project, the specific client, and the candidate's demonstrated experience.

Benefits: As a freelance contractor, standard employee benefits are typically not included. However, this role offers:

• The opportunity to work on high-profile projects for globally recognized brands (Google, Microsoft, Nike, Spotify, Netflix, etc.).

• Exposure to cutting-edge AI and intelligent experience design.

• Flexible, remote work environment.

• The ability to build a diverse portfolio with a reputable design agency.

• Potential for ongoing freelance engagements based on performance and project needs.

Working Hours: This is a freelance position. The specific working hours will be project-dependent, but candidates are expected to be available to work occasional PST hours and dedicate approximately 40 hours per week during active project phases. Flexibility in scheduling is a key aspect of freelance work, allowing for effective management of multiple client engagements.

📝 Enhancement Note: Salary estimation is based on typical freelance rates for experienced designers in the US and Canada, considering the specialized skill set in design systems. The "benefits" are framed around the unique advantages of freelance work with a top-tier agency, focusing on project impact and flexibility rather than traditional employee perks.

🎯 Team & Company Context

🏢 Company Culture

Industry: Digital Product Design & Innovation, with a strong focus on Artificial Intelligence and Intelligent Experiences. Fantasy partners with industry leaders across various sectors, including technology, entertainment, automotive, and more.

Company Size: Fantasy has been established for over two decades, indicating a mature and experienced organization. While the exact employee count isn't specified, their client roster suggests a significant operational capacity and a substantial team of specialized professionals.

Founded: 1999. This long history signifies stability, deep industry knowledge, and a proven track record of delivering high-quality digital products for decades.

Team Structure:

• The design team likely comprises specialists in UX research, UX/UI design, interaction design, motion design, and design systems.

• Freelancers will integrate into project-specific teams, collaborating closely with dedicated Fantasy employees and client stakeholders.

• Reporting structures will be project-based, with clear lines of communication managed by Fantasy project leads and client product managers.

• Cross-functional collaboration is a cornerstone, involving close partnerships with UX conceptual designers, developers, strategists, and client teams. Methodology:

• Data Analysis & Insights: Design solutions are informed by client goals, user research, and market trends, with a strong emphasis on translating insights into actionable design.

• Workflow Planning & Optimization: The agency likely employs agile methodologies and efficient project management to deliver world-class products, with design systems playing a key role in optimizing the design workflow.

• Automation & Efficiency: Leveraging tools like Figma and design systems promotes efficiency and consistency, streamlining the design-to-development handoff process.

Company Website: fantasy.co

📝 Enhancement Note: The company's long-standing presence and prestigious client list suggest a culture that values expertise, innovation, and a rigorous approach to design execution. This implies a need for operations-minded freelancers who can integrate seamlessly into established workflows and contribute to high-stakes projects.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a Mid to Senior level, requiring a blend of strong execution skills and the ability to influence design direction through expertise in design systems and strategic thinking. It's not an entry-level position; it demands a level of autonomy and problem-solving that comes with significant experience.

Reporting Structure: As a freelancer, you will report to a designated Fantasy project lead or design manager. You will also work closely with client-side product managers and UX leads, requiring adaptability in communication and collaboration styles across different organizational structures.

Operations Impact: The impact of this role is significant. By building and maintaining robust design systems, you directly contribute to the efficiency, scalability, and consistency of all digital products designed by Fantasy. This operational excellence enables faster development cycles, reduces design debt, and ensures a high-quality, unified user experience across billions of user interactions, directly impacting brand perception and product adoption.

Growth Opportunities:

• Specialization: Deepen expertise in advanced design system architecture, accessibility standards, and AI-driven UX.

• Project Diversity: Gain experience across a wide array of industries and leading global brands, expanding your professional network and portfolio.

• Skill Enhancement: Opportunities to learn and apply new design methodologies, tools, and emerging technologies, particularly in the AI space.

• Client Engagement: Develop strong client-facing skills and potentially lead design initiatives on future projects.

📝 Enhancement Note: The growth analysis focuses on how a freelance role can still offer significant career development, particularly in specialized areas like design systems and AI. The emphasis on operational impact highlights how this role contributes to the broader success of the agency and its clients.

🌐 Work Environment

Office Type: This is a fully remote position, offering maximum flexibility. Candidates must be based in the United States or Canada.

Office Location(s): Remote within the United States and Canada. The requirement to work occasional PST hours suggests that while fully remote, there's an expectation of some overlap with West Coast business hours for effective collaboration.

Workspace Context:

• Collaborative Environment: While remote, you'll be part of highly collaborative project teams. Expect frequent video calls, Slack communication, and shared Figma workspaces.

• Tools & Technology: Access to industry-leading design tools, primarily Figma, is essential. Fantasy will likely provide access to project management tools and communication platforms.

• Team Interaction: Regular interaction with a diverse group of designers, researchers, strategists, and developers, fostering a dynamic and knowledge-rich work environment.

Work Schedule: Flexible, project-based, with an expectation of approximately 40 hours per week during active project phases. The need to accommodate occasional PST hours is a key scheduling consideration for effective collaboration with remote teams and US-based clients.

📝 Enhancement Note: The remote nature of the role is emphasized, along with the specific geographic and time zone requirements, crucial for operations professionals to manage their work-life balance and collaboration effectively.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of application, portfolio, and relevant experience.

• Portfolio Review & Discussion: A deep dive into your portfolio with a Fantasy design lead or hiring manager. Expect to discuss your process, design decisions, and specifically your experience with design systems.

• Skills Assessment/Challenge: Potentially a short design exercise or a case study presentation focusing on design systems, UI implementation, or problem-solving for a specific client scenario.

• Cross-Functional Interview: Discussion with a broader project team member (e.g., UX designer, project manager) to assess collaboration style and cultural fit.

• Final Interview: May involve a discussion with a senior leader or principal designer to finalize the engagement.

Portfolio Review Tips:

• Highlight Design Systems: Dedicate significant space to showcase your work on design systems. Clearly articulate the challenges, your approach, the structure you implemented, and the impact it had.

• Showcase Process: For each project, detail your thought process, from understanding client goals and wireframes to the final UI execution. Explain why you made specific design choices.

• Demonstrate Figma Proficiency: Include examples that clearly show your mastery of Figma, including component libraries, auto-layout, variants, and shared styles.

• Quantify Impact: Wherever possible, quantify the impact of your work. For design systems, this could include metrics on design consistency, development efficiency, or adoption rates.

• Tailor to the Role: Ensure your portfolio prominently features web and mobile design, with a strong emphasis on UI execution and system thinking.

Challenge Preparation:

• Design System Deep Dive: Be prepared to discuss the core principles of scalable design systems, best practices for documentation, and how to maintain them over time.

• UI Problem-Solving: Practice translating wireframes into polished UI, considering accessibility, responsiveness, and brand consistency.

• Client Goal Alignment: Prepare to articulate how your design solutions directly address client objectives and user needs.

• Collaboration Scenarios: Think about how you would communicate design decisions, handle feedback, and collaborate with developers and other designers in a remote, project-based environment.

📝 Enhancement Note: The interview preparation focuses on the specific requirements of a design systems role, emphasizing the need for candidates to demonstrate not just design skills but also a structured, operational approach to their work.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential and required. Deep expertise expected in creating and managing complex design systems, including shared libraries, component variants, auto-layout, and plugins.

• Adobe Creative Suite (Photoshop, Illustrator): Likely used for asset creation, image manipulation, and vector graphics, though Figma is the primary UI tool.

Analytics & Reporting:

• While not directly responsible for analytics implementation, understanding how designs translate into measurable user behavior and having awareness of tools like Google Analytics, Amplitude, or Mixpanel can be beneficial for informing design decisions. CRM & Automation:

• Not directly applicable to this design role, but awareness of how design impacts user journeys within CRM systems (like Salesforce) or marketing automation platforms could be a plus.

📝 Enhancement Note: The explicit mention of Figma and the emphasis on design systems highlight the core technical requirements. The "analytics and reporting" and "CRM & Automation" sections are framed to suggest how design operations can indirectly benefit from an understanding of these areas, even if not directly responsible for them.

👥 Team Culture & Values

Operations Values:

• Excellence in Execution: A commitment to delivering high-quality, polished designs that meet rigorous standards.

• Scalability & Efficiency: Prioritizing the creation of reusable components and systems that streamline workflows for both design and development teams.

• User-Centricity: Designing with a deep understanding of user needs, accessibility, and inclusive principles.

• Collaboration & Communication: Fostering open communication and effective partnerships across diverse teams and with clients.

• Innovation: A drive to explore new technologies, particularly AI, and push the boundaries of digital experiences.

Collaboration Style:

• Remote-First: Proficient in collaborating effectively in a distributed team environment using digital tools.

• Cross-Functional Integration: Seamlessly working alongside UX researchers, conceptual designers, developers, product managers, and client stakeholders.

• Feedback-Oriented: Open to constructive criticism and iterative design processes, with the ability to provide clear, actionable feedback to others.

• Knowledge Sharing: Willingness to share expertise, particularly regarding design systems best practices, to elevate the entire team's capabilities.

📝 Enhancement Note: The culture and values are interpreted through the lens of a high-performing design agency that emphasizes operational excellence, collaboration, and innovation, directly relevant to how a freelance designer would be expected to operate within their structure.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Multiple Projects: Effectively managing time and priorities across several client engagements simultaneously, ensuring each receives adequate attention.

• Translating Ambiguity: Converting high-level or vague client briefs into concrete, actionable design solutions.

• Maintaining Design System Integrity: Ensuring consistent application and evolution of the design system across diverse projects and evolving requirements.

• Adapting to New Technologies: Staying abreast of advancements in AI and their implications for user interface design and interaction patterns.

Learning & Development Opportunities:

• Design System Mastery: Opportunity to become a go-to expert in advanced design system methodologies and implementation strategies.

• Industry Exposure: Work on projects for industry giants, gaining insights into their product development processes and design challenges.

• AI Design Exploration: Engage with emerging AI technologies and contribute to shaping the future of intelligent digital experiences.

• Client Relationship Building: Develop stronger negotiation, presentation, and client management skills through direct engagement.

📝 Enhancement Note: The challenges are framed around the operational demands of freelance work and specialized design, while growth opportunities highlight the unique benefits of working with a leading agency on innovative projects.

💡 Interview Preparation

Strategy Questions:

• "Describe your experience building and scaling design systems. What were the key challenges, and how did you overcome them?" (Focus on process, scalability, documentation, and impact.)

• "How do you ensure visual consistency and adherence to a design system across multiple projects and platforms?" (Highlight workflow, component management, and quality control.)

• "Walk us through a project where you translated complex UX wireframes or client requirements into a polished UI. What was your process?" (Emphasize problem-solving, UI execution, and alignment with goals.) Company & Culture Questions:

• "What excites you about Fantasy's work, particularly our focus on AI and intelligent experiences?" (Research recent projects and the company's vision.)

• "How do you approach collaboration in a remote, freelance capacity, especially when working with new teams?" (Demonstrate communication, proactivity, and adaptability.)

• "How do you measure the success of your design work, particularly when it comes to design systems?" (Discuss metrics, user feedback, and business impact.) Portfolio Presentation Strategy:

• Design System Case Study: Select one or two strong examples of your design system work. Clearly outline the problem, your role, the solution (structure, components, guidelines), and the outcomes/impact.

• Figma Demonstration: Be prepared to screen-share and walk through specific Figma files, showcasing your proficiency with components, libraries, auto-layout, and organization.

• Process Storytelling: For each project, tell a clear story about your involvement, decisions, and the iterative process. Focus on the "why" behind your design choices.

• Client Alignment: Emphasize how your designs directly addressed client objectives and user needs, showcasing your strategic thinking.

📝 Enhancement Note: The interview questions are tailored to assess both the technical design skills specific to design systems and the operational readiness of a freelance candidate to integrate into Fantasy's project workflows.

📌 Application Steps

To apply for this freelance design position:

• Submit your application through the Lever application portal.

• Curate Your Portfolio: Ensure your portfolio prominently features your expertise in design systems, web and mobile UI design, and Figma proficiency. Select case studies that best demonstrate your ability to translate requirements into scalable, well-documented design solutions.

• Optimize Your Resume/Profile: Highlight your 4+ years of relevant experience, your specific skills in design systems, Figma, UI/UX, and any experience with AI-driven design or remote collaboration.

• Prepare Your Narrative: Be ready to articulate your design process, your approach to problem-solving, and your experience managing multiple projects in a freelance capacity. Practice presenting your portfolio, focusing on clarity and impact.

• Research Fantasy: Familiarize yourself with Fantasy's client roster, recent projects, and their stated mission regarding AI and intelligent experiences. Understand their agency culture and operational approach.

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

---