Contract Web Designer (Remote, United States, EST/CST Preferred)

📍 Job Overview

Job Title: Contract Web Designer

Company: M-Files

Location: United States (Remote)

Job Type: CONTRACTOR

Category: Marketing Operations / Web Operations

Date Posted: 2026-09-10

Experience Level: Mid-Level (2-5 years implied)

Remote Status: Remote Solely

🚀 Role Summary

• Design, build, and maintain visually engaging, on-brand WordPress pages and assets for a B2B technology company.

• Publish, optimize, and format website content, ensuring consistency across global markets and languages.

• Collaborate closely with SEO, Product Marketing, Content, Localization, and Development teams to support campaigns and improve website performance.

• Utilize WordPress page builders (Beaver Builder, block-based) and WP Engine environments for efficient content deployment.

• Apply on-page SEO best practices and ensure adherence to M-Files brand guidelines for a high-quality user experience.

📝 Enhancement Note: The role is a part-time contract (approx. 20 hours/week) for one year, focusing on web design and content management within a B2B technology context. The target candidate will be adept at WordPress, visual design principles, and cross-functional collaboration to support marketing and product initiatives.

📈 Primary Responsibilities

• Design and lay out visually engaging, on-brand web pages that are intuitive and easy to navigate.

• Build and update WordPress pages using Beaver Builder and block-based page-building tools.

• Create and maintain page templates, landing pages, banners, graphics, and other website assets.

• Publish, update, and format website content, including text, images, videos, and campaign pages.

• Work closely with SEO and Product Marketing teams to update content, launch new pages, and support campaigns and product initiatives.

• Use WP Engine staging environments to develop, review, test, and deploy website updates.

• Ensure all pages follow M-Files brand guidelines for typography, color, imagery, and layout.

• Optimize CSS, page layouts, and images to improve site performance, accessibility, and mobile responsiveness.

• Apply on-page SEO best practices, including proper heading structures, alt text, internal linking, and metadata.

• Proofread and quality-check pages for formatting, content accuracy, broken links, performance, and display issues across browsers and devices.

• Maintain consistency in design components and content structure throughout the website.

• Troubleshoot minor layout, styling, and display issues, escalating more complex technical problems to development teams as needed.

• Stay current with web design, usability, accessibility, and performance trends, and recommend improvements to the website experience.

• Coordinate the publishing and maintenance of localized website content, ensuring page layouts remain polished, readable, responsive, and visually consistent across languages.

📝 Enhancement Note: The responsibilities highlight a blend of creative design and technical execution within a CMS environment. The emphasis on SEO, brand consistency, performance optimization, and localization suggests a need for a detail-oriented individual who can manage web content strategically to support global marketing efforts.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Graphic Design, Web Design, Digital Media, or a related field is often preferred for roles requiring strong visual design skills. Equivalent practical experience will also be highly valued.

Experience: Approximately 2-5 years of hands-on experience in web design, with a focus on CMS management, particularly WordPress.

Required Skills:

• Experience designing, building, and maintaining websites in WordPress or a comparable CMS.

• Hands-on experience with Beaver Builder and WordPress block-based page-building tools.

• Experience working with WP Engine, including staging, testing, and production environments.

• Strong visual design skills and a solid understanding of layout, typography, color, and brand consistency.

• Proficiency with design and prototyping tools such as Figma and Sketch.

• Working knowledge of HTML and CSS, including CSS troubleshooting and optimization.

• Familiarity with responsive, mobile-first, accessible, and performance-focused web design principles.

• Understanding of on-page SEO fundamentals.

• Strong attention to detail, organizational skills, and the ability to manage multiple website updates and deadlines. Preferred Skills:

• Familiarity with Adobe Creative Cloud (Photoshop, Illustrator).

• Basic JavaScript knowledge for minor interactive elements or troubleshooting.

• Experience collaborating with SEO, Product Marketing, content, and web teams.

• Experience coordinating the publishing and maintenance of localized website content.

📝 Enhancement Note: The requirements emphasize practical, hands-on experience with specific WordPress tools and workflows (Beaver Builder, WP Engine) rather than purely theoretical knowledge. The inclusion of Figma/Sketch and HTML/CSS indicates a need for a designer who can also execute and troubleshoot at a foundational technical level.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrations of visually engaging, on-brand WordPress pages built with Beaver Builder or similar block editors.

• Case studies showcasing website updates, landing page creation, or campaign support.

• Examples of responsive and mobile-first design implementation across various devices.

