Graphic Designer - Website

📍 Job Overview

Job Title: Graphic Designer - Website

Company: GoTyme ZA (South Africa)

Location: Johannesburg, Gauteng, South Africa

Job Type: FULL_TIME

Category: Digital Design & Web Implementation (Hybrid Operations)

Date Posted: 2026-09-10

Experience Level: 2-5 Years

Remote Status: Hybrid (with potential for remote work)

🚀 Role Summary

• This role is crucial for designing and executing high-quality website experiences, focusing on conversion-driven digital journeys.

• It bridges the gap between design and web development, requiring hands-on experience with Content Management Systems (CMS) and direct page publishing.

• The position demands a strong understanding of responsive design, accessibility, and performance optimization for web assets.

• Candidates will be responsible for end-to-end ownership of web pages, from initial brief and design to live implementation and ongoing QA.

📝 Enhancement Note: While the title is "Graphic Designer - Website," the core responsibilities and required skills indicate a hybrid role that blends UI/UX design with front-end implementation and content management. This is common in smaller teams or companies where individuals need to be versatile. The "Operations" aspect comes from managing the workflow, ensuring timely delivery, and optimizing processes for website content updates and launches. The "Hybrid" work arrangement and "Telecommute" location type suggest flexibility, with a need to be present in Johannesburg for collaborative efforts.

📈 Primary Responsibilities

• Design and deliver responsive website pages, campaign landing pages, product pages, promotional modules, banners, and other digital assets, ensuring a balance of strong visual design and conversion-focused user experience.

• Translate campaign, product, and business requirements into clear, intuitive, and effective web experiences that cater to desktop, tablet, and mobile devices, while adhering to accessibility standards and technical constraints.

• Directly build, configure, update, and publish pages within the website CMS or backend environment using approved templates, components, and modules, leveraging page builders and content management systems for day-to-day updates.

• Collaborate closely with web developers, providing implementation-ready design specifications that cover layouts, breakpoints, spacing, component behavior, interactions, imagery, and asset requirements, to ensure accurate implementation from design files to staging and production.

• Conduct thorough visual, functional, and responsive Quality Assurance (QA) on staging and live website pages, meticulously identifying and resolving discrepancies before launch to ensure brand consistency and adherence to design standards.

• Troubleshoot common website implementation issues, diagnose layout problems using basic HTML and CSS understanding, and coordinate technical fixes with the development team.

• Maintain and evolve website design systems, reusable components, templates, and page patterns to enhance consistency, improve efficiency, and accelerate the delivery of web content.

• Create and implement page or creative variants for A/B testing, performance marketing initiatives, and ongoing website optimization efforts.

• Work in conjunction with analytics, marketing, and performance teams to leverage customer behavior data and website performance metrics to inform and improve page design and conversion rates.

• Optimize imagery and design assets for web use, carefully considering file size, loading speed, accessibility, and overall page performance.

• Manage multiple website requests, development dependencies, and launch deadlines independently, demonstrating strong project management and prioritization skills.

• Identify and propose opportunities to enhance the design-to-development workflow, reduce handoff friction, and shorten the time-to-market for new web pages and digital campaigns.

📝 Enhancement Note: The responsibilities highlight a "producer" or "web master" aspect beyond traditional graphic design, emphasizing the operational execution of web content. The mention of CMS, page builders, and direct publishing points to a need for practical, hands-on skills in web content management and deployment.

🎓 Skills & Qualifications

Education: While no specific degree is listed, a Bachelor's degree in Graphic Design, Digital Media, Web Design, Human-Computer Interaction, or a related field is typically expected for roles of this nature. Equivalent practical experience with a strong portfolio will also be considered.

