Web & Graphic Designer (Figma + Basic CSS Skills)

📍 Job Overview

Job Title: Web & Graphic Designer (Figma + Basic CSS Skills)

Company: Design Shopp

Location: Brazil

Job Type: FULL_TIME

Category: Creative & Media / Art & Design

Date Posted: 2026-02-20

Experience Level: 0-2 Years

Remote Status: Fully Remote

🚀 Role Summary

• This role focuses on crafting visually compelling digital experiences, specifically modern, high-quality websites and branded email newsletters.

• Responsibilities include designing conversion-focused layouts grounded in UX best practices, ensuring seamless collaboration with developers.

• A key aspect involves preparing web-ready assets and leveraging basic CSS knowledge to inform design feasibility and implementation.

• The position emphasizes maintaining and evolving brand consistency across various digital touchpoints, requiring a strong understanding of responsive and mobile-first design principles.

📝 Enhancement Note: This role is ideal for a junior to mid-level designer looking to grow within a remote, international team. The "0-2 Years" experience level suggests a focus on foundational skills and eagerness to learn, with potential for advancement as the role may transition to full-time.

📈 Primary Responsibilities

• Design and iterate on modern, high-quality websites and landing pages using Figma, adhering to UX best practices for conversion optimization.

• Create visually appealing and effective branded email newsletters and campaign templates that align with client brand guidelines.

• Prepare and export web-ready assets, ensuring proper specifications for developers and maintaining high visual fidelity.

• Collaborate closely with project managers and developers to ensure designs are technically feasible and implemented accurately, providing clear documentation and feedback.

• Apply basic CSS understanding to create designs that are responsive, accessible, and align with front-end development constraints.

• Maintain and evolve brand consistency across all digital touchpoints through thoughtful design application and system thinking.

• Contribute to the continuous improvement of design processes and workflows within the team.

📝 Enhancement Note: The responsibilities highlight a blend of creative design execution and practical application, emphasizing the need for designers to understand development constraints. The mention of "conversion-focused layouts" and "UX best practices" indicates a results-oriented approach beyond pure aesthetics.

🎓 Skills & Qualifications

Education: While specific educational requirements are not listed, a degree or equivalent experience in Graphic Design, Web Design, Digital Media, or a related field is generally expected for roles of this nature.

Experience: 0-2 years of professional experience in web and graphic design, with a demonstrated portfolio showcasing relevant projects.

Required Skills:

• Advanced proficiency in Figma, including mastery of components, auto layout, and responsive design principles.

• Strong foundation in graphic design principles: typography, visual hierarchy, composition, and color systems.

• Proven experience designing websites, landing pages, and digital interfaces.

• Demonstrated experience in designing email newsletters and campaign templates.

• Basic understanding of HTML & CSS, sufficient to design with development constraints and feasibility in mind.

• Solid grasp of responsive and mobile-first design methodologies.

Preferred Skills:

• Experience with CMS platforms such as Webflow or WordPress.

• Basic knowledge of motion design or micro-interactions.

• Experience with developer handoff workflows and collaboration tools.

• Familiarity with contributing to or building design systems.

📝 Enhancement Note: The "0-2 Years" experience level indicates that candidates are expected to have a strong grasp of core design tools and principles, rather than extensive project management or strategic experience. The "nice to have" skills suggest areas for growth and potential advancement within the company.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A well-curated portfolio demonstrating advanced Figma skills, including examples of auto layout, responsive design components, and complex interface designs.

• Case studies showcasing website and landing page design projects, highlighting the design process from concept to final execution.

• Examples of branded email newsletter and campaign template designs, illustrating an understanding of email marketing best practices and visual consistency.

• Projects that clearly articulate the application of UX best practices and conversion-focused design strategies.

Process Documentation:

• While explicit process documentation requirements are not stated, candidates should be prepared to discuss their personal design process, including how they approach user research (even at a basic level), ideation, prototyping, testing, and iteration.

• Be ready to explain how you collaborate with developers and project managers, and how you ensure design quality and consistency throughout project lifecycles.