• Visuals highlighting adherence to brand guidelines (typography, color, imagery).

• Evidence of optimizing page layouts and assets for performance and accessibility. Process Documentation:

• Workflow examples demonstrating how you manage content updates from concept to deployment using staging environments (e.g., WP Engine).

• Case studies detailing how you've collaborated with SEO, Marketing, or Content teams on web projects.

• Examples of troubleshooting minor layout, styling, or display issues.

• Documentation of your process for ensuring content accuracy, brand consistency, and quality control before publishing.

📝 Enhancement Note: A strong portfolio is critical for this role, showcasing not just aesthetic design but also practical application of WordPress tools, understanding of web performance, and collaborative project execution. The ability to demonstrate a structured approach to web content management and optimization will be key.

💵 Compensation & Benefits

Salary Range: Up to $80/hour. Based on experience.

Estimated Annual Salary (Full-Time Equivalent): ~$166,400 (assuming 40 hours/week for estimation purposes, though this role is part-time).

Benefits: This contract engagement is not eligible for M-Files employee benefits.

Working Hours: Approximately 20 hours per week.

Time Zone Preference: EST/CST Preferred for collaboration.

📝 Enhancement Note: The hourly rate of up to $80/hour places this role in the upper tier for contract web designers, reflecting the specialized skills and B2B technology context. The "no benefits" clause is standard for contract roles, and the stated 20 hours/week commitment with time zone preference indicates flexibility while requiring dedicated availability during core business hours.

🎯 Team & Company Context

🏢 Company Culture

Industry: B2B Technology, Software (Document Management Systems, Enterprise Content Management). M-Files is redefining how work gets done with a context-first document management system.

Company Size: M-Files is a global company with over 6,000 customers in 100+ countries. While the exact employee count isn't provided, this scale suggests a well-established organization with structured teams and processes.

Founded: M-Files has a history as a global company with Finnish roots, implying a blend of innovation and established practices.

Team Structure:

• The Web Designer reports to the Web Manager.

• Close collaboration with SEO, Product Marketing, Content, Localization, and Development teams.

• This indicates a matrixed or project-based collaboration model common in marketing and web operations. Methodology:

• Context-First Document Management: M-Files' core product architecture focuses on organizing content around business context, not just file structure. This implies a data-driven and process-oriented approach to information management.

• AI at Scale: The company leverages AI for content organization and insights, suggesting a forward-thinking and technology-focused operational environment.

• Guiding Principles: "Make It Happen," "Help Others," and "Love Customers" are central to M-Files' culture, promoting ownership, collaboration, and customer focus.

Company Website: https://www.m-files.com/

📝 Enhancement Note: M-Files operates in a competitive B2B software market, emphasizing innovation, customer value, and a collaborative work environment. The "context-first" approach to document management suggests a sophisticated understanding of information architecture and business processes, which likely translates into how their internal operations and web presence are managed.

📈 Career & Growth Analysis

Operations Career Level: This role is a mid-level contract position focused on specialized execution within web operations and digital marketing support. It offers an opportunity to hone skills in a specific area rather than a broad operational management track.

Reporting Structure: Reports directly to the Web Manager, indicating a clear line of responsibility and oversight for day-to-day tasks. Collaboration with other teams is project-based.

Operations Impact: The Web Designer directly impacts M-Files' digital presence, brand perception, lead generation efforts (through campaign pages and content optimization), and overall user experience for potential and existing customers. Effective web design and content management are crucial for B2B technology marketing and sales enablement.

Growth Opportunities:

• Skill Specialization: Deepen expertise in WordPress, Beaver Builder, WP Engine, responsive design, and on-page SEO within a B2B tech context.

• Cross-Functional Exposure: Gain experience working with diverse teams (SEO, Product Marketing, Localization) and understand their contributions to web strategy.

• Portfolio Enhancement: Build a robust portfolio with tangible contributions to a global software company's digital assets and campaigns.

• Potential for Extended Contract: Successful performance could lead to contract extension or future opportunities if M-Files has ongoing web needs.

📝 Enhancement Note: While this is a contract role without traditional employee benefits or a defined long-term career path within M-Files, it offers significant value for a web designer looking to build specific skills and gain experience with a reputable B2B technology company. The impact is tangible through direct contributions to the company's digital front.

🌐 Work Environment

Office Type: Remote Solely. This offers maximum flexibility for candidates within the specified time zones.

Office Location(s): United States, with a preference for EST/CST time zones to facilitate collaboration with teams that may be primarily located in these regions.

