Product Designer

📍 Job Overview

Job Title: Product Designer

Company: Whitecollars

Location: Cairo, Cairo Governorate, Egypt

Job Type: Full-time

Category: Product Design / UX/UI Design / EdTech Operations

Date Posted: 2026-08-18

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

Remote Status: Fully Remote

🚀 Role Summary

• Drive product design strategy for an innovative EdTech platform leveraging a knowledge graph, transforming complex data into intuitive user experiences.

• Own the end-to-end design process for learner, administrator, and authoring systems, as well as the marketing website.

• Specialize in designing complex data visualizations, including network/graph structures and multivariate comparisons, ensuring clarity and accuracy for non-technical users.

• Build and maintain scalable design systems, focusing on reusability, accessibility, and adaptability to dynamic content and API-driven behavior.

• Collaborate directly with the Founder and Frontend Engineers, influencing product direction and ensuring seamless design-to-development handoffs.

📝 Enhancement Note: This role is positioned within the EdTech sector, requiring a Product Designer to bridge complex data visualization with user-centric design principles. The emphasis on a knowledge graph and API-driven product suggests a need for strong technical understanding and the ability to design for dynamic, non-static content. The "Operations" aspect in the category reflects the critical role design plays in the operational efficiency and user adoption of the EdTech platform.

📈 Primary Responsibilities

• Translate intricate knowledge graphs and data structures into user-friendly interfaces that empower non-technical users to confidently understand complex information.

• Define and implement robust information hierarchy, interaction patterns, responsive behavior, and comprehensive visual systems, meticulously accounting for diverse edge cases.

• Design sophisticated and consistent data visualizations for relationships, progression, mastery, trends, distributions, and comparisons, ensuring effective communication of insights.

• Develop scalable design systems featuring reusable components, tokens, states, variants, responsive rules, clear documentation, and adherence to accessibility standards.

• Create rapid, interactive prototypes using HTML/CSS/JavaScript, Framer, or similar tools to rigorously validate design concepts and user flows prior to implementation.

• Provide precise design annotations and asynchronous handoffs to engineering teams, ensuring clear communication and efficient development cycles.

• Conduct user testing and gather feedback to iterate on designs, prioritizing data-driven decisions over subjective opinions.

• Collaborate closely with the Founder on overarching product strategy and with frontend engineering teams within defined API boundaries.

• Design for real-world API behaviors, including handling missing data, variable content lengths, empty states, loading indicators, error messages, and dynamic dataset changes.

📝 Enhancement Note: The responsibilities highlight a unique blend of deep product thinking, technical collaboration, and a strong focus on data visualization within the EdTech domain. The emphasis on designing for dynamic content and API constraints indicates a need for a designer who can think beyond static mockups and consider the full lifecycle of a digital product.

🎓 Skills & Qualifications

Education: Bachelor's degree in Design, Human-Computer Interaction, Computer Science, or a related field, or equivalent practical experience.

Experience: 2-5 years of professional experience in Product Design, with a proven track record of shipping digital products.

Required Skills:

• Proficiency in Figma: Demonstrated expertise in using Figma for UI/UX design, prototyping, and design system development.

• Data Visualization Expertise: Deep understanding of data visualization principles, including effective data encoding, chart selection, and the ability to design visualizations that communicate complex information accurately and without misleading users.

• Complex Visualization Experience: Proven experience designing visualizations for network/graph structures, multivariate comparisons, temporal trends, or distributional views.

• Dynamic Content Design: Ability to design for real-world, dynamic content, considering variable data sets, content lengths, and API behaviors.

• Prototyping Skills: Proficiency in creating rapid, interactive prototypes using tools such as HTML/CSS/JavaScript, Framer, or similar technologies.

• Design System Development: Experience in building and maintaining scalable design systems with reusable components, tokens, and documentation.

• Responsive Design: Strong understanding of responsive design principles and their application across various devices and constraints.

• Accessibility Standards: Practical knowledge of WCAG AA accessibility standards and their integration into design workflows.