Experience: 3-5+ years of professional experience in website design, digital design, UI design, or a hybrid design/web implementation role. Demonstrated experience taking website pages from design through staging, QA, and live implementation. Hands-on experience working in a CMS, page builder, or website backend environment is strongly preferred. Experience working directly with front-end or web development teams and managing design-to-development handoffs. Experience designing responsive websites and working with reusable components or design systems. Experience conducting visual and functional QA across desktop and mobile browsers. Experience in fintech, banking, e-commerce, retail, digital product, or another conversion-focused environment would be advantageous.

Required Skills:

• Excellent Figma capability, including proficiency with components, auto layout, variants, and creating developer-ready design files.

• Strong working knowledge of Adobe Creative Suite or equivalent creative tools (e.g., Photoshop, Illustrator).

• Deep understanding of UX/UI principles, responsive design, accessibility standards (e.g., WCAG), and mobile-first design methodologies.

• Working knowledge of HTML and CSS, with the ability to understand page structure, styling, and common front-end issues for effective communication with developers and basic troubleshooting.

• Strong visual and functional QA skills across responsive breakpoints and common browsers/devices.

• Ability to manage multiple website requests, development dependencies, and launch deadlines independently, demonstrating strong time management and organizational skills.

• Strong understanding of typography, layout, imagery, visual hierarchy, and conversion-focused design principles. Preferred Skills:

• Hands-on experience with Content Management Systems (CMS) or website backend environments; experience with platforms such as WordPress, Webflow, Contentful, Drupal, Adobe Experience Manager, or similar is highly advantageous.

• Understanding of component-based web design, design systems, and reusable page modules.

• Basic understanding of website performance optimization, image optimization techniques, Search Engine Optimization (SEO) considerations, and web analytics platforms.

• Experience in fintech, banking, e-commerce, retail, digital product, or another conversion-focused industry.

📝 Enhancement Note: The required skills emphasize a blend of design proficiency (Figma, Adobe Suite) with technical understanding (HTML/CSS, CMS experience) and operational execution (QA, deadline management, workflow improvement). The preference for CMS experience is a key indicator of the hybrid nature of this role, moving beyond pure design to content deployment.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 3-5 distinct projects demonstrating end-to-end website page creation, from initial concept and wireframing through to final, live implementation.

• Include case studies that highlight your process for translating business requirements into visually appealing and conversion-optimized web pages.

• Present examples of responsive design implementation across various devices (desktop, tablet, mobile), with clear explanations of how breakpoints and user experience were managed.

• Detail your experience with Content Management Systems (CMS) or page builders, including screenshots or descriptions of pages you've built or managed directly within a backend environment.

• Demonstrate your ability to collaborate with developers, including examples of design handoff specifications, communication strategies, and how you've addressed developer feedback or technical constraints.

• Feature projects that showcase your understanding of UX/UI principles, accessibility considerations, and how you've applied them to improve user journeys.

• Include examples of A/B testing variations or website optimization efforts you've contributed to, highlighting any measurable improvements in conversion rates or performance. Process Documentation:

• Clearly outline your design-to-development workflow, including stages such as brief intake, wireframing, visual design, specification creation, developer handoff, QA, and live deployment.

• Provide examples of how you document technical design requirements for developers, detailing spacing, interactions, component behavior, and asset specifications.

• Showcase your approach to conducting visual and functional QA, including checklists or methodologies used to identify and resolve discrepancies across different browsers and devices.

• Illustrate your experience in maintaining and contributing to design systems or component libraries, explaining the benefits for consistency and efficiency.

📝 Enhancement Note: The portfolio requirements are crucial for this role, as they need to evidence not just design skills but also the practical ability to implement and manage web content through a CMS. Candidates should be prepared to walk through their process and demonstrate tangible results.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for a hybrid Graphic Designer/Web Implementer role with 3-5 years of experience in Johannesburg, South Africa, the estimated annual salary range is ZAR 350,000 - ZAR 550,000. This range accounts for the blend of design and technical implementation skills, the demand for conversion-focused digital experiences, and the cost of living in Johannesburg.

Benefits:

• Hybrid Work Model: Offers flexibility with a mix of in-office collaboration and remote work, supporting a healthy work-life balance.

• Professional Development: Opportunities for training and development in new design tools, CMS platforms, and web technologies.

• Contribution to Digital Strategy: Direct impact on the company's online presence, conversion rates, and customer acquisition through website design and implementation.

• Collaborative Environment: Opportunity to work closely with marketing, product, and development teams, fostering cross-functional learning and growth.

• Standard South African Benefits: Likely includes medical aid contributions, retirement fund contributions, and paid time off, in line with local employment regulations.

Working Hours: Standard full-time working hours are expected, likely around 40 hours per week. While the role offers hybrid and remote flexibility, core working hours will likely be established for team collaboration and project coordination, potentially within the 9 AM to 5 PM timeframe in the Johannesburg timezone.

📝 Enhancement Note: The salary estimate is based on aggregated data for similar roles in Johannesburg, considering the specific skill set required (design + CMS implementation). Benefits are inferred based on standard offerings for full-time positions in technology/digital roles in South Africa.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Technology (Fintech). GoTyme ZA operates within the dynamic and rapidly evolving fintech sector in South Africa, aiming to provide innovative financial services. This industry demands agility, a strong focus on user experience, robust security, and a commitment to regulatory compliance.

Company Size: GoTyme ZA is part of a larger emerging fintech ecosystem, likely operating as a growth-stage startup or a well-funded venture within the South African market. This typically means a dynamic, fast-paced environment where employees can have a significant impact.

Founded: GoTyme is a relatively new player in the fintech space, indicating a culture that is likely forward-thinking, adaptable, and focused on innovation and disruption.

Team Structure:

• The Graphic Designer will likely be part of a broader Marketing or Digital Product team.

• This team will collaborate closely with Product Management, Engineering/Development, and potentially other Go-to-Market (GTM) functions.

• Reporting structure is likely to a Digital Marketing Manager, Head of Product, or Head of Marketing, with direct interaction with web developers and content strategists. Methodology:

• Emphasis on agile methodologies for rapid iteration and deployment of digital features and content.

• Data-driven decision-making, with a strong reliance on analytics, A/B testing, and user feedback to inform design and implementation choices.

• Focus on customer-centric design, ensuring all web experiences are intuitive, secure, and meet the needs of the target audience.

• Collaborative approach to problem-solving, encouraging input from various departments to achieve optimal outcomes.

Company Website: https://www.gotyme.com.ph/ (Note: This is the Philippines website; the South African operations may have a separate or evolving online presence.)

📝 Enhancement Note: The fintech industry context implies a need for precision, security consciousness, and a user-centric approach. The company's likely growth stage suggests opportunities for direct impact and influence within the team and the broader organization.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as an experienced individual contributor, likely at a mid-level. It requires a solid foundation in design principles combined with practical technical skills and the ability to work independently. The role demands a "doer" mentality, capable of executing tasks from inception to completion.

Reporting Structure: The Graphic Designer will likely report to a manager within the Marketing or Digital Product department, with frequent collaboration with web developers and product owners. This structure allows for strategic direction while maintaining hands-on execution.

Operations Impact: The role has a direct and measurable impact on the company's online presence, customer acquisition, conversion rates, and overall brand perception. By optimizing website experiences and ensuring seamless content delivery, this role directly contributes to GoTyme ZA's business objectives and revenue generation.

Growth Opportunities:

• Specialization: Deepen expertise in advanced UI/UX design, specific CMS platforms, front-end development, or conversion rate optimization (CRO).

• Leadership: Progress into a Senior Designer, Web Design Lead, or Digital Product Owner role, managing projects and mentoring junior team members.

• Cross-functional Movement: Transition into roles within Product Management, Digital Marketing Strategy, or Performance Marketing, leveraging a strong understanding of web channels and user behavior.

