Product Designer

📍 Job Overview

Job Title: Product Designer

Company: Whitecollars

Location: Cairo, Cairo Governorate, Egypt

Job Type: Full-time

Category: Product Design / UI/UX

Date Posted: 2026-09-02

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

Remote Status: Remote Solely

🚀 Role Summary

• This role is for a Product Designer focused on an EdTech platform leveraging a knowledge graph, requiring expertise in transforming complex data into intuitive user experiences.

• The position emphasizes designing for scale, dynamic content, and intricate relationships within learning data, demanding strong data visualization and information architecture skills.

• You will own the end-to-end design process, from initial concept and prototyping to final implementation and user testing, with significant influence on product direction.

• This is a unique opportunity to blend product design, data visualization, technology, and education, working closely with the Founder and Frontend Engineering teams.

📝 Enhancement Note: The "Product Designer" title, combined with the description of a "learning platform around a knowledge graph" and emphasis on "data visualization," "relationships," and "progression," strongly suggests this role is heavily focused on UI/UX and data-driven product design within the EdTech sector. The mention of "API behavior" and "frontend engineers" indicates a need for practical design skills that translate directly to implementation.

📈 Primary Responsibilities

• Translate complex knowledge graphs and data structures into user-friendly interfaces for learners, educators, authors, and administrators.

• Define and implement information hierarchy, interaction patterns, responsive behaviors, and comprehensive visual systems across the platform.

• Design meaningful data visualizations for concepts such as relationships, progression, mastery, trends, distributions, and comparisons.

• Develop consistent visualization systems that maintain clarity and usability across diverse data types and scales, from small datasets to hundreds of thousands of relationships.

• Account for real-world dynamic content and API constraints, including missing data, long content, empty states, loading states, errors, and overflow conditions.

• Build and maintain scalable design systems with reusable components, design tokens, states, variants, responsive rules, documentation, and accessibility considerations.

• Create rapid, interactive prototypes using tools like HTML/CSS/JavaScript, Framer, or similar technologies to validate design concepts before implementation.

• Provide detailed design annotations and clear handoffs to engineering teams for asynchronous implementation.

• Collaborate directly with the Founder on product strategy and direction, and with frontend engineers to ensure seamless integration.

• Conduct user testing and iterate on designs based on empirical evidence and user feedback.

📝 Enhancement Note: The responsibilities listed are typical for a mid-level Product Designer who is expected to take significant ownership. The emphasis on "knowledge graphs," "data visualization," and "real-world API behavior" points towards a need for a designer who can handle complexity and technical constraints, rather than purely aesthetic design.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a background in Computer Science, Human-Computer Interaction (HCI), Graphic Design, or a related field is beneficial. Strong practical experience and a robust portfolio are prioritized over formal education.

Experience: 2-5 years of professional product design experience, with a demonstrable track record of shipping digital products. Experience in EdTech or with data-intensive platforms is highly advantageous.

Required Skills:

• Strong proficiency in Figma for UI/UX design and prototyping.

• Proven experience designing and shipping complex digital products.

• Deep understanding of data visualization principles, including effective data encoding and avoiding misleading representations.

• Experience designing for complex visualizations such as network/graph structures, multivariate comparisons, temporal trends, or distributional views.

• Ability to design for dynamic and real-world content, considering edge cases, interaction states, and API constraints.

• Expertise in designing responsive user experiences that adapt to various devices and performance environments.

• Practical knowledge of WCAG AA accessibility standards and implementation.

• Comfort working with APIs, understanding technical constraints, and collaborating with frontend engineers.

• Proficiency in prototyping with HTML/CSS/JavaScript, Framer, or similar interactive prototyping tools.

• Strong attention to detail in typography, hierarchy, density, motion, color, and interaction design.

• Experience conducting user research and iterating on designs based on user feedback and outcomes. Preferred Skills:

• Experience with AI tools in the design workflow (e.g., Cursor, ChatGPT, GitHub Copilot, Claude, Midjourney) and demonstrating their impact on speed, quality, or exploration.

• Familiarity with building and maintaining scalable design systems.

• Background in frontend development (HTML, CSS, JavaScript) or creative coding.

• Illustration, animation, photography, or a strong visual design background.

• Experience in the EdTech industry or with educational platforms.

📝 Enhancement Note: The qualifications highlight a blend of traditional UI/UX skills with specialized knowledge in data visualization and technical integration. The emphasis on "shipping products" and "real dynamic content" suggests a need for a pragmatic designer, not just a concept artist. The inclusion of AI tools indicates a forward-thinking approach to design workflows.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase 2-3 in-depth case studies demonstrating your design process from problem definition to final outcome.

• Clearly articulate the problem, constraints, your reasoning, and design decisions within each case study.