Workspace Context:

• Remote Collaboration: Expect to use digital communication tools (email, chat, video conferencing) for team interactions.

• Tooling: Access to design tools (Figma/Sketch), CMS (WordPress via WP Engine), and potentially project management software.

• Independence: Requires self-discipline and proactive communication to manage tasks and deadlines effectively in a remote setting.

Work Schedule: Approximately 20 hours per week, with a preference for EST/CST working hours. This allows for flexibility but requires availability during core business hours for team coordination and timely task completion.

📝 Enhancement Note: The remote-first nature of this contract aligns with modern work trends and broadens the talent pool. The time zone preference is a practical consideration for synchronous collaboration, which is essential for web content updates and campaign launches.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Phone Screen: With a People & Culture Team Member to assess basic qualifications, cultural fit, and interest.

• Hiring Manager Interview: With the Web Manager to discuss role-specific responsibilities, expectations, and technical skills.

• Internal Team Stakeholder(s) + Portfolio Discussion: This stage likely involves presenting your portfolio, discussing past projects, demonstrating design and technical capabilities, and potentially answering scenario-based questions related to web design, content management, and collaboration.

• Estimated Selection Process Time Investment: Approximately 1.5–2 hours total across interviews.

Portfolio Review Tips:

• Curate Select Projects: Showcase 3-5 of your strongest projects that align with the job description's requirements (WordPress, responsive design, brand consistency, content optimization).

• Highlight WordPress & Beaver Builder: Explicitly point out projects where you used these tools and explain your role.

• Demonstrate Process: For each project, briefly explain the objective, your process (design, build, optimize), the tools used, and the outcome (e.g., improved user engagement, successful campaign launch).

• Showcase Brand Adherence: Include examples where you successfully applied brand guidelines.

• Detail Collaboration: If possible, describe how you worked with other teams (marketing, SEO) on these projects.

• Accessibility & Responsiveness: Be prepared to discuss your approach to making websites accessible and responsive.

Challenge Preparation:

• While no specific challenge is mentioned, be prepared for potential questions about:

  • How you would approach optimizing a specific type of web page (e.g., a product landing page).

  • How you ensure brand consistency across different web assets.

  • Your process for troubleshooting a common web design issue.

  • How you stay updated on web design and SEO best practices.

📝 Enhancement Note: The interview process is structured to assess both technical fit and collaborative potential. The portfolio review is a critical component, so candidates should prepare to articulate their design process, technical execution, and impact on business objectives.

🛠 Tools & Technology Stack

Primary Tools:

• CMS: WordPress (required)

• Page Builders: Beaver Builder (required), WordPress block-based page builders (required)

• Hosting/Environment: WP Engine (required, including staging environments)

• Design & Prototyping: Figma (required), Sketch (required)

• Graphic Design (Plus): Adobe Creative Cloud (Photoshop, Illustrator)

Analytics & Reporting:

• While not explicitly listed as required tools for the designer, familiarity with web analytics concepts is crucial. The designer will likely collaborate with teams using:

  • Google Analytics or similar for website performance tracking.

  • SEO tools (e.g., SEMrush, Ahrefs) for on-page optimization insights. CRM & Automation:

• Not directly applicable to the designer's core tasks, but understanding how website content feeds into marketing automation or CRM systems (e.g., HubSpot, Salesforce) would be beneficial for context.

📝 Enhancement Note: Proficiency in WordPress, Beaver Builder, and WP Engine is non-negotiable for this role. The requirement for Figma/Sketch indicates a need for a designer capable of creating assets and layouts within modern design workflows. A basic understanding of HTML/CSS is also essential for fine-tuning designs and troubleshooting.

👥 Team Culture & Values

Operations Values:

• Make It Happen: Demonstrates initiative, ownership, and a drive to deliver results for website projects and updates.

• Help Others: Implies strong collaboration skills, willingness to assist cross-functional teams, and a positive attitude in a remote team setting.

• Love Customers: Focus on creating a user-friendly, accessible, and on-brand web experience that serves the needs of M-Files' customers and prospects.

• Data-Driven Approach: Implied through the need to optimize for SEO, performance, and user experience, requiring an understanding of how design impacts metrics.

• Efficiency & Optimization: Central to the role through optimizing CSS, layouts, and images for performance and maintaining consistent design components.

Collaboration Style:

• Cross-Functional Integration: Expected to work closely with SEO, Product Marketing, Content, and Development teams, requiring clear communication and understanding of different team objectives.

• Process-Oriented: Collaboration will likely involve structured workflows for content review, testing, and deployment using WP Engine staging environments.

• Feedback Exchange: Openness to feedback on designs and content, and ability to provide constructive input on web best practices.

📝 Enhancement Note: The company's guiding principles of "Make It Happen," "Help Others," and "Love Customers" are directly applicable to a web designer's role. Success will depend on proactively contributing to projects, supporting colleagues, and ensuring the website effectively serves M-Files' audience.

⚡ Challenges & Growth Opportunities

Challenges:

• Remote Collaboration Dynamics: Effectively communicating and collaborating with distributed teams without in-person interaction.

• Balancing Design Aesthetics with Technical Constraints: Ensuring visually appealing designs are also performant, accessible, and compatible across devices and browsers, especially within a CMS framework.

• Managing Multiple Project Demands: Juggling updates, new page builds, and campaign support for various teams under tight deadlines within a part-time capacity.

• Keeping Pace with Evolving Web Standards: Continuously learning about new web design trends, SEO best practices, and accessibility requirements.

Learning & Development Opportunities:

• Mastery of WordPress Ecosystem: Deepen expertise in WordPress, Beaver Builder, and WP Engine, understanding their advanced features and best practices.

• B2B Tech Marketing Insights: Gain exposure to the marketing strategies and content needs of a global B2B software company.

• Cross-Functional Collaboration Skills: Enhance ability to work effectively with specialized teams like SEO and Product Marketing.

• Portfolio Development: Build a strong portfolio with impactful projects for a recognized technology brand.

📝 Enhancement Note: The primary challenges will revolve around remote collaboration, time management, and staying current with web technologies and best practices. The growth opportunities are focused on specialized skill development and gaining valuable experience within a B2B technology marketing context.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for designing and building a new landing page in WordPress using Beaver Builder, from initial request to final deployment. How do you ensure it aligns with brand guidelines and SEO best practices?"

• "How do you approach optimizing web page elements (images, CSS, layouts) for performance and mobile responsiveness?"

• "Can you walk us through a project where you collaborated with a Product Marketing or SEO team? What was your role, and what was the outcome?" Company & Culture Questions:

• "How do M-Files' guiding principles ('Make It Happen,' 'Help Others,' 'Love Customers') resonate with your work style and experience?"

• "How do you ensure brand consistency across different web pages and assets when working remotely?"

• "What are your strategies for staying organized and managing multiple deadlines in a part-time, remote role?" Portfolio Presentation Strategy:

• Structure: Organize your portfolio by project type or skill. For each relevant project, have a clear "story": problem/objective, your solution/process, tools used, and the results/impact.

• Highlight Key Skills: Specifically call out your experience with WordPress, Beaver Builder, WP Engine, Figma/Sketch, HTML/CSS, and responsive/accessible design.

• Demonstrate Process: Show, don't just tell. Use screenshots, links, and brief explanations to illustrate your design and build process. Be ready to discuss your troubleshooting methods.

• Quantify Impact: If possible, use metrics (e.g., improved load times, successful campaign performance) to demonstrate the value of your work.

• Conciseness: Be prepared to present your portfolio efficiently, focusing on the most relevant examples, given the interview time constraints.

📝 Enhancement Note: Interview preparation should focus on showcasing practical skills with the specified tools, demonstrating an understanding of web best practices (SEO, performance, accessibility), and articulating how you embody the company's collaborative and results-oriented culture. The portfolio is your primary tool for demonstrating these capabilities.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided Workable link.

• Portfolio Preparation: Curate a strong online portfolio (e.g., personal website, Behance, Dribbble) highlighting your WordPress, Beaver Builder, and responsive design experience. Ensure it clearly showcases your visual design skills and any examples of SEO optimization or performance improvements.

• Resume Optimization: Tailor your resume to emphasize keywords from the job description, such as "WordPress," "Beaver Builder," "WP Engine," "Web Design," "HTML," "CSS," "Figma," "Sketch," "SEO," "Responsive Design," and "Content Management." Quantify achievements where possible.

• Interview Practice: Prepare to discuss your portfolio projects in detail, focusing on your design process, technical execution, and collaborative experiences. Practice answering questions about your approach to web design, content optimization, and remote teamwork.

• Company Research: Familiarize yourself with M-Files' products, their "Guiding Principles," and their overall brand messaging. Understand their position in the B2B technology market to better align your responses with their company culture and objectives.

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

---