• API & Technical Fluency: Comfort working with APIs, understanding technical constraints, and collaborating effectively with frontend engineers.

• User-Centric Problem Solving: Ability to translate user needs and product goals into intuitive and effective design solutions.

Preferred Skills:

• Experience with AI-assisted design tools (e.g., Cursor, ChatGPT, GitHub Copilot, Midjourney) and the ability to articulate how they enhance design workflows.

• Experience in the EdTech industry or with educational products.

• Background in frontend development (HTML, CSS, JavaScript) beyond prototyping.

• Creative coding, illustration, animation, photography, or broader visual design background.

• Experience with user research methodologies and translating findings into design improvements.

📝 Enhancement Note: The qualifications emphasize a blend of core design skills, specialized knowledge in data visualization and design systems, and practical experience with modern design tools and workflows, including AI. The preference for candidates who can demonstrate shipping products and understanding technical constraints is crucial for this role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate Problem-Solving: Showcase 2-3 in-depth case studies detailing the problem, constraints, your reasoning, design decisions, and iterative process.

• Showcase Shipped Work: Include at least one project that has been successfully launched as a live product, working application, production design system, or shipped feature.

• Data Visualization Focus: Feature at least one project specifically demonstrating meaningful experience with complex data visualization techniques.

• Impact and Results: Quantify the impact or results of your design work where possible, highlighting user outcomes or business value.

• Process Documentation: Clearly document your design process, including user research, ideation, wireframing, prototyping, and final design execution.

Process Documentation:

• Workflow Design: Illustrate how you approach understanding complex workflows and translating them into user-friendly interfaces.

• System Implementation: Demonstrate how you build and document design systems for scalability and maintainability.

• Performance Analysis: Show how you use data and user feedback to analyze design performance and drive iterative improvements.

• Collaboration Protocols: Detail how you collaborate with engineering and product teams, including handoff procedures and feedback loops.

📝 Enhancement Note: The portfolio requirements are highly specific, emphasizing not just the final output but the entire design process, particularly for complex data visualization and shipped products. This indicates a need for a designer who can articulate their strategic thinking and demonstrate tangible results. The inclusion of a paid design exercise further underscores the company's commitment to evaluating practical skills.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for a Mid-Level Product Designer with 2-5 years of experience, working remotely in Egypt, the estimated salary range is EGP 300,000 - EGP 600,000 annually. This range can vary based on specific experience, skill set, and the negotiation process.

Benefits:

• Fully Remote Work: Enjoy the flexibility and autonomy of working from anywhere within Egypt.

• Direct Impact: Opportunity to work closely with the Founder and significantly influence product direction and strategy.

• Complex Problem Solving: Engage with intellectually stimulating challenges at the intersection of EdTech, data visualization, and technology.

• Design System Ownership: Build and own a scalable design system for a core product.

• Continuous Learning: Access to modern AI-assisted design workflows and opportunities for skill development in cutting-edge technologies.

• Competitive Compensation: Attractive salary package commensurate with experience and contribution.

• Professional Growth: Potential for career advancement within a growing EdTech company.

Working Hours: Standard full-time hours, approximately 40 hours per week, with flexibility in scheduling to accommodate remote work and cross-time zone collaboration.

📝 Enhancement Note: The salary range is an estimation based on publicly available data for Product Designer roles in Egypt with mid-level experience, adjusted for a fully remote arrangement and the specific technical demands of the role. Benefits are inferred from the job description's emphasis on impact, learning, and remote work.

🎯 Team & Company Context

🏢 Company Culture

Industry: EdTech (Education Technology)

Company Size: Small to Medium-sized (likely <50 employees, given direct collaboration with Founder and Frontend Engineer)

Founded: The exact founding date is not specified, but the company is building a novel learning platform around a knowledge graph.

Team Structure:

• Lean & Collaborative: The team is small and highly collaborative, with direct interaction between the Product Designer, Founder, and Frontend Engineer.

• Cross-Functional Integration: Close working relationships are essential, with design decisions needing to integrate seamlessly with engineering capabilities and product strategy.