• Illustrate your iterative process, showing how you moved from initial concepts to final solutions.

• Include evidence of impact or results where available, quantifying the success of your designs.

• At least one project must demonstrate significant experience with complex data visualization.

• At least one project must showcase a product, feature, design system, or application that has actually shipped. Process Documentation:

• Case studies should detail your approach to understanding complex data structures and translating them into user flows.

• Document your methods for designing scalable design systems, including component libraries and design tokens.

• Provide examples of how you account for API behavior, error states, and dynamic content in your design process.

• Demonstrate your user testing methodology and how feedback informed design iterations and improvements.

📝 Enhancement Note: The portfolio requirements are highly specific, emphasizing a practical, results-oriented approach. The need for shipped products and complex data visualization projects indicates a focus on real-world application and problem-solving capabilities. The paid design exercise further reinforces the expectation of practical design skills.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for a mid-level Product Designer with 2-5 years of experience in a high-demand tech hub like Cairo, and considering the remote nature of the role, the estimated annual salary range is EGP 300,000 - EGP 600,000. This range is derived from general market data for similar roles in Egypt and global remote compensation trends for specialized tech talent.

Benefits:

• Opportunity to own significant product design work and influence product direction directly.

• Work closely with the Founder and a lean, agile team.

• Solve challenging problems at the intersection of education, data, visualization, and technology.

• Develop technical fluency by working closely with frontend engineers.

• Experiment with modern AI-assisted design and prototyping workflows.

• Contribute to a product that directly impacts learning and knowledge understanding.

• Potential for professional development and engagement with the wider design community.

• Remote work flexibility, allowing for work from anywhere within Egypt.

Working Hours: Full-time position, likely aligning with standard professional working hours in Egypt (e.g., 40 hours per week), with potential for flexibility given the remote nature of the role.

📝 Enhancement Note: Salary is estimated based on the role's experience level, location (Cairo), and the demand for specialized tech roles in Egypt. Benefits are inferred from the "What's In It For You" section of the job description, focusing on unique opportunities and professional growth rather than standard corporate benefits not explicitly mentioned.

🎯 Team & Company Context

🏢 Company Culture

Industry: EdTech (Education Technology) with a focus on a knowledge graph-based learning platform.

Company Size: The description implies a startup or early-stage company environment, likely small to medium-sized, with direct interaction between design, product, and engineering leadership. This suggests a lean, agile, and collaborative setup.

Founded: The company is actively building a platform, indicating it's likely a relatively new venture or in a growth phase. The direct involvement of the Founder in product direction reinforces this.

Team Structure:

• The core team appears to consist of the Founder, a Product Designer (this role), and a Frontend Engineer.

• This structure suggests a highly collaborative, cross-functional environment where designers work very closely with both product vision and technical implementation.

• Reporting likely goes directly to the Founder or a Head of Product if one exists, with close partnership with the engineering lead. Methodology:

• Data-driven decision-making, with a strong emphasis on user research and empirical evidence.

• Agile development practices, facilitating rapid iteration and adaptation.

• Focus on building scalable systems and design solutions that can handle complexity and growth.

• Integration of modern technologies, including AI, into the design and development workflow.

Company Website: Whitecollars.net (derived from the domain_derived field, though the company description specifies "Whitecollars" as the organization name posting the job, and the product is an EdTech company, this website may not be directly related to the product itself, but the hiring entity).

📝 Enhancement Note: The company context is inferred from the job description's focus on a startup-like environment, lean team structure, and direct collaboration with the Founder. The EdTech and knowledge graph focus are key differentiators.

📈 Career & Growth Analysis

Operations Career Level: This is a mid-level Product Designer role (2-5 years experience), offering significant ownership and direct impact. It's a step beyond junior roles, requiring independent problem-solving and execution.

Reporting Structure: The designer will likely report directly to the Founder, with very close collaboration with the Frontend Engineer. This provides high visibility and direct access to leadership.

Operations Impact: The role has a direct impact on the core product's user experience, learning effectiveness, and marketability. Designing intuitive interfaces for complex data and learning pathways is critical to the success of the EdTech platform.

Growth Opportunities:

• Specialization: Deepen expertise in data visualization, knowledge graph design, and EdTech product development.

• Leadership: Potential to become the lead designer or design lead as the company grows, mentoring future hires and shaping the design function.

• Technical Fluency: Develop a stronger understanding of frontend engineering, APIs, and technical constraints, enhancing collaboration and design feasibility.

• Product Influence: Gain significant experience in influencing product strategy and direction through direct collaboration with the Founder.

• Skill Expansion: Explore and integrate AI tools into advanced design workflows.

📝 Enhancement Note: Growth opportunities are inferred based on the startup environment and the direct involvement of the Founder, suggesting a high potential for impact and career progression for a proactive individual.