• Skill Expansion: Develop skills in areas like motion graphics for web, advanced A/B testing strategies, or front-end development frameworks.

📝 Enhancement Note: The growth path for this role is strong, particularly for individuals who can demonstrate a blend of creative talent, technical aptitude, and a results-oriented approach to web design and implementation. The operational aspect of managing workflows and optimizing processes will be key for advancement.

🌐 Work Environment

Office Type: Hybrid work environment, implying a combination of remote work and office-based collaboration. The office in Johannesburg will likely serve as a hub for team meetings, brainstorming sessions, and collaborative project work.

Office Location(s): Johannesburg, Gauteng, South Africa. Specific office details regarding amenities and accessibility would need to be confirmed directly with the company.

Workspace Context:

• Collaborative Environment: The office space is expected to foster collaboration, with designated areas for team meetings and project discussions. Expect to work closely with designers, developers, and marketing professionals.

• Tools & Technology: Access to necessary design software (Figma, Adobe Suite), a robust CMS platform, and development tools will be provided. The environment will likely be technologically driven, with an emphasis on digital tools for efficient workflow.

• Team Interaction: Regular interactions with cross-functional teams, including product managers, marketing specialists, and developers, are integral to the role, promoting a shared understanding of project goals and customer needs.

Work Schedule: A standard 40-hour work week is typical for full-time roles. The hybrid nature offers flexibility, allowing for remote work days. However, specific in-office days or required hours for team synchronization will be communicated by the hiring team. The schedule will need to accommodate project deadlines and collaborative sessions.

📝 Enhancement Note: The hybrid model suggests a need for self-discipline and effective remote communication, while also valuing in-person collaboration for synergy and complex problem-solving.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess suitability for the role, focusing on relevant experience and design/implementation capabilities.

• Skills Assessment/Technical Interview: Likely includes a practical exercise or a deep dive into your Figma and CMS proficiency. You may be asked to demonstrate your workflow, troubleshoot a design problem, or explain your approach to responsive implementation.

• Portfolio Presentation: A dedicated session where you present your selected portfolio pieces, elaborating on your design process, technical implementation contributions, problem-solving strategies, and the impact of your work. Be prepared to discuss how you balanced creative vision with technical constraints and business goals.

• Cultural Fit Interview: Discussion with hiring managers and potential team members to assess your work style, collaboration skills, problem-solving approach, and alignment with GoTyme ZA's culture and values.

• Final Interview: May involve senior leadership to discuss strategic alignment and overall fit.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 of your strongest projects that best showcase your ability to design and implement website pages. Prioritize projects with clear objectives, demonstrable results, and a strong emphasis on conversion and user experience.

• Showcase the Process: For each project, clearly articulate the problem statement, your role, the design process, the technical implementation steps (including CMS usage), challenges encountered, and the solutions implemented. Visuals are key – include wireframes, mockups, and ideally, live links or screenshots of the final implementation.

• Quantify Impact: Wherever possible, use data to demonstrate the success of your work. Highlight improvements in conversion rates, engagement metrics, load times, or user satisfaction. If specific metrics aren't available, discuss the intended impact and how you designed to achieve it.

• Highlight Hybrid Skills: Explicitly demonstrate your comfort and proficiency with CMS platforms, page builders, and basic HTML/CSS. Show how you bridge the gap between design and development.

• Be Prepared for Technical Questions: Anticipate questions about Figma, responsive design, accessibility, common CMS challenges, and your QA process.

Challenge Preparation:

• CMS Simulation: Be ready for a task that might involve making edits or building a simple page within a provided CMS demo or a similar tool.

• Design Problem-Solving: Prepare to discuss how you would approach a specific web design challenge, such as optimizing a landing page for a new product or redesigning a user flow for better conversion.

• Developer Collaboration Scenarios: Think about how you would communicate technical design requirements, handle feedback from developers, or resolve implementation conflicts.

