Web & Graphic Designer (Figma + Newsletter + Basic CSS)

📍 Job Overview

Job Title: Web & Graphic Designer (Figma + Newsletter + Basic CSS)
Company: Design Shopp
Location: Canada
Job Type: FULL_TIME
Category: Creative & Design Operations
Date Posted: 2026-02-20
Experience Level: 0-2 Years
Remote Status: Fully Remote

🚀 Role Summary

• This role focuses on the visual design and user experience of digital assets, particularly websites and email campaigns, requiring a strong command of design tools and principles.
• The position involves translating creative concepts into tangible digital products, ensuring both aesthetic appeal and functional usability for end-users.
• Key responsibilities include crafting engaging email newsletters and marketing collateral that align with brand identity and drive conversion.
• A foundational understanding of front-end development principles, specifically basic CSS, is essential for effective design-to-development handoff.

📝 Enhancement Note: While the title indicates a "Web & Graphic Designer," the emphasis on Figma, newsletters, and basic CSS, coupled with the company's description as a digital experience agency, positions this role within the broader GTM and Marketing Operations support functions, specifically focusing on the visual and communication aspects of Go-to-Market initiatives. The "Operations" aspect is derived from the need to create repeatable, high-quality design assets that support marketing campaigns and digital presence, requiring structured workflows and adherence to brand guidelines.

📈 Primary Responsibilities

• Design modern, high-quality websites, including landing pages and marketing sites, utilizing Figma with a focus on user experience (UX) best practices.
• Create clear, conversion-focused layouts that effectively communicate brand messaging and value propositions.
• Develop branded email newsletters and campaign templates that are aesthetically pleasing and optimize for engagement across various email clients.
• Prepare and optimize web-ready assets, ensuring they are technically sound and ready for developer implementation.
• Apply basic CSS knowledge to inform design decisions, ensuring feasibility and efficient integration by the development team.
• Maintain and evolve brand consistency across all digital touchpoints, from website design to email communications.
• Contribute to the development and maintenance of design systems and reusable UI components to ensure efficiency and uniformity.
• Collaborate closely with project managers, developers, strategists, and clients to ensure successful project execution from concept to completion.

📝 Enhancement Note: The responsibilities listed are typical for a design role supporting marketing and GTM efforts. The emphasis on "conversion-focused layouts," "email newsletters," and "preparing web-ready assets for developers" highlights the operational aspect of creating assets that directly contribute to marketing campaign performance and digital sales enablement.

🎓 Skills & Qualifications

Education: While no specific degree is listed, a strong portfolio demonstrating equivalent practical experience and a solid understanding of design principles is expected. Experience: 0-2 years of experience in web and graphic design, with a focus on digital assets and user interface design.

Required Skills:

• Advanced Figma proficiency, including mastery of components, auto layout, and responsive design principles.
• Strong graphic design foundation, encompassing typography, visual hierarchy, composition, and color systems.
• Proven experience designing marketing websites and landing pages that are both visually appealing and conversion-oriented.
• Demonstrated experience in designing email newsletters and campaign templates with an understanding of email client rendering.
• Basic understanding of HTML and CSS, sufficient to design with development constraints and implementation feasibility in mind.
• Solid understanding of responsive and mobile-first design principles to ensure optimal viewing across devices.
• Familiarity with web and email accessibility basics to ensure designs are inclusive.

Preferred Skills:

• Experience working with Webflow, WordPress, or similar CMS platforms.
• Basic knowledge of motion graphics or micro-interactions to enhance user engagement.
• Experience collaborating with developers using handoff workflows and tools.
• Experience contributing to or building design systems for scalable design solutions.

📝 Enhancement Note: The required skills clearly indicate a need for a designer who can operate within a structured GTM environment, producing assets that are not only creative but also functional and aligned with development capabilities. The "basic CSS" requirement is crucial for bridging the gap between design and execution, a common operational need in GTM.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 2-3 distinct projects demonstrating advanced Figma proficiency, including examples of component usage, auto layout, and responsive design.
• Feature at least one comprehensive website or landing page design case study that highlights UX considerations, conversion focus, and the design rationale.
• Include a dedicated section showcasing designed email newsletters and campaign templates, illustrating an understanding of email marketing best practices and cross-client compatibility.
• Present examples of asset preparation for web development, detailing how designs were translated into developer-ready assets.
• If applicable, include examples of contributions to design systems or reusable UI components, demonstrating an understanding of scalable design operations.

Process Documentation:

• Be prepared to discuss your design process, from initial brief interpretation and wireframing to final asset delivery, emphasizing efficiency and collaboration.
• Articulate how you incorporate feedback and iterate on designs based on client or team input.
• Explain your approach to ensuring brand consistency and accessibility across different digital touchpoints.

📝 Enhancement Note: For a design role supporting GTM, a portfolio is critical. It serves as a tangible representation of a candidate's ability to execute design operations. The emphasis here is on demonstrating a structured design process, an understanding of GTM objectives (conversion, engagement), and technical proficiency with design tools and basic implementation constraints.

💵 Compensation & Benefits

Salary Range: As this is a remote role based in Canada, and the position starts part-time with potential for full-time growth, a salary range of CAD $45,000 - $70,000 annually (pro-rated for part-time hours initially) is a reasonable estimate for a junior to mid-level designer with the specified skills. This range considers the cost of living and market rates for graphic and web designers in Canada, particularly those with remote capabilities and specific tool proficiencies.

Benefits:

• Fully remote work environment, offering flexibility and work-life balance.
• Potential for transition to a full-time position, providing career growth and increased benefits.
• Collaborative and innovation-driven team culture that values creativity and feedback.
• Exposure to diverse projects across different industries and client needs.
• Opportunity to work with a global team, fostering cross-cultural understanding and diverse perspectives.

Working Hours: Monday to Friday, 9 AM – 5 PM EST collaboration window. This structure ensures overlap for team communication and project coordination while allowing for flexible work scheduling outside of core hours.

📝 Enhancement Note: The salary estimate is based on Canadian market data for junior to mid-level designers, factoring in the remote nature and potential for full-time employment. The benefits are inferred from the company description and the remote work arrangement, highlighting aspects attractive to operations-minded professionals seeking stability and growth.

🎯 Team & Company Context

🏢 Company Culture

Industry: Digital Experience Design & Development Agency. Design Shopp operates within the creative services sector, focusing on building digital experiences that connect brands with their audiences. Company Size: Small to Medium-sized Business (SMB) - The team spans Canada, France, and the Philippines, suggesting a distributed workforce of likely 20-100 employees. This size often allows for direct impact and close collaboration. Founded: Founded with a mission to craft visually compelling websites and digital experiences. The company emphasizes building a diverse, collaborative, and innovation-driven environment.

Team Structure:

• The design team likely operates as a core unit within project teams, collaborating with project managers, strategists, and developers.
• Reporting structure is expected to be hierarchical, with designers reporting to a Design Lead or Project Manager.
• Cross-functional collaboration is a key aspect, with designers working closely with developers for implementation and strategists for understanding project goals.

Methodology:

• Design process emphasizes "thoughtful design, clean execution, and meaningful collaboration."
• Focus on translating client needs into thoughtful design decisions, bridging strategy and execution.
• Practical problem-solving is valued, addressing constraints creatively to achieve optimal layouts and functionality.
• Emphasis on ownership, initiative, and continuous improvement.

Company Website: https://jobs.workable.com/company/oG9AVBqQDEGm2JNHKYLkw8/jobs-at-design-shopp

📝 Enhancement Note: The company culture is described as collaborative, innovation-driven, and focused on meaningful connections. For a designer, this implies an environment where creative input is valued, and there's a strong emphasis on teamwork and clear communication, particularly important for GTM initiatives that require cohesive execution.

📈 Career & Growth Analysis

Operations Career Level: Junior to Mid-Level Designer. This role is positioned as a foundational stepping stone, starting part-time with clear potential for full-time growth. It offers hands-on experience in core design operations critical for GTM. Reporting Structure: Likely reports to a Senior Designer, Design Lead, or Project Manager, with direct collaboration with developers and strategists. Operations Impact: This role directly impacts the visual communication and user engagement strategies of GTM campaigns. High-quality website designs, effective newsletters, and well-prepared assets contribute to lead generation, brand perception, and overall marketing effectiveness.

Growth Opportunities:

• Skill Specialization: Opportunity to deepen expertise in Figma, advanced UI/UX design, and potentially explore motion design or design system development.
• Full-Time Transition: Clear path to secure a full-time role with expanded responsibilities and benefits.
• Project Leadership: As experience grows, potential to take ownership of design aspects for larger projects or client accounts.
• Cross-Functional Learning: Exposure to development, strategy, and project management workflows, broadening understanding of the GTM ecosystem.

📝 Enhancement Note: The growth path is clearly defined from part-time to full-time, with opportunities to deepen design skills and increase project responsibility. This is a key selling point for ambitious junior professionals looking to build a career in design operations supporting GTM.

🌐 Work Environment

Office Type: Fully Remote. This means no physical office requirement; work is conducted from a home office or co-working space. Office Location(s): Canada (creative heart in Montreal), France, and the Philippines. While the role is remote, the company has a physical presence and a global team structure.

Workspace Context:

• The primary workspace will be a remote setup, requiring a stable internet connection and a conducive environment for focused design work.
• Collaboration will primarily occur through digital tools like Zoom, Slack, and project management platforms (Monday.com, Trello).
• Opportunities for interaction will be virtual, emphasizing clear communication and active participation in online discussions and meetings.

Work Schedule: Monday to Friday, 9 AM – 5 PM EST collaboration window. This provides a structured framework for synchronous communication and project alignment, while allowing flexibility for personal work rhythms outside these core hours.

📝 Enhancement Note: The fully remote nature is a significant aspect. For operations roles, this often implies a need for strong self-discipline, proactive communication, and comfort with digital collaboration tools. The EST collaboration window is important for candidates to align their working hours.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of resume and portfolio against core requirements (Figma, graphic design, newsletters, basic CSS).
• Skills Assessment: A practical design exercise or case study, likely involving Figma, to evaluate design skills, problem-solving approach, and understanding of UX/conversion principles. This may involve designing a landing page or email template.
• Figma/Technical Interview: Deeper dive into Figma proficiency, responsive design thinking, and understanding of CSS limitations and possibilities.
• Cultural Fit Interview: Discussion about collaborative creativity, communication style, ownership, and alignment with company values (respect, boundaries, curiosity, positive energy).
• Final Interview: May involve a discussion with a senior team member or project manager to assess overall fit and potential for growth.

Portfolio Review Tips:

• Highlight Core Skills: Ensure your portfolio prominently features projects demonstrating advanced Figma skills, strong graphic design principles, newsletter design experience, and an understanding of basic CSS implementation.
• Showcase Process: For at least one key project (e.g., a website or landing page), walk through your design process from problem identification to solution, detailing your decision-making at each stage.
• Quantify Impact (if possible): If any designs contributed to measurable results (e.g., improved conversion rates, higher click-through rates on newsletters), present these metrics clearly.
• Demonstrate Collaboration: If possible, include brief notes or context on how you collaborated with developers or other team members on past projects.
• Organize for Clarity: Ensure your portfolio is well-organized, easy to navigate, and clearly labels each project with the role played and tools used.

Challenge Preparation:

• Figma Proficiency: Be ready to create or modify a design in Figma under timed conditions. Practice using auto layout, components, and responsive resizing.
• UX/Conversion Focus: Prepare to explain how your design choices aim to improve user experience and drive desired actions (e.g., form submissions, clicks).
• CSS Awareness: Be ready to discuss how your designs consider CSS capabilities and limitations, and how you would communicate design requirements to a developer.
• Communication: Practice articulating your design rationale clearly and concisely, especially when discussing your portfolio or responding to hypothetical scenarios.

📝 Enhancement Note: The interview process is likely to be rigorous, focusing heavily on practical design skills and the ability to translate those skills into tangible GTM assets. A strong, well-prepared portfolio is paramount.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design tool for UI/UX, website, and newsletter design. Advanced proficiency is expected.
• Adobe Creative Suite (Photoshop, Illustrator): May be used for asset creation, image editing, or when Figma's capabilities are insufficient. While not explicitly mentioned, these are standard for graphic design.

Analytics & Reporting:

• Email Marketing Platform Analytics: Understanding how to design for metrics tracked by platforms like Mailchimp, HubSpot, or similar, and how to interpret basic performance data.
• Website Analytics (e.g., Google Analytics): Awareness of how website design impacts user behavior tracked by analytics tools.

CRM & Automation:

• Project Management Tools (Monday.com, Trello): Essential for task management, workflow tracking, and team collaboration.
• Communication Tools (Slack, Zoom): Used for daily communication, team meetings, and client interactions.

📝 Enhancement Note: The emphasis on Figma is clear. The inclusion of basic CSS knowledge suggests an understanding of the development handoff process, which is a critical operational aspect of GTM design. Familiarity with project management and communication tools is also key for remote operations roles.

👥 Team Culture & Values

Operations Values:

• Collaborative Creativity: Encourages teamwork and open sharing of ideas, with designers actively participating in brainstorming and feedback sessions.
• Clear Communication: Values the ability to articulate design decisions clearly, bridge gaps between strategy and execution, and provide constructive feedback.
• Practical Problem-Solving: Focuses on finding intelligent and creative solutions to design challenges, often within technical or time constraints.
• Ownership & Initiative: Fosters an environment where individuals take responsibility for their projects, proactively suggest improvements, and manage their time effectively.
• Respect & Boundaries: Promotes a supportive work environment where individual contributions are valued, and personal time is respected.

Collaboration Style:

• Cross-functional Integration: Designers work closely with project managers, strategists, and developers, requiring strong interpersonal and communication skills.
• Feedback-Driven Iteration: Designs are expected to be refined based on constructive feedback from team members and clients.
• Knowledge Sharing: Encourages sharing of best practices, design techniques, and insights across the team to elevate overall quality and efficiency.

📝 Enhancement Note: The company culture emphasizes collaboration, clear communication, and practical problem-solving, all crucial for successful GTM operations where design needs to be aligned with broader business objectives and technical realities.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Creativity with Constraints: Designing visually compelling assets that also meet technical requirements (basic CSS, responsive design) and business objectives (conversion, brand consistency).
• Remote Collaboration: Effectively communicating design ideas and receiving feedback in a fully remote setting, ensuring clarity and minimizing misinterpretations.
• Time Management: Juggling multiple projects with varying deadlines, particularly as the role potentially transitions from part-time to full-time.
• Staying Current: Keeping up-to-date with evolving design trends, Figma features, and best practices in web and email design.

Learning & Development Opportunities:

• Advanced Figma Skills: Deepen expertise in advanced Figma features, design systems, and collaborative workflows.
• UX/UI Specialization: Gain more in-depth knowledge of UX research, user testing, and UI design patterns.
• Front-End Awareness: Expand understanding of HTML and CSS to better inform design decisions and facilitate smoother developer handoffs.
• Industry Exposure: Work on diverse projects for various clients, gaining broad experience across different sectors and design challenges.

📝 Enhancement Note: The challenges presented are typical for a junior designer in a fast-paced agency environment, especially one focused on digital GTM assets. The growth opportunities are well-aligned with deepening core design skills and expanding into related areas.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for designing a responsive landing page from initial brief to final asset delivery. How do you incorporate UX best practices and conversion goals?"
• "Walk me through a recent email newsletter you designed. What was the objective, and how did your design support it? What challenges did you face with rendering across different email clients?"
• "How do you approach designing with basic CSS limitations in mind? Can you give an example of a design decision you made differently because of CSS constraints?"
• "Describe a time you received critical feedback on a design. How did you handle it, and what was the outcome?"

Company & Culture Questions:

• "What interests you about Design Shopp and our focus on digital experiences?"
• "How do you approach collaboration within a remote team? What are your preferred communication methods?"
• "Our values include 'Collaborative Creativity' and 'Ownership & Initiative.' How do you see yourself embodying these values in this role?"
• "What are your thoughts on maintaining brand consistency across different digital touchpoints?"

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly state the problem, your role, the solution (your design), and the outcome (if measurable).
• Highlight Figma Mastery: Demonstrate your proficiency with Figma features like components, auto layout, and prototyping.
• Explain Design Rationale: Be prepared to justify your design choices, linking them back to UX principles, conversion goals, and client objectives.
• Discuss Technical Considerations: For web and email designs, be ready to discuss how you considered responsiveness, accessibility, and basic CSS implementation.
• Showcase Versatility: Present a range of work that demonstrates your ability to design for different platforms and purposes (websites, landing pages, newsletters).

📝 Enhancement Note: Interview preparation should focus on showcasing not just design talent but also an understanding of the operational aspects of design: process, collaboration, and technical feasibility.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on Workable.
• Customize Your Resume: Tailor your resume to highlight experience with Figma, graphic design, newsletter creation, and basic CSS. Quantify achievements where possible (e.g., "Designed X landing pages," "Contributed to designs for Y campaigns").
• Curate Your Portfolio: Ensure your portfolio prominently features projects demonstrating the required skills. Organize it logically, with clear explanations for each piece, focusing on your process and design rationale.
• Prepare for a Design Challenge: Be ready to complete a practical design exercise in Figma, likely focusing on a website element or email template, to assess your skills and workflow.
• Research Design Shopp: Familiarize yourself with their work, client portfolio, and company culture to articulate your interest and cultural fit during the interview process.

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

---