🌐 Work Environment

Office Type: The role is specified as "Remote Solely," indicating no requirement for physical presence in an office. This suggests a fully distributed or remote-first work setup.

Office Location(s): While the job is listed in Cairo, Egypt, the "Remote Solely" status implies that candidates from anywhere within Egypt are eligible, and there may not be a central physical office.

Workspace Context:

• A fully remote work environment, requiring self-discipline and effective communication tools.

• Collaboration will primarily occur through digital channels (e.g., Slack, video conferencing, shared design tools).

• Access to modern design and collaboration software is expected.

• The environment is described as suitable for those curious about technology, caring about craft, and enjoying problem-solving at the intersection of product, data, and human understanding.

Work Schedule: Full-time, likely around 40 hours per week. Given the remote nature and potential for international collaboration (though not specified here), some flexibility in working hours might be available, but core overlap for team collaboration is usually expected.

📝 Enhancement Note: The "Remote Solely" classification is key here. It means the workspace is entirely digital and distributed. The location in Cairo is more for administrative or legal purposes than a physical requirement.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of resume and portfolio, focusing on relevant experience in product design, data visualization, and shipped products.

• Portfolio Review: A deep dive into 2-3 case studies, assessing problem-solving, design process, decision-making, and impact. Expect to discuss your reasoning and methodology thoroughly.

• Paid Design Exercise: A practical assessment based on a real product surface, including a visualization component, to evaluate hands-on skills and problem-solving under constraints.

• Founder/Team Interviews: Discussions about your experience, approach to collaboration, understanding of the EdTech space, and cultural fit. Emphasis will be placed on how you use AI in your workflow.

• Technical/Engineering Discussion: Conversation with the Frontend Engineer to assess your understanding of technical constraints, APIs, and design handoff.

Portfolio Review Tips:

• Focus on Process: Clearly articulate the "why" behind your design decisions. Show your thought process, iterations, and how you navigated challenges.

• Quantify Impact: Whenever possible, include metrics or evidence of how your designs performed or contributed to business goals.

• Showcase Complexity: Highlight projects involving data visualization, complex systems, or challenging constraints. Demonstrate your ability to simplify complexity.

• Demonstrate Shipped Work: Include at least one project that has gone live, detailing your role and the outcomes.

• Explain AI Integration: Be prepared to discuss how you've used AI tools to enhance your design workflow (speed, quality, exploration, etc.).

Challenge Preparation:

• Understand the Problem: Be ready to analyze a product surface and identify design opportunities, especially concerning data representation and user understanding.

• Visualize Data: Practice designing effective data visualizations for relationships, progression, or other complex data types.

• Consider Constraints: Think about API limitations, dynamic content, and responsive design from the outset.

• Articulate Decisions: Prepare to clearly explain your design choices and rationale, referencing user needs and business objectives.

• Prototype Swiftly: Practice creating interactive prototypes that can quickly validate core concepts.

📝 Enhancement Note: The interview process is inferred to include a practical design exercise and a focus on AI usage, based on the job description's emphasis on these areas. The portfolio review tips are tailored to the specific requirements of this role.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Figma (primary), Framer (or similar for interactive prototypes).

• AI Design Tools: Cursor, ChatGPT, GitHub Copilot, Claude, Midjourney (usage and integration are key).

Analytics & Reporting:

• While not explicitly stated, familiarity with analytics platforms (e.g., Google Analytics, Mixpanel, Amplitude) for understanding user behavior and validating design impact would be beneficial.

• Experience with data visualization tools and libraries could be a plus. CRM & Automation:

• Not directly relevant to the core design role, but understanding how design impacts user onboarding and engagement within a CRM context could be advantageous.

• Familiarity with project management tools (e.g., Jira, Asana, Trello) is generally expected in a product team. Other Technologies:

• Frontend Technologies: HTML, CSS, JavaScript (for prototyping and understanding implementation).

• API Integration: Understanding API behavior and constraints is crucial for designing within technical limitations.

• Design Systems: Experience building or contributing to design systems.

📝 Enhancement Note: The tools listed are directly mentioned in the job description or are standard for a product designer role with these responsibilities. The emphasis on AI tools and prototyping technologies is a key differentiator.

👥 Team Culture & Values

Operations Values:

• Curiosity & Learning: A drive to understand technology, data, and user needs deeply.

• Craftsmanship: A commitment to high-quality design execution, attention to detail, and exceptional user experiences.

• Problem-Solving: An enjoyment of tackling complex challenges where product, data, and human understanding intersect.

• Data-Driven: Valuing empirical evidence and user feedback over internal opinions for design decisions.