• Founder-Led Vision: The Founder plays a significant role in setting product direction, providing clear vision and strategic guidance.

Methodology:

• Data-Driven Design: Decisions are informed by user feedback, data analysis, and a deep understanding of the knowledge graph's capabilities.

• Iterative Development: The process involves rapid prototyping, user testing, and continuous iteration based on evidence.

• API-First Approach: Design considerations are heavily influenced by API constraints and real-world data behaviors.

Company Website: Whitecollars.net (Based on domain derived from input)

📝 Enhancement Note: The company culture is characterized by a lean, agile, and founder-driven environment. The emphasis on collaboration between design, product, and engineering is paramount, especially given the technical complexity of the knowledge graph platform.

📈 Career & Growth Analysis

Operations Career Level: Mid-Level Product Designer. This role offers significant ownership and influence, bridging the gap between junior and senior positions. It's an opportunity to deepen expertise in specialized areas like data visualization and design systems within a dynamic startup environment.

Reporting Structure: The Product Designer will report directly to the Founder, ensuring close alignment with leadership and direct influence on product strategy. Collaboration with the Frontend Engineer is also a key element of the daily workflow.

Operations Impact: The Product Designer's work is central to the operational success of the EdTech platform. By making complex knowledge graphs and data understandable, the designer directly impacts user adoption, learning effectiveness, and the overall usability of the platform. This role is crucial for translating technical innovation into a tangible, valuable user experience that drives business objectives.

Growth Opportunities:

• Specialization: Deepen expertise in data visualization, design systems, and complex interaction design within the EdTech domain.

• Leadership Potential: Opportunity to grow into a lead design role as the company scales, potentially managing other designers or shaping the design team's future.

• Product Strategy Influence: Gain hands-on experience in product strategy and roadmap development by working directly with the Founder.

• Technical Fluency: Develop a stronger understanding of APIs, knowledge graphs, and frontend development principles through close collaboration with engineers.

• AI Design Integration: Become proficient in leveraging AI tools to enhance design workflows, a valuable skill in the evolving tech landscape.

📝 Enhancement Note: This role presents a significant growth trajectory for a mid-level designer, offering substantial impact and opportunities for specialization and leadership, particularly within the niche of data-driven EdTech products.

🌐 Work Environment

Office Type: Fully Remote. This role operates entirely remotely, providing flexibility and autonomy to the designer.

Office Location(s): While the role is remote, the company is based in Cairo, Egypt, implying a focus on designers within or willing to work within Egypt's time zone and regulatory framework.

Workspace Context:

• Independent Work: A significant portion of the work will involve independent design and prototyping.

• Virtual Collaboration: Expect regular virtual meetings and asynchronous communication via tools like Slack, email, and project management software.

• Technology-Centric: The environment is highly focused on technology, with access to modern design and development tools.

Work Schedule: Standard full-time, approximately 40 hours per week. Flexibility is expected, particularly for collaborating with the Founder and Frontend Engineer, who may have overlapping schedules. The focus is on output and impact rather than strict adherence to a 9-to-5 schedule.

📝 Enhancement Note: The fully remote nature of the role necessitates strong self-discipline and excellent asynchronous communication skills. The collaboration with the Founder and Frontend Engineer will shape the daily interaction patterns.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Application Review: Screening of CVs and portfolios against the stated requirements.

• Portfolio Deep Dive: A discussion focused on 2-3 key case studies, exploring problem definition, design process, decision-making rationale, and outcomes. Be prepared to articulate your approach to complex data visualization and shipped products.

• Paid Design Exercise: A practical, hands-on design task simulating a real product surface, including a visualization component. This assesses your ability to apply skills under realistic conditions.

• Founder/Team Interview: A conversation with the Founder and potentially the Frontend Engineer to assess cultural fit, strategic thinking, technical understanding, and collaboration style.

Portfolio Review Tips:

• Tell a Story: Structure your case studies to narrate the problem, your journey, and the solution's impact. Emphasize your thought process and decision-making.

