Web Designer

📍 Job Overview

Job Title: Web Designer

Company: Calendly

Location: Remote - US

Job Type: Full-Time

Category: Web Design / Motion Design

Date Posted: 2026-02-10T21:20:24

Experience Level: 5-10 Years

Remote Status: Fully Remote

🚀 Role Summary

• This is a remote-first, full-time Web Designer role focused on creating and enhancing web experiences for Calendly's marketing site, Help Center, and learning platforms.

• The position requires a strong emphasis on motion design, including animated creative assets, scroll-driven user experiences, and the development of a cohesive motion system.

• The role involves close collaboration with engineering, brand, and product marketing teams to ensure designs are performant, accessible, and support business objectives like comprehension, trust, and conversion.

• Success in this role hinges on a blend of strong visual craft, technical proficiency in design tools like Figma and Rive, and a systems-thinking approach to motion and design.

📝 Enhancement Note: While the job title is "Web Designer," the detailed description and key responsibilities highlight a significant focus on motion design, scroll-driven experiences, and system development. This role is not for traditional in-app product design but for web-facing creative execution. The emphasis on "performance" and "accessibility" suggests a need for candidates who understand the technical constraints and best practices of web development.

📈 Primary Responsibilities

• Execute comprehensive web design for Calendly's marketing website, Help Center, and educational content, encompassing page layouts, responsive designs, and reusable CMS components.

• Create a variety of animated visual assets, including hero treatments, ambient backgrounds, and conceptual product visualizations, utilizing tools such as Rive or comparable software.

• Design and implement engaging scroll-driven user experiences, such as reveal-on-scroll effects, parallax scrolling, sticky navigation elements, progress indicators, and narrative sequences.

• Develop clear motion briefs and storyboards for external contractors, guiding the execution of animated creative assets to ensure alignment with design intent.

• Build CMS-ready design components and actively contribute to the maintenance and evolution of the Figma design library.

• Collaborate on the creation and ongoing refinement of a new web motion system, aiming for scalability and consistency across web properties.

• Ensure all designs adhere to accessibility standards (WCAG compliance) and web performance best practices, including the development of reduced-motion variants.

• Design and adapt motion experiences across various breakpoints, including desktop, tablet, and mobile devices, ensuring a seamless user experience.

• Partner closely with engineering teams throughout the implementation process, providing clear specifications, justifying design decisions, and iterating on trade-offs to balance creative ambition with technical feasibility.

📝 Enhancement Note: The responsibilities clearly delineate between general web design tasks and specialized motion design work. The emphasis on "CMS components," "responsive layouts," and "collaboration with engineering" indicates a need for a designer who understands practical web implementation beyond pure visual aesthetics. The requirement to "storyboard for contractors" suggests a potential for managing external creative resources.

🎓 Skills & Qualifications

Education: Not explicitly specified, but a strong portfolio demonstrating equivalent practical experience is paramount.

Experience: 5+ years of professional web design experience, with a significant portion dedicated to motion design and shipped projects.

Required Skills:

• Expert-level Figma proficiency: Including mastery of variables, component properties, auto layout, and prototyping features.

• Rive or equivalent motion design tool expertise: Proven ability to create high-quality motion assets and lightweight, performant exports.

• Strong visual design craft: Demonstrated skill in typography, spacing, composition, timing, and an intuitive understanding of aesthetic restraint and taste.

• End-to-end asset creation: Ability to design and animate visuals from scratch, stylize product UI for marketing contexts, and produce web-ready motion assets.

• Conceptualization of motion for storytelling: Capacity to envision and articulate how animation can enhance narrative flow, clarity, and user engagement.

• Understanding of web constraints: Familiarity with performance implications, accessibility standards (WCAG), and reduced-motion default considerations.

• Systematic design thinking: Ability to approach motion design as a scalable, documented practice rather than isolated executions.

• Documentation and Handoff: Proficiency in creating organized specifications, rationale, and clear documentation for engineering handoff.

• Collaborative Communication: Excellent verbal and written communication skills to clearly articulate design decisions, rationale, and take constructive feedback.

Preferred Skills:

• Experience in SaaS, B2B, or growth-stage technology companies.