📝 Enhancement Note: The emphasis on a portfolio that showcases both design and implementation is critical. Candidates should prepare to demonstrate their hands-on capabilities with CMS and their understanding of the full web development lifecycle.

🛠 Tools & Technology Stack

Primary Tools:

• Design Software: Figma (expert proficiency required), Adobe Creative Suite (Photoshop, Illustrator).

• Prototyping/Design Tools: Figma's prototyping features, potentially InVision or similar for collaborative review.

• Content Management Systems (CMS): Proficiency with platforms like WordPress, Webflow, Contentful, Drupal, or Adobe Experience Manager is highly preferred. Candidates should be ready to discuss their experience with specific CMS environments.

• Web Development Fundamentals: Working knowledge of HTML and CSS is essential for understanding page structure, styling, and troubleshooting.

Analytics & Reporting:

• Web Analytics: Basic understanding of platforms like Google Analytics for tracking website performance and user behavior.

• A/B Testing Tools: Familiarity with tools like Google Optimize, Optimizely, or similar for creating and analyzing test variations.

• Performance Monitoring: Awareness of tools or methods for checking website load speed and performance metrics (e.g., Google PageSpeed Insights).

CRM & Automation:

• While not the primary focus, familiarity with how website interactions tie into CRM systems (e.g., Salesforce, HubSpot) for lead generation and customer journey tracking would be beneficial.

• Understanding of marketing automation principles as they relate to website content and lead capture.

📝 Enhancement Note: The explicit mention of Figma and CMS platforms indicates these are core technical requirements. A candidate's ability to demonstrate practical experience with these tools in their portfolio and interviews will be paramount.

👥 Team Culture & Values

Operations Values:

• Execution & Ownership: A strong bias for action and taking responsibility for tasks from start to finish, ensuring that designs are not just created but successfully implemented and function as intended.

• Customer Centricity: Designing with the end-user in mind, focusing on creating intuitive, accessible, and valuable digital experiences that drive customer engagement and loyalty.

• Data-Driven Optimization: Utilizing analytics and performance metrics to inform design decisions, iterate on existing web content, and continuously improve conversion rates and user satisfaction.

• Collaboration & Communication: Fostering open communication and strong working relationships with developers, marketers, product managers, and other stakeholders to ensure alignment and efficient project delivery.

• Adaptability & Continuous Learning: Embracing a mindset of continuous improvement, staying updated with evolving web technologies, design trends, CMS capabilities, and front-end practices to maintain a competitive edge.

Collaboration Style:

• Cross-functional Integration: Actively participating in cross-departmental meetings and discussions, ensuring design and implementation efforts are aligned with broader business and product strategies.

• Constructive Feedback Loop: Open to receiving and providing constructive feedback on designs, implementations, and workflows to drive quality and efficiency.

• Knowledge Sharing: Willingness to share expertise on design tools, CMS best practices, and web trends with team members, contributing to a culture of collective learning and improvement.

📝 Enhancement Note: The emphasis on "execution focus" and "independent working style" suggests a culture that values proactivity and self-sufficiency, typical of growth-stage companies.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Creative Vision with Technical Constraints: Effectively translating innovative design concepts into feasible web implementations within the limitations of CMS platforms and development resources, while maintaining performance and accessibility.

• Managing Multiple Project Dependencies: Juggling various website requests, coordinating with development timelines, and ensuring timely delivery for diverse campaigns and product launches.

• Staying Ahead of Evolving Web Technologies: Keeping pace with rapid advancements in web design, CMS functionalities, front-end development practices, and digital marketing trends.

• Ensuring Consistent Brand Experience Across Platforms: Maintaining brand integrity and visual consistency across a dynamic website, while adapting designs for different campaigns, products, and user segments.

Learning & Development Opportunities:

• Advanced CMS & Web Development Training: Opportunities to deepen expertise in specific CMS platforms, learn new front-end development skills (e.g., basic JavaScript), or explore more advanced web design techniques.