• Quantify Impact: Where possible, use data and metrics to demonstrate the success of your designs. If direct metrics are unavailable, articulate the intended impact and user benefits.

• Showcase Technical Consideration: Highlight how you accounted for API constraints, dynamic data, and responsive behavior in your designs.

• Detail Data Visualization: Clearly explain your approach to data encoding, hierarchy, and interaction within your visualization projects.

• Explain AI Usage: If you've used AI tools, be ready to explain how they materially improved your speed, quality, exploration, or workflow, not just that you used them.

• Highlight Shipped Work: Clearly label and discuss projects that have been implemented, detailing your role and contributions.

Challenge Preparation:

• Understand the Domain: Familiarize yourself with EdTech, knowledge graphs, and common data visualization challenges in educational contexts.

• Practice Data Visualization: Work through examples of visualizing relationships, hierarchies, and trends.

• API Constraint Simulation: Think about how you would design interfaces given specific API limitations (e.g., data limits, error states).

• System Thinking: Be prepared to discuss how your designs fit into a larger design system and product ecosystem.

📝 Enhancement Note: The interview process is rigorous, with a strong emphasis on portfolio quality, practical application through a design exercise, and cultural/strategic alignment. Candidates should prepare to thoroughly articulate their design process and demonstrate tangible results.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core tool for UI/UX design, prototyping, and design system development.

• Prototyping Tools: HTML/CSS/JavaScript, Framer, or similar for creating interactive prototypes that mimic real-world behavior.

• Design System Software: May include Figma's capabilities, Storybook, or other documentation platforms for component libraries.

Analytics & Reporting:

• User Analytics: Tools like Google Analytics, Mixpanel, or Amplitude (or similar) for tracking user behavior and design impact.

• Data Visualization Libraries/Tools: While the designer may not directly code them, understanding libraries like D3.js, Chart.js, or tools used for data exploration and visualization will be beneficial.

CRM & Automation:

• Project Management: Tools like Jira, Asana, Trello, or Monday.com for managing tasks, workflows, and collaboration.

• Communication: Slack, email, video conferencing tools (Zoom, Google Meet).

• Version Control (for prototypes): Potentially Git for managing HTML/CSS/JS prototypes.

AI-Assisted Tools:

• AI Design Assistants: Cursor, ChatGPT, GitHub Copilot, Claude for code generation, ideation, or research.

• AI Image/Concept Generators: Midjourney or similar for visual exploration.

📝 Enhancement Note: The technology stack emphasizes modern design and development tools, with a strong focus on Figma, interactive prototyping, and an emerging emphasis on AI-assisted workflows. Understanding how these tools integrate and support the product development lifecycle is key.

👥 Team Culture & Values

Operations Values:

• Curiosity & Learning: A drive to understand technology, data, and user behavior, with a commitment to continuous learning and exploration.

• Craftsmanship & Detail: A dedication to high-quality design, paying close attention to typography, hierarchy, motion, and the subtle details that create exceptional user experiences.

• User-Centricity: A focus on understanding and solving real user problems, validated through user research and feedback.

• Data Literacy: An appreciation for data and its role in informing design decisions, particularly in the context of complex visualizations.

• Collaboration & Transparency: Open communication, active participation, and a willingness to share ideas and provide constructive feedback.

• Impact-Oriented: A drive to create designs that have a material and positive impact on users and the product's success.

Collaboration Style:

• Direct & Agile: Close, frequent collaboration with the Founder and Frontend Engineer, characterized by quick feedback loops and iterative adjustments.

• Cross-Functional Partnership: Design works in tight partnership with engineering, understanding technical constraints and contributing to product strategy.

• Evidence-Based Discussion: Design decisions are debated and validated through user feedback, data, and logical reasoning rather than solely internal opinions.

📝 Enhancement Note: The company values a proactive, detail-oriented, and collaborative approach. Designers are expected to be not just creators but also strategic thinkers who can drive product decisions through a combination of user empathy, technical understanding, and data-informed insights.

⚡ Challenges & Growth Opportunities

Challenges:

• Complexity of Data Visualization: Designing intuitive interfaces for complex, dynamic knowledge graphs and large datasets requires significant analytical and design skill.

• Balancing Technical Constraints with User Needs: Ensuring designs are both user-friendly and technically feasible within API limitations and performance constraints.

• Designing for Dynamic Content: Moving beyond static mockups to design for systems where content, data, and relationships can change unpredictably.

• Establishing a Scalable Design System: Building a robust and maintainable design system from the ground up for a novel product.

• Remote Collaboration: Effectively collaborating and communicating with a small, distributed team without the benefit of in-person interaction.

Learning & Development Opportunities:

• Specialized Skill Deepening: Gain advanced expertise in data visualization, interaction design for complex systems, and design system architecture.

• Product Strategy Immersion: Work directly with a founder to understand and contribute to product roadmap planning and strategic decision-making.

• Technical Acumen Development: Enhance understanding of APIs, data structures, and frontend development principles through daily interaction with engineers.

• AI in Design: Experiment with and integrate AI tools into the design workflow, becoming an early adopter of these technologies.

• EdTech Domain Expertise: Develop a deep understanding of the educational technology landscape and the unique design challenges within it.

📝 Enhancement Note: The challenges presented are significant but directly tied to substantial growth opportunities, making this role ideal for a designer eager to tackle complex problems and expand their skillset in a high-impact environment.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you designed a complex data visualization. What was the problem, what data did you use, what were your design decisions, and what was the outcome?"

• "How do you approach designing for dynamic content and API constraints? Walk us through a project where this was a key consideration."

• "Imagine you need to design an interface for a user to explore a knowledge graph with hundreds of interconnected nodes. What are your initial thoughts on hierarchy, navigation, and interaction patterns?"

• "How do you ensure your designs are accessible and performant, especially on constrained devices or with large datasets?"

• "Describe your process for building or contributing to a design system. How do you ensure scalability and maintainability?" Company & Culture Questions:

• "What interests you most about our EdTech platform and the challenge of designing with a knowledge graph?"

• "How do you incorporate user feedback into your design process, especially when dealing with complex technical products?"

• "Describe your ideal collaboration with a Founder and a Frontend Engineer. What makes for a successful partnership?"

• "How do you see AI tools fitting into a product designer's workflow, and how have you used them to improve your work?" Portfolio Presentation Strategy:

• Structure is Key: For each case study, clearly delineate: Problem Statement, Constraints, Your Role, Research & Discovery, Design Process (Iterations, Wireframes, Prototypes), Final Solution, and Impact/Results.

• Articulate Rationale: Be prepared to explain the why behind every significant design decision, linking it back to user needs, business goals, or technical feasibility.

• Highlight Data Viz & Shipped Work: Explicitly call out projects that demonstrate your data visualization expertise and those that have shipped.

• Demonstrate Technical Awareness: Discuss how you considered API limitations, data structure, and responsiveness throughout your process.

• Show AI Integration (if applicable): If you used AI, prepare a brief explanation of its contribution to a specific project's outcome or your workflow efficiency.

• Engage and Discuss: Be ready for interactive questions that probe your thinking and problem-solving abilities.

📝 Enhancement Note: Interview preparation should focus on articulating a structured design process, demonstrating specific skills in data visualization and handling complex systems, and showcasing an understanding of the company's mission and technical approach.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the provided application link on SmartRecruiters.

• Tailor your Resume: Highlight experience in Product Design, Data Visualization, Figma, Design Systems, Prototyping, and any relevant EdTech or AI tool usage. Quantify achievements where possible.

• Curate Your Portfolio: Select 2-3 strong case studies that best showcase your ability to tackle complex data visualization, design for dynamic content, and ship products. Ensure clear documentation of your process and outcomes.

• Prepare for the Design Exercise: Be ready to dedicate time to a paid design exercise that will test your practical skills on a relevant product surface.

• Research the Company: Understand Whitecollars' mission, their EdTech platform, and the significance of their knowledge graph approach to better align your application and interview responses.

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