Freelance UI Designer - Hybrid JHB - R56 550pm CTC pro rata for 3 months (1st Oct – 31 Dec 2026)

📍 Job Overview

Job Title: Freelance UI Designer

Company: No Sweat Work Media

Location: Johannesburg, Gauteng, South Africa

Job Type: Freelance/Contract

Category: Creative & Design / UI/UX Design

Date Posted: 2026-09-17

Experience Level: 5-10 Years

Remote Status: Hybrid

🚀 Role Summary

• Lead the aesthetic direction and interaction design for a diverse portfolio of agency clients, from startups to enterprise brands.

• Act as a master of visual craft and a strategic systems builder, leveraging token-based scalable design systems and interactive prototyping.

• Utilize modern workflow automation tools to orchestrate seamless user interfaces across multiple devices and touchpoints.

• Collaborate closely with UX Researchers, Product Managers, and Engineering teams to deliver high-performing visual interfaces that drive measurable business value.

• Foster a culture of continuous learning and design excellence through mentorship of junior and mid-level designers.

📝 Enhancement Note: This role is specifically for a Freelance UI Designer on a contract basis for three months (October 1st – December 31st, 2026), emphasizing advanced UI design principles, design system architecture, and client-facing responsibilities within an agency setting. The role requires a blend of creative craft and strategic systems thinking.

📈 Primary Responsibilities

• Architect, maintain, and scale multi-brand design systems using advanced token structures and variables in Figma, ensuring perfect alignment with front-end code.

• Create pixel-perfect, responsive interfaces, intuitive navigation, and sophisticated micro-interactions that enhance user experience.

• Design modular, component-based frameworks optimized for dynamic content delivery and personalized user journeys.

• Integrate modern co-pilots and digital layout automation tools to accelerate design tasks, focusing on creative innovation and strategy.

• Translate complex client briefs into strategic design concepts and confidently present design decisions to stakeholders and non-technical clients using strong visual storytelling.

• Partner closely with front-end developers to ensure technical feasibility and flawless implementation of designs.

• Mentor junior and mid-level designers, promoting a culture of continuous learning and design excellence.

• Analyze user behavior data, heatmaps, and post-launch analytics to optimize layouts, accessibility, and interface performance.

📝 Enhancement Note: The responsibilities highlight a senior-level UI Designer role with a strong emphasis on design system architecture, advanced Figma capabilities, and client presentation. The integration of workflow automation and data-informed refinement are key aspects for this position.

🎓 Skills & Qualifications

Education: Not specified, but a Bachelor's degree in Design, HCI, or a related field is often preferred for senior roles.

Experience: 5+ years of digital interface design experience, ideally within a fast-paced agency or digital product studio environment.

Required Skills:

• Expert-level understanding of visual hierarchy, spatial grids, color theory, and data visualization.

• Mastery of Figma, including advanced utilization of variables, auto-layout, interactive components, prototyping, and developer handoff.

• Deep understanding of WCAG standards and experience designing for global accessibility and inclusivity.

• Strong command of micro-interactions and motion design principles to enhance user interfaces.

• Basic knowledge of front-end technologies (HTML/CSS, React, or Tailwind frameworks) for effective collaboration with developers.

• Exceptional communication and presentation skills, with the ability to translate client feedback into elegant visual solutions.

• Experience in building or heavily managing scalable design systems, modular libraries, or complex component kits. Preferred Skills:

• Experience with advanced token structures and variables within design systems.

• Proficiency in workflow automation tools and digital layout automation.

• Experience in analyzing user behavior data, heatmaps, and post-launch analytics for design optimization.

• Proven ability to mentor and guide junior design talent.

📝 Enhancement Note: The qualifications emphasize advanced Figma proficiency and a strong grasp of design systems, accessibility, and interaction design. The "Adaptive Technical Understanding" suggests a need for designers who can communicate effectively with developers, even if they aren't coding themselves.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A portfolio showcasing a diverse range of beautifully executed web, mobile, and digital product designs.

• Comprehensive case studies detailing the complete design process, from initial problem definition and structural framework to the development of design systems and final deliverables.

• Clear examples of scalable design systems, modular component libraries, or complex component kits that you have personally built or significantly managed. Process Documentation:

• Demonstrate your approach to architecting and scaling design systems using advanced token structures and variables.

• Showcase how you integrate modern workflow automation and digital layout tools into your design process.

• Provide examples of how you use user behavior data, heatmaps, and analytics to inform and refine design decisions.

• Illustrate your collaboration process with front-end developers to ensure technical feasibility and seamless implementation.

📝 Enhancement Note: The portfolio requirements are critical for this role, emphasizing not just the final visual output but also the strategic thinking behind scalable design systems and the end-to-end design process. Demonstrating experience with advanced Figma features and data-informed design is crucial.

💵 Compensation & Benefits

Salary Range: R56,550 per month (CTC - Cost to Company), pro-rata for the contract period (October 1st – December 31st, 2026).

Benefits:

• As a freelance/contract role, benefits are typically not included in the CTC. Candidates should clarify any potential benefits or allowances directly with No Sweat Work Media.

• Opportunity to work on a diverse portfolio of agency clients.

• Hybrid work environment offering flexibility.

Working Hours: Standard full-time hours, likely around 40 hours per week, with a hybrid arrangement in Johannesburg.

📝 Enhancement Note: The salary is explicitly stated as R56,550 per month CTC, pro-rata for the 3-month contract. This is a competitive rate for a senior freelance UI Designer in Johannesburg. The CTC structure implies that the candidate is responsible for their own taxes, benefits, and other employment-related costs. Research indicates that a senior UI Designer with 5+ years of experience in a major South African city like Johannesburg typically earns between R45,000 and R70,000 per month CTC, depending on the agency's tier, client portfolio, and specific skill set. This role falls within the upper-middle to high end of that range.

🎯 Team & Company Context

🏢 Company Culture

Industry: Media / Advertising / Digital Services. No Sweat Work Media operates as an agency, likely serving a broad range of clients across various sectors.

Company Size: Not explicitly stated, but the presence of a Creative Director and Head of Design suggests a well-established creative department, likely part of a medium to large agency.

Founded: Not specified, but the company URL (nosweat.co.za) points to an established digital presence.

Team Structure:

• The role reports to the Creative Director / Head of Design, indicating a clear hierarchy within the creative department.

• Collaboration is expected with UX Researchers, Product Managers, and Engineering teams, highlighting a cross-functional and integrated work environment.

• The presence of junior and mid-level designers suggests a team structure that supports mentorship and knowledge sharing. Methodology:

• Emphasis on crafting dynamic, hyper-personalized, and adaptive digital ecosystems.

• Utilization of token-based scalable design systems and interactive prototyping.

• Integration of modern workflow automation tools and digital layout automation.

• Data-informed design refinement based on user behavior analysis.

• Collaborative client consultation and strategic design concept development.

Company Website: www.nosweat.co.za

📝 Enhancement Note: As an agency, No Sweat Work Media likely fosters a fast-paced, client-centric environment that values creativity, strategic thinking, and adaptability. The emphasis on "No Sweat" in the company name might suggest a culture that strives for efficient, high-quality delivery and a positive working experience.

📈 Career & Growth Analysis

Operations Career Level: Senior UI Designer. This role is positioned as a lead contributor, responsible for the aesthetic direction and interaction design of client projects. It involves strategic input, system building, and mentorship.

Reporting Structure: Reports to the Creative Director or Head of Design, indicating a senior position within the design hierarchy.

Operations Impact: The role directly impacts client success by delivering stunning, high-performing visual interfaces that translate into measurable business value, client satisfaction, and potentially repeat business for the agency.

Growth Opportunities:

• For this specific contract, growth is primarily through mastery of advanced design techniques and successful client project delivery.

• Potential for future contract extensions or full-time opportunities based on performance.

• Opportunity to expand portfolio with diverse client projects.

• Develop leadership skills through mentorship of junior designers.

• Gain deeper experience in scalable design systems and advanced Figma functionalities.

📝 Enhancement Note: While this is a contract role, the responsibilities and reporting structure indicate a senior-level position with opportunities for skill enhancement and leadership. Performance during this contract could lead to further opportunities within the agency.

🌐 Work Environment

Office Type: Hybrid. This means a combination of working from the office and remotely.