• Conversion Rate Optimization (CRO) Certifications: Pursue formal training and certifications in CRO to enhance skills in designing for performance and driving measurable business outcomes.

• Fintech Industry Insights: Gain deeper knowledge of the financial technology landscape, customer needs, and regulatory requirements, informing more effective design and implementation strategies.

• Mentorship in Design & Product: Potential to be mentored by senior designers, product managers, or marketing leaders, fostering career growth and strategic thinking.

📝 Enhancement Note: The challenges highlight the need for a problem-solver who is technically adept and can navigate the complexities of web development and content management within a fast-paced environment.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for taking a website page from initial brief to a live, published page. What are the key stages, and how do you ensure success at each step?" (Focus on your end-to-end ownership and CMS experience.)

• "Walk me through a challenging website design project where you had to balance creative ambition with technical limitations or tight deadlines. How did you overcome these obstacles?" (Highlight your problem-solving, collaboration with developers, and ability to compromise effectively.)

• "How do you ensure your website designs are not only visually appealing but also optimized for conversion and user experience across different devices?" (Discuss your understanding of UX/UI, responsive design, accessibility, and A/B testing principles.) Company & Culture Questions:

• "What interests you about GoTyme ZA and the fintech industry? How do you see your skills contributing to our mission?" (Research GoTyme's mission, values, and recent activities. Connect your skills to their business goals.)

• "How do you typically collaborate with web developers and marketing teams? Describe a situation where you had to effectively communicate technical design requirements or resolve a disagreement." (Emphasize your communication style, understanding of developer needs, and collaborative approach.)

• "How do you stay updated with the latest trends in web design, CMS technology, and digital marketing?" (Show your commitment to continuous learning and your passion for the field.) Portfolio Presentation Strategy:

• Structure Your Narrative: For each portfolio piece, clearly define the problem, your role, your process (design, implementation, QA), the tools used (especially Figma and CMS), the challenges, the solutions, and the measurable outcomes.

• Show, Don't Just Tell: Use visuals extensively – wireframes, mockups, interactive prototypes, screenshots of live pages, and comparisons showing before/after or different device views.

• Highlight Implementation: Explicitly point out the parts of the project where you directly used a CMS or page builder, or how you facilitated the development handoff. This is crucial for this role.

• Quantify Impact: Be ready to discuss conversion rates, engagement metrics, or other KPIs your work influenced. If exact numbers aren't available, discuss the intended impact and how your design aimed to achieve it.

• Be Prepared for Live Demo/Walkthrough: You might be asked to navigate a CMS or demonstrate a specific Figma feature.

📝 Enhancement Note: Preparation should focus on demonstrating practical, hands-on experience with CMS platforms and the ability to manage projects from design to live implementation, not just theoretical design skills.

📌 Application Steps

To apply for this hybrid Graphic Designer - Website position:

• Submit your application through the provided Workable link, ensuring your resume is tailored to highlight your website design and CMS implementation experience.

• Portfolio Customization: Curate your portfolio to prominently feature 3-5 projects that demonstrate your end-to-end website page creation process, including your hands-on experience with CMS platforms, responsive design, and conversion optimization. Prepare to walk through these projects in detail.

• Resume Optimization: Ensure your resume clearly lists your proficiency with Figma, Adobe Creative Suite, relevant CMS platforms (WordPress, Webflow, etc.), and your understanding of HTML/CSS. Quantify achievements where possible, focusing on website launches, conversion improvements, or process efficiencies.

• Interview Preparation: Practice articulating your design process, technical implementation skills, and collaborative approach. Prepare specific examples that showcase your ability to manage projects independently from brief to live implementation, and be ready to discuss your experience troubleshooting web pages.

• Company Research: Thoroughly research GoTyme ZA, its mission, its target audience in South Africa, and its current digital presence. Understand the fintech landscape and how your role contributes to the company's success.

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

---