• Collaboration: Working effectively with cross-functional teams (Founder, Engineering) to bring ideas to life.

• Impact-Oriented: Focusing on creating designs that genuinely help users understand learning and knowledge.

Collaboration Style:

• Direct & Agile: Close, hands-on collaboration with the Founder and Frontend Engineer, likely involving frequent communication and quick iterations.

• Asynchronous Handoffs: Designing with clear annotations and documentation to facilitate asynchronous work with engineering.

• User-Centric Feedback Loops: Regularly involving users in the design process to gather feedback and validate solutions.

• Technical Partnership: Working as a partner with engineering, understanding their constraints and contributing to feasible, high-impact solutions.

📝 Enhancement Note: Values and collaboration style are inferred from the company description and the "Why This Opportunity Matters" section, highlighting the interactive and results-focused nature of the team.

⚡ Challenges & Growth Opportunities

Challenges:

• Simplifying Complexity: Translating intricate knowledge graphs and large datasets into easily understandable interfaces is a primary challenge.

• Designing for Variability: Creating consistent experiences across vastly different content lengths, data densities, and user interaction scales.

• API & Technical Constraints: Designing effective solutions within the realities of API behavior, dynamic content, and frontend implementation limitations.

• Data Visualization Nuance: Moving beyond basic charts to design meaningful and accurate visualizations for complex relationships and data.

• Remote Collaboration: Maintaining strong communication and collaboration within a fully remote team structure.

Learning & Development Opportunities:

• Specialized Skill Development: Deepening expertise in data visualization, information architecture for knowledge graphs, and EdTech product design.

• Technical Acumen: Gaining a stronger understanding of frontend development and API integration through close collaboration with engineers.

• Product Strategy: Influencing product direction and strategy through direct engagement with the Founder.

• AI in Design: Exploring and mastering AI tools to enhance design workflows and efficiency.

• Design System Mastery: Contributing to and refining a scalable design system for a growing platform.

📝 Enhancement Note: Challenges are derived directly from the problem statement in the job description, focusing on the unique complexities of the EdTech platform. Growth opportunities are linked to overcoming these challenges and the nature of working in a growing startup.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to design an interface for complex data or relationships. What was your approach, and what were the key challenges?" (Focus on your data visualization case studies).

• "How do you approach designing a scalable design system? What principles do you follow to ensure reusability and consistency?" (Prepare to discuss your experience with design systems).

• "Walk us through a project where you had to account for API limitations or dynamic content. How did this influence your design decisions?" (Highlight projects with real-world constraints).

• "How do you use AI tools in your design process? Can you share an example of how AI materially improved your speed or quality on a project?" (Be ready with specific, tangible examples). Company & Culture Questions:

• "What interests you about working on an EdTech platform, specifically one built around a knowledge graph?" (Research the company's mission and the potential of knowledge graphs in education).

• "How do you approach collaboration with engineers and product founders, especially in a remote setting?" (Emphasize your communication and teamwork skills).

• "What does 'craftsmanship' mean to you in the context of product design?" (Align your answer with the job description's emphasis on detail and quality). Portfolio Presentation Strategy:

• Structure: Present 2-3 case studies, clearly outlining the problem, your process, your decisions (with rationale), and the outcomes.

• Visualization Focus: Dedicate specific time to explaining the data visualization aspects of your projects, detailing your choices for encoding, interaction, and clarity.

• Shipped Work Emphasis: Clearly distinguish between concept work and projects that were actually implemented, detailing your role in the production process.

• AI Integration Narrative: Weave in how AI tools were used within your projects to enhance efficiency or exploration, providing concrete examples.

• Conciseness: Be mindful of time and focus on the most impactful elements of your work. Prepare to answer questions about your methodology and reasoning.

📝 Enhancement Note: Interview questions are crafted to probe the specific skills and experiences highlighted in the job description, particularly data visualization, AI usage, and handling technical constraints. Portfolio presentation strategy is tailored to ensure candidates effectively showcase their relevant work.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the provided link on SmartRecruiters.

• Customize Your Resume: Highlight keywords from the job description such as "Product Design," "Data Visualization," "Figma," "EdTech," "Knowledge Graph," "Prototyping," "HTML/CSS/JavaScript," and "Design Systems." Quantify achievements where possible.

• Curate Your Portfolio: Select 2-3 strong case studies that best demonstrate your experience with complex data visualization, shipped products, and your design process. Ensure clear explanations of your rationale and impact.

• Prepare for the Design Exercise: Familiarize yourself with common data visualization patterns and practice rapid prototyping. Think about how to approach a design problem with both user needs and technical constraints in mind.

• Research the Company: Understand the EdTech space and the potential of knowledge graphs. Be prepared to discuss your interest in the company's mission and how your skills align with their goals.

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