• Direct experience collaborating with and implementing designs alongside engineering teams.

• Demonstrated ability to leverage AI tools for concepting, prototyping, and asset creation.

• Proactive and assertive approach to challenging assumptions and driving stakeholders toward optimal outcomes.

📝 Enhancement Note: The requirements heavily emphasize practical, production-level skills in Figma and Rive, with a strong preference for candidates who can demonstrate "motion system thinking" and "scroll-driven experiences" through their portfolio. The "5+ years" experience level, combined with the specific tool requirements, suggests a mid-to-senior level role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A robust portfolio showcasing a minimum of 5 years of web design experience, with a clear emphasis on motion design and shipped scroll-based experiences.

• Demonstrate a strong understanding of motion system thinking, including examples of how a consistent motion language was applied across different web elements or properties.

• Exhibit proficiency in Figma, with examples of complex components, auto layout usage, and interactive prototypes.

• Include examples of animated creative assets and scroll-driven experiences developed using Rive or a similar tool, detailing the creative process and technical implementation.

• Showcase your ability to design CMS-ready components and maintain organized design libraries.

• Provide evidence of creating reduced-motion variants and ensuring designs meet accessibility and performance standards.

Process Documentation:

• Clearly articulate your design process for web and motion projects, from initial concept and storyboarding to final implementation and iteration.

• Detail your approach to system development, particularly for motion systems, including how you establish guidelines, create reusable assets, and ensure scalability.

• Explain your methodology for collaborating with engineering teams, including your process for specifications, handoffs, and addressing feasibility trade-offs.

• Demonstrate how you measure the impact of your designs, particularly motion and interactive elements, in relation to business goals like comprehension, trust, and conversion.

📝 Enhancement Note: The portfolio is critical for this role, specifically highlighting motion work, scroll-driven experiences, and system thinking. Candidates must be prepared to walk through their process and demonstrate their technical command of Figma and Rive, alongside their understanding of web constraints and accessibility.

💵 Compensation & Benefits

Salary Range:

• Tier 1 (e.g., San Francisco, New York City): $123,030.36 - $144,741.60 USD per year

• Tier 2 (e.g., Chicago, Austin, Seattle): $112,777.83 - $132,679.80 USD per year

• Tier 3 (All other US locations): $102,525.30 - $120,618.00 USD per year

Benefits:

• Eligibility for the Top Performer Bonus program (or Sales incentive, depending on the role's direct contribution to revenue).

• Equity awards, providing employees with a stake in the company's growth.

• Competitive benefits package, likely including health, dental, vision insurance, retirement savings plans (e.g., 401k), paid time off, and wellness programs.

• Potential for occasional travel for company events, team collaboration, or offsites.

Working Hours: Full-time (30+ hours/week) employment is implied, with a standard 40-hour work week expected. Flexibility may be present given the remote nature, but core collaboration hours will likely apply.

📝 Enhancement Note: The salary ranges are clearly defined by geographic tiers, which is standard for remote roles. The inclusion of "Equity Awards" and a "Top Performer Bonus Program" indicates a performance-driven environment. The note about eligibility for employment in specific states is crucial for candidates to check.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software / SaaS (Scheduling & Productivity Tools)

Company Size: Calendly is a well-established, high-growth tech company, likely with hundreds to over a thousand employees, indicated by its significant product adoption and Series B funding. This size suggests a structured yet agile environment with established processes but room for innovation.

Founded: Calendly was founded in 2013, indicating a mature company with a proven product-market fit, currently experiencing significant product growth.

Team Structure:

• The Web Designer will likely be part of a broader Marketing or Brand team, reporting to a Manager of Web Design.

• This role requires close collaboration with Engineering teams, Product Marketing, and other Brand/Creative stakeholders.

Methodology:

• Data-Driven Design: The emphasis on "measurable impact," "comprehension, trust, and conversion" suggests that design decisions are informed by analytics and performance metrics.

• Systems Approach: The requirement to "maintain and evolve our design and motion systems" points to a methodology focused on scalability, consistency, and efficiency through documented processes and reusable components.

• Agile Collaboration: Close partnerships with engineering and product marketing imply an agile workflow, with iterative development and continuous feedback loops.

Company Website: https://calendly.com/

📝 Enhancement Note: Calendly is known for its user-friendly scheduling software, implying a company culture that values simplicity, efficiency, and user experience. The "product growth" mentioned suggests a dynamic environment where designers can make a tangible impact.

📈 Career & Growth Analysis

Operations Career Level: Mid-to-Senior Level Web Designer with a specialization in Motion Design. This role is for an individual contributor who can independently manage projects, contribute to systems thinking, and mentor or guide external resources.

Reporting Structure: The role reports to the Manager of Web Design, indicating a clear line of leadership within a design hierarchy. This manager likely oversees broader web design strategy and team performance.

Operations Impact: The Web Designer's work directly influences Calendly's public-facing brand image, user engagement on its marketing site and Help Center, and ultimately, its ability to attract and convert new users. Effective motion design can enhance perceived value, build trust, and improve understanding of the product.

Growth Opportunities:

• Motion System Leadership: Opportunity to take a lead role in defining and evolving Calendly's web motion system, establishing best practices and contributing to its long-term vision.

• Cross-Functional Skill Development: Deepen collaboration with engineering and product marketing, gaining insights into broader Go-To-Market strategies and product development cycles.

• Advanced Tool Mastery: Further develop expertise in advanced Figma features and explore new animation tools or techniques, potentially including AI-driven design workflows.

• Mentorship and Influence: As a senior contributor, there's potential to mentor junior designers or influence design direction across the web properties.

• Career Path: Potential progression to Senior Web Designer, Lead Web Designer, or even into specialized roles focusing solely on motion design or web experience strategy, depending on individual interest and company needs.

📝 Enhancement Note: The role offers significant opportunities for specialized growth in motion design and systems thinking within a high-growth tech environment. The emphasis on collaboration and system ownership suggests a path toward greater strategic influence.

🌐 Work Environment

Office Type: Fully Remote. This means team members work from their home offices, requiring strong self-discipline and communication skills.

Office Location(s): Remote within the United States. Calendly specifies tiered pay ranges based on employee location within the US, indicating a distributed team structure with awareness of regional cost of living and market rates.

Workspace Context:

• Collaborative Remote Environment: Expect a heavily digital and asynchronous communication style, supplemented by scheduled video calls for team meetings, design reviews, and brainstorms. Tools like Slack, Zoom, and Figma will be central to collaboration.

• Technology Access: Access to modern design tools (Figma, Rive) and project management software is expected. The company likely provides necessary hardware or a stipend for home office setup.

• Team Interaction: While remote, there's an emphasis on "occasional travel for company events, team collaboration, or offsites," suggesting opportunities for in-person connection and team building.

Work Schedule: Standard full-time hours are expected, but the remote nature may offer some flexibility. However, participation in scheduled meetings and responsiveness during core business hours will be crucial for effective collaboration with teams across different time zones. The role requires managing one's own workload efficiently to meet deadlines.

📝 Enhancement Note: The remote-first nature of this role necessitates strong asynchronous communication skills and self-management. While remote, the mention of occasional travel hints at a desire to foster team cohesion and culture through in-person interactions.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter will likely conduct a brief call to assess basic qualifications, interest, and cultural fit, discussing salary expectations and remote work arrangements.

• Portfolio Review & Skills Assessment: Candidates will present their portfolio, focusing on relevant motion design, scroll-driven experiences, and systems thinking examples. This may involve a live walkthrough in Figma, discussing their process, design rationale, and how they handle technical constraints.

• Design Challenge/Case Study: A practical exercise may be assigned, potentially involving designing a motion sequence for a specific web element or creating a storyboard for a complex animation. Alternatively, candidates might be asked to present a deep dive into a past project's challenges and solutions.

• Cross-Functional Interviews: Interviews with the Manager of Web Design, engineering partners, and product marketing stakeholders to assess collaboration skills, understanding of web constraints, and ability to contribute to a cross-functional team.

• Final Interview: Likely with a senior leader to discuss overall strategic alignment, cultural fit, and long-term potential.

Portfolio Review Tips:

• Curate for Motion: Ensure your portfolio prominently features your strongest motion design work, scroll-driven examples, and system-level thinking. Prioritize quality over quantity.

• Tell a Story: For each project, clearly articulate the problem, your role, the design process, the technical tools used (Figma, Rive), the challenges faced (performance, accessibility), and the measurable impact or outcome.

• Showcase Systems: If you've worked on design systems or motion systems, dedicate specific sections to explaining their structure, your contributions, and how they drive consistency and efficiency.

• Prepare for Live Walkthroughs: Be ready to navigate Figma live, demonstrate your component architecture, and explain your prototyping techniques. For motion, be prepared to discuss timing, easing, and performance optimization.

• Address Constraints: Be prepared to discuss how you balanced creative ambition with technical limitations, performance goals, and accessibility requirements.

Challenge Preparation:

• Understand Calendly's Brand: Familiarize yourself with Calendly's current website, marketing materials, and overall brand aesthetic.

• Motion Principles: Refresh your understanding of animation principles, timing, easing, and how they apply to web interfaces.

• Web Performance & Accessibility: Review best practices for web performance optimization and WCAG guidelines, as these are specifically mentioned requirements.

• System Design Thinking: Practice thinking about how to create scalable and reusable design elements, especially for motion.

📝 Enhancement Note: The interview process emphasizes practical skills, portfolio demonstration, and collaborative capabilities. Candidates should be prepared to "show, don't just tell" their expertise, particularly in motion design and system thinking.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for UI design, prototyping, component creation, auto layout, variables, and library management. Expertise is a must.

• Rive: A primary tool for creating animated creative assets, scroll-driven experiences, and component interactions. Proficiency or equivalent experience (e.g., Lottie with After Effects, Principle) is critical.

• Adobe Creative Suite (Photoshop, Illustrator): Likely used for asset creation, image editing, and potentially preparing graphics for animation or web.

Analytics & Reporting:

• While not directly a designer's tool, familiarity with analytics platforms (e.g., Google Analytics, Amplitude) to understand user behavior and measure design impact would be beneficial.

CRM & Automation:

• Not directly applicable to this role, but understanding how web design impacts lead generation and customer journeys within a CRM context (like Salesforce, HubSpot) could be a plus.

• Familiarity with Content Management Systems (CMS) for web components is implied.

📝 Enhancement Note: Figma and Rive (or equivalent motion tools) are explicitly called out as core requirements. Candidates must demonstrate mastery of these tools in a production context, not just conceptual exploration.

👥 Team Culture & Values

Operations Values:

• User-Centricity: Calendly's success is built on providing a seamless user experience. Expect a focus on understanding user needs and designing solutions that are intuitive and efficient.

• Impact & Growth: The company culture emphasizes making a tangible impact and fostering personal and professional growth. This role is positioned to accelerate a designer's career.

• Collaboration & Transparency: Working remotely requires strong communication and a collaborative spirit. The company likely values open feedback and shared problem-solving.

• Efficiency & Simplicity: As a productivity tool, Calendly embodies simplicity and efficiency. This ethos is likely reflected in its design processes and internal operations.

• Taste & Restraint: The emphasis on "strong visual craft with restraint" and using motion "to enhance an experience and when to leave it alone" highlights a value for thoughtful, purposeful design over gratuitous embellishment.

Collaboration Style:

• Cross-Functional Partnership: Expect to work closely with engineers, product marketers, and other designers, requiring clear communication and the ability to articulate design rationale effectively.

• Asynchronous Communication: Given the remote, distributed nature, proficiency in asynchronous communication (Slack, email, detailed documentation) is key.

• Feedback-Oriented: A culture that encourages constructive feedback is essential for iterating on designs and improving systems.

• Systems Thinking: Collaboration will likely involve contributing to and benefiting from shared design systems, promoting consistency and efficiency across the team.

📝 Enhancement Note: The company values align with a modern, user-focused tech company. The emphasis on "taste," "restraint," and "systems thinking" are particularly important for this design role.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Motion and Performance: Creating visually engaging motion while ensuring fast loading times and smooth user experiences across diverse devices and network conditions is a significant technical and creative challenge.

• Maintaining Consistency Across Properties: Ensuring a unified design and motion language across Calendly's marketing site, Help Center, and learning experiences requires rigorous system management and collaboration.

• Remote Collaboration Dynamics: Effectively collaborating and communicating complex design ideas and technical requirements in a fully remote, asynchronous environment can be challenging.

• Driving Adoption of New Systems: Introducing and championing a new web motion system requires buy-in from multiple stakeholders and ongoing advocacy.

• Managing External Resources: Effectively briefing, managing, and reviewing work from external contractors for motion assets requires strong communication and organizational skills.

Learning & Development Opportunities:

• Deep Dive into Motion Design Systems: Opportunity to become a subject matter expert in building and scaling motion design systems for the web.

• Advanced Web Design & Animation Techniques: Exposure to cutting-edge web technologies and animation tools, potentially including AI-assisted design workflows.

• Cross-Disciplinary Expertise: Gaining deeper insights into web development, SEO, content strategy, and product marketing through cross-functional collaboration.

• Impactful Project Ownership: Leading significant design initiatives that directly contribute to user acquisition and engagement, offering high visibility and career advancement potential.

• Industry Conferences & Training: Potential opportunities for attending relevant design conferences or pursuing specialized training in motion design or web technologies.

📝 Enhancement Note: The role presents significant technical and collaborative challenges, particularly around performance, system scalability, and remote communication. These challenges are directly tied to substantial growth opportunities in specialized design areas.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for designing a scroll-driven experience, from concept to implementation. How do you ensure it's performant and accessible?" (Focus on process, tools, and constraints.)

• "How would you approach creating a new web motion system for Calendly? What key principles would you establish, and how would you ensure its adoption?" (Focus on systems thinking, collaboration, and strategic implementation.)

Company & Culture Questions:

• "What excites you about Calendly as a company and its product? How do you see your design skills contributing to our growth?" (Focus on brand alignment and impact.)

• "How do you approach collaboration in a remote, cross-functional team? Describe a time you had to influence stakeholders or engineers to adopt your design vision." (Focus on collaboration style and communication.)

Portfolio Presentation Strategy:

• Lead with Motion: Begin your portfolio review by showcasing your strongest motion design projects, specifically scroll-driven experiences and animated assets.

• Demonstrate Figma Mastery: Be prepared to share your screen and walk through Figma files, highlighting your use of auto layout, components, variables, and prototyping.

• Explain Your Process: For each project, clearly articulate your design process, including research, ideation, prototyping, user testing (if applicable), and collaboration with engineers.

• Highlight Systems Thinking: Dedicate time to explaining any design or motion systems you've developed or contributed to, detailing their structure and benefits.

• Address Constraints & Solutions: Be ready to discuss any technical challenges, performance considerations, or accessibility requirements you encountered and how you resolved them. Quantify impact where possible.

📝 Enhancement Note: Interview preparation should focus on demonstrating practical skills, a systematic approach to design, and strong collaborative abilities within a remote context. The portfolio is the primary tool for showcasing expertise.

📌 Application Steps

To apply for this Web Designer position:

• Submit your application through the Calendly careers portal.

• Curate your portfolio to prominently feature your most impactful motion design work, scroll-driven experiences, and examples of system thinking. Ensure it's easily navigable and highlights your expertise in Figma and Rive (or equivalent).

• Tailor your resume to align with the job description, using keywords such as "motion design," "Figma," "Rive," "scroll-driven experiences," "web design systems," "accessibility," and "performance optimization." Quantify achievements where possible.

• Prepare your portfolio presentation thoroughly. Practice walking through your projects, explaining your process, design rationale, and how you addressed technical constraints and accessibility. Be ready for a live Figma demonstration.

• Research Calendly thoroughly, understanding their product, brand, and target audience. Consider how your design philosophy aligns with their values of simplicity, efficiency, and user experience.

⚠️ Important Notice: This enhanced job description provides a comprehensive overview based on the provided information and industry standards. Salary ranges are estimates and subject to Calendly's internal compensation structure and location-based tiers. All details should be verified directly with Calendly during the application and interview process.