Office Location(s): Johannesburg, Gauteng, South Africa (Postal Code: 2080). Specific office address details would need to be confirmed.

Workspace Context:

• The hybrid model suggests access to office resources and collaborative spaces, alongside the flexibility of remote work.

• Collaboration with UX Researchers, Product Managers, and Engineering teams will be a key part of the daily work, requiring effective communication tools and practices for both in-office and remote interactions.

• The role implies working with modern design tools and potentially agency-specific project management software.

Work Schedule: Standard full-time working hours (estimated 40 hours per week) with a hybrid arrangement. Flexibility may be offered within the hybrid framework, but the core hours and collaboration needs will dictate specific in-office days.

📝 Enhancement Note: The hybrid nature of the role requires strong self-management and communication skills. Candidates should be prepared for a mix of independent work and collaborative sessions, potentially requiring them to be in the Johannesburg office on designated days for team meetings and client interactions.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Likely a review of CV and portfolio to assess experience, skills, and alignment with the role's requirements.

• Portfolio Presentation: A key stage will involve presenting your portfolio, focusing on case studies that demonstrate your design process, design system experience, and ability to translate client needs into effective UI solutions. Be prepared to discuss your role, challenges, and outcomes.

• Technical/Skills Assessment: May involve a design challenge or a deeper dive into your Figma proficiency, design system architecture, and understanding of accessibility standards.

• Cultural Fit Interview: Discussion with the Creative Director/Head of Design to assess communication style, collaboration approach, and fit with the agency's culture.

Portfolio Review Tips:

• Showcase Design Systems: Highlight projects where you've built, managed, or significantly contributed to scalable design systems. Detail your approach to tokenization and component architecture.

• Detail Your Process: For each case study, clearly outline the problem, your strategic approach, design iterations, the tools you used (especially Figma features), and the final outcomes or impact.

• Demonstrate Figma Mastery: Include examples of advanced Figma usage, such as complex auto-layout, variables, interactive components, and seamless developer handoffs.

• Emphasize Client Collaboration: Select projects where you successfully translated client briefs and presented design solutions, showcasing your visual storytelling and communication skills.

• Accessibility Focus: Ensure some projects clearly demonstrate your consideration for WCAG standards and inclusive design principles.

Challenge Preparation:

• Be ready to discuss how you would approach designing for a new client brief, focusing on your initial steps, research methods, and how you'd leverage design systems.

• Prepare to articulate your understanding of adaptive and generative layouts and how you would implement them.

• Practice explaining complex design concepts and your rationale clearly and concisely, as you would to a non-technical stakeholder.

📝 Enhancement Note: The portfolio is paramount for this role. Candidates should curate their portfolio to specifically highlight experience with design systems, advanced Figma capabilities, and client-facing presentation skills. The interview process will likely be heavily focused on assessing these areas.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Expert-level proficiency is explicitly required, including advanced features like variables, auto-layout, interactive components, and prototyping.

• Design System Tools: Experience with building and managing scalable design systems, likely using Figma's component variants, styles, and potentially token management plugins.

Analytics & Reporting:

• Familiarity with user behavior analysis tools (e.g., heatmaps, session recordings) and post-launch analytics platforms to inform design decisions. CRM & Automation:

• Experience integrating modern workflow automation and digital layout automation tools into the design process.

• Basic understanding of front-end technologies (HTML/CSS, React, Tailwind) for effective collaboration with developers.

📝 Enhancement Note: Figma is the central tool for this role. Proficiency in its advanced features and the ability to leverage it for scalable design systems are non-negotiable. Understanding how to integrate automation into the design workflow is also a key differentiator.

👥 Team Culture & Values

Operations Values:

• Design Excellence: A commitment to creating visually stunning, high-performing, and user-centric interfaces.

• Strategic Thinking: Applying design not just aesthetically, but as a strategic tool to achieve business objectives.

• Collaboration: Working effectively within cross-functional teams and with clients to achieve shared goals.

• Innovation & Efficiency: Embracing modern tools and automation to streamline workflows and drive creative solutions.

• Continuous Learning: A culture that encourages curiosity, skill development, and staying ahead of design trends.

Collaboration Style:

• Highly collaborative, working closely with UX Researchers, Product Managers, Engineers, and Creative Directors.