📝 Enhancement Note: For a junior role, the portfolio is paramount. It needs to clearly showcase fundamental design skills, tool proficiency (especially Figma), and an understanding of web design principles. The ability to articulate the design process and rationale behind decisions is crucial.

💵 Compensation & Benefits

Salary Range: As this is a contractor role and specific salary information is not provided, typical freelance rates for Web & Graphic Designers with 0-2 years of experience in Brazil can range from BRL 3,000 to BRL 7,000 per month, depending on project scope, complexity, and specific skill set. This estimate is based on current market rates for remote contract positions in Brazil for similar roles.

Benefits:

• Fully remote work arrangement, allowing for work from anywhere with a stable internet connection.

• Potential for growth into a full-time position, offering long-term career stability.

• Opportunity to work with an international, diverse, and collaborative team.

• Exposure to a variety of projects for different clients, fostering skill development.

• Flexible working hours within a designated collaboration window (9 AM – 5 PM EST).

Working Hours: Part-time initially, with the potential to grow into a full-time position. Must be available for work Monday to Friday, 9 AM – 5 PM EST to ensure optimal collaboration with the international team. This amounts to approximately 20-40 hours per week.

📝 Enhancement Note: The salary range is an estimation for Brazil and may vary. The role starts part-time, which is critical for candidates to understand, with the explicit mention of potential full-time conversion. The EST collaboration window is a significant factor for candidates in different time zones.

🎯 Team & Company Context

🏢 Company Culture

Industry: Design Shopp operates within the Digital Design and Web Development industry, focusing on creating compelling digital experiences.

Company Size: The company has an international team spanning multiple countries, suggesting a medium to large-sized organization with distributed operations.

Founded: The company was founded with a mission to craft visually compelling websites and digital experiences, emphasizing meaningful connections between brands and people.

Team Structure:

• The team is geographically distributed across Canada (Montreal as a creative hub), France, Brazil, and the Philippines.

• The role involves collaboration with project managers, developers, strategists, and clients, indicating a cross-functional and project-based team structure.

Methodology:

• Design Shopp emphasizes a collaborative creativity approach, valuing open feedback and iteration.

• They prioritize clear communication to translate client needs into design solutions and bridge strategy with execution.

• A practical problem-solving methodology is evident, focusing on efficiency, user experience, and technical feasibility.

• Ownership and initiative are encouraged, with team members expected to manage their time and projects independently.

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

📝 Enhancement Note: The company culture emphasizes collaboration, clear communication, and a proactive, problem-solving mindset, which are critical for success in a remote, international setting. The distributed nature of the team means strong self-management and communication skills are essential.

📈 Career & Growth Analysis

Operations Career Level: This position is positioned as an entry-level to junior role (0-2 years of experience). The initial part-time nature and focus on core design execution suggest a foundational career stage.

Reporting Structure: The designer will report to a Design Lead or Project Manager, with close collaboration with developers and strategists. The exact reporting line will depend on project assignment.

Operations Impact: While not a traditional "operations" role, the designer's impact is crucial for the success of client projects. High-quality, conversion-focused designs directly influence client satisfaction, lead generation, and overall brand perception, contributing to the company's revenue generation through successful project delivery.

Growth Opportunities:

• Skill Advancement: Potential to deepen expertise in Figma and explore advanced features, potentially leading to more complex design challenges.

• Full-Time Transition: The primary growth opportunity is the potential conversion to a full-time role, offering greater job security and more comprehensive benefits.

• Specialization: Opportunity to gain experience in specific areas like advanced UX, design systems, or motion graphics based on project needs and personal interest.

• Cross-functional Learning: Exposure to development, project management, and strategy can broaden understanding of the digital product lifecycle.

📝 Enhancement Note: The growth path is clearly defined: excel in the current role, demonstrate potential, and transition to full-time. Further specialization is possible but depends on project flow and individual initiative. This is a strong opportunity for a designer eager to learn the ropes in a professional, remote environment.

🌐 Work Environment

Office Type: This is a 100% remote position, meaning there is no physical office requirement. Employees work from their own chosen locations, provided they have stable internet access.

Office Location(s): While the company has a presence in Canada, France, and Brazil, this specific role is remote and can be performed from anywhere, with the constraint of needing to align with the 9 AM – 5 PM EST collaboration window.

Workspace Context:

• The remote nature requires strong self-discipline and effective time management to maintain productivity and work-life balance.

• Collaboration will primarily occur through digital tools like Zoom, Monday.com, and Trello, necessitating comfort with virtual communication and project management platforms.

• The environment is designed to be collaborative and innovation-driven, fostering a sense of team despite the physical distance.

Work Schedule: Initially part-time, with a requirement to be available during the 9 AM – 5 PM EST collaboration window. This aims to facilitate real-time communication and seamless project coordination with team members across different time zones. The total hours will be discussed based on project needs and the candidate's availability, with a path towards full-time hours.

📝 Enhancement Note: The "work from anywhere" aspect is balanced by the critical need for availability during specific EST working hours. This is a key consideration for candidates in significantly different time zones.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of resume and portfolio, focusing on Figma proficiency, design quality, and relevant project experience.

• Technical Interview: An interview focused on Figma skills, responsive design principles, and basic CSS understanding. This may involve a live design exercise or a detailed walkthrough of portfolio projects.

• Collaborative Exercise/Challenge: Candidates may be asked to complete a small design task or a case study that reflects the day-to-day responsibilities of the role, testing practical problem-solving and design execution.

• Cultural Fit Interview: Discussion about work style, collaboration preferences, time management, and alignment with Design Shopp's values (respect, boundaries, curiosity, positive energy).

• Final Interview: Potentially with a senior team member or hiring manager to discuss role expectations, growth opportunities, and confirm fit.

Portfolio Review Tips:

• Showcase Figma Mastery: Highlight your use of auto layout, components, and responsive design features. Demonstrate how you build flexible and scalable designs.

• Explain Your Process: For each project, clearly articulate your thought process, the problem you were solving, your design decisions, and the rationale behind them. Use visuals to support your narrative.

• Focus on Impact: If possible, include metrics or outcomes related to your designs (e.g., improved conversion rates, user feedback). For this role, emphasize how your designs are conversion-focused and adhere to UX best practices.

• Demonstrate Basic CSS Awareness: Include examples where you considered development constraints or how your designs translate to responsive web or email layouts.

• Organize Clearly: Ensure your portfolio is easy to navigate, with clear project titles and descriptions.

Challenge Preparation:

• Practice Figma: Be ready to perform common design tasks quickly and efficiently in Figma.

• Understand Responsive Design: Prepare to explain how you approach designing for different screen sizes.

• Review CSS Fundamentals: Refresh your knowledge of basic CSS properties and how they affect layout and styling.

• Articulate Collaboration: Think about how you communicate with developers and what information they need from you.

📝 Enhancement Note: The portfolio is the most critical component. Candidates should prepare to verbally walk through their best projects, explaining their design decisions and process, especially concerning Figma, responsive design, and conversion optimization.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design tool. Advanced proficiency is required for UI/UX design, prototyping, and component-based design.

• Zoom: Primary communication tool for virtual meetings, team syncs, and client interactions.

• Monday.com & Trello: Project management tools used for task tracking, workflow management, and team collaboration.

Analytics & Reporting:

CRM & Automation:

• Not directly applicable to this design role, but understanding how websites and email campaigns integrate with CRM and marketing automation platforms can provide valuable context.

📝 Enhancement Note: Proficiency in Figma is non-negotiable. Familiarity with project management tools like Monday.com and Trello is also important for seamless remote collaboration and workflow management.

👥 Team Culture & Values

Operations Values:

• Collaborative Creativity: Valuing teamwork, open feedback, and iterative design processes to achieve the best outcomes.

• Clear Communication: Emphasizing the ability to articulate design rationale, translate client needs, and bridge the gap between strategy and execution.

• Practical Problem-Solving: Approaching design challenges with intelligence, creativity, and a focus on real-world constraints and solutions.

• Ownership & Initiative: Encouraging individuals to take responsibility for their projects, manage their time effectively, and proactively suggest improvements.

• Respect, Boundaries, Curiosity, and Positive Energy: Fostering a supportive and inclusive work environment where team members feel valued and motivated.

Collaboration Style:

• Cross-functional Integration: Designs are created with close collaboration with project managers, developers, and strategists, ensuring holistic project development.

• Feedback-Driven: The team culture encourages constructive feedback and iteration to refine designs and ensure project success.

• Remote-First: Communication and collaboration are optimized for a distributed team, relying on digital tools and clear communication protocols.

📝 Enhancement Note: The company culture strongly emphasizes teamwork, open communication, and a proactive approach. Candidates should demonstrate how they embody these values in their work and interactions.

⚡ Challenges & Growth Opportunities

Challenges:

• Remote Collaboration Nuances: Adapting to effective communication and collaboration in a fully remote, international setting, managing potential time zone differences.

• Balancing Creative Vision with Technical Constraints: Designing visually appealing and effective solutions while adhering to basic CSS limitations and developer feasibility.

• Managing Multiple Projects: Effectively prioritizing and managing time across several projects simultaneously, especially as the role potentially transitions to full-time.

• Meeting Client Expectations: Translating diverse client needs into successful digital experiences that meet both aesthetic and conversion goals.

Learning & Development Opportunities:

• Deepening Figma Expertise: Opportunity to become a power user of Figma, exploring advanced features and workflows.

• Understanding Web Development Basics: Gaining practical insights into how designs are implemented, improving future design decisions.

• Exposure to UX/UI Best Practices: Learning from experienced team members and through project work to enhance user-centered design skills.

• Portfolio Expansion: Building a robust portfolio with diverse client projects, showcasing growth and skill development.

📝 Enhancement Note: The challenges are typical for junior remote roles, focusing on adaptability, communication, and skill development. The growth opportunities are directly tied to excelling in the current role and embracing continuous learning.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for designing a website homepage in Figma, from brief to final handoff." (Focus on Figma features, component usage, and collaboration with developers.)

• "How do you ensure your web designs are conversion-focused and align with UX best practices?" (Prepare examples of how you've applied these principles.)

Company & Culture Questions:

• "What attracts you to Design Shopp and our collaborative, remote-first culture?" (Research company values and mention how they align with your work style.)

• "How do you manage your time and stay productive when working remotely?" (Discuss your organizational methods and any tools you use.)

Portfolio Presentation Strategy:

• Structure Your Walkthrough: For each key project, start with the problem, your approach/process, key design decisions (explaining the 'why'), your role, and the outcome.

• Highlight Figma Usage: Show, don't just tell. Point out specific Figma features like auto layout, components, and prototyping that you utilized.

• Emphasize Conversion & UX: Clearly articulate how your designs aimed to achieve conversion goals and improved user experience.

• Address Basic CSS/Responsive Design: Explain how you considered these aspects during the design phase.

• Be Concise and Engaging: Keep your explanations clear, to the point, and enthusiastic.

📝 Enhancement Note: Be prepared to demonstrate your Figma skills live or discuss them in detail. Your portfolio should be readily accessible and well-organized for easy navigation during the interview.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on Workable.

• Portfolio Customization: Ensure your portfolio prominently features your best Figma-based web design and newsletter design projects. Highlight examples that demonstrate your understanding of responsive design, UX best practices, and conversion focus.

• Resume Optimization: Tailor your resume to highlight keywords from the job description, such as "Figma," "Graphic Design," "Web Design," "Basic CSS," "Responsive Design," and "UX Best Practices." Quantify achievements where possible.

• Interview Preparation: Practice articulating your design process, explaining your design decisions, and preparing to discuss your portfolio projects in detail, especially concerning Figma usage and technical considerations.

• Company Research: Understand Design Shopp's mission, values, and the collaborative, remote-first culture. Prepare to discuss how you fit into this environment.

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