• Emphasis on clear communication and visual storytelling to convey design rationale and solutions.

• Mentorship and knowledge sharing are encouraged, fostering a supportive team environment.

📝 Enhancement Note: The culture likely values a blend of creative talent, strategic problem-solving, and efficient execution, typical of a successful agency environment. The emphasis on mentorship suggests a desire for team members who can contribute to the growth of others.

⚡ Challenges & Growth Opportunities

Challenges:

• Multi-Brand Design Systems: Managing and scaling design systems across diverse client brands requires meticulous organization and a deep understanding of modularity.

• Balancing Creativity and Client Needs: Translating complex client briefs into innovative yet practical UI solutions that meet business objectives.

• Workflow Automation Integration: Effectively incorporating new automation tools into an established design process without disrupting workflow or quality.

• Mentoring Junior Designers: Balancing senior design responsibilities with the demands of guiding and developing less experienced team members.

Learning & Development Opportunities:

• Advanced Figma Techniques: Deepen expertise in variables, interactive components, and design system management within Figma.

• Design System Architecture: Gain extensive experience in building robust, scalable, and multi-brand design systems.

• Client Presentation & Strategy: Enhance skills in presenting complex design strategies and solutions to diverse stakeholders.

• Workflow Automation: Explore and implement cutting-edge automation tools to enhance design efficiency.

📝 Enhancement Note: This contract offers a significant opportunity to hone skills in advanced design systems, Figma, and client-facing strategy. The challenges are inherent to a senior role in a client-facing agency, providing ample opportunities for professional growth.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you built or significantly contributed to a scalable design system. What was your approach to tokenization and component architecture, and what challenges did you overcome?" (Focus on process, tools, and outcomes.)

• "How do you balance creative innovation with the technical constraints and business objectives of a client project? Provide an example." (Highlight strategic thinking and collaboration.)

• "Walk us through your process for translating a complex client brief into a high-fidelity UI design. How do you ensure accessibility and responsiveness throughout?" (Demonstrate end-to-end process and attention to detail.) Company & Culture Questions:

• "What excites you about working for an agency like No Sweat Work Media, and how do you see your skills contributing to our diverse client portfolio?" (Show research and enthusiasm for agency work.)

• "How do you approach mentoring junior designers, and what is your philosophy on fostering a positive design culture?" (Assess leadership and team-building potential.)

• "How do you use data and analytics to inform your UI design decisions and measure the success of your work?" (Evaluate data-driven approach.) Portfolio Presentation Strategy:

• Structure Your Narrative: For each case study, clearly articulate the problem, your unique approach, the design decisions you made (especially regarding design systems and Figma features), and the measurable impact.

• Highlight Figma Mastery: When showcasing projects, point out specific advanced Figma features you utilized (variables, auto-layout, interactive components) and how they facilitated your workflow or improved the design.

• Emphasize Design Systems: Dedicate specific time to explaining your experience with design systems. Show examples of component libraries, token structures, and how they ensure consistency and scalability.

• Practice Client Scenarios: Be prepared to present a project as if you were pitching it to a client, focusing on the business value and strategic rationale behind your design choices.

📝 Enhancement Note: Candidates should prepare to deep-dive into their portfolio, with a strong emphasis on design systems, Figma proficiency, and client presentation skills. The interview will likely assess both technical capabilities and strategic thinking.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on ns.zohorecruit.com.

• Curate Your Portfolio: Ensure your portfolio prominently features projects demonstrating your expertise in scalable design systems, advanced Figma usage (variables, auto-layout, interactive components), and client-facing case studies that detail your end-to-end design process.

• Tailor Your CV: Highlight your 5+ years of digital interface design experience, specifically mentioning agency work, expert Figma skills, WCAG compliance, and any experience with workflow automation or mentorship. Quantify achievements where possible.

• Prepare Your Presentation: Practice walking through your portfolio, focusing on your design process, problem-solving approach, and the impact of your work. Be ready to articulate your rationale for design decisions, especially concerning design systems and accessibility.

• Research No Sweat Work Media: Understand their agency model, client types, and any publicly available information about their culture or design philosophy. This will help you tailor your responses and demonstrate genuine interest.

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