Product Designer

📍 Job Overview

Job Title: Product Designer

Company: Whitecollars

Location: Cairo, Cairo Governorate, Egypt (Remote)

Job Type: FULL_TIME

Category: Product Design / UX/UI Design

Date Posted: 2026-08-16

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

Remote Status: Fully Remote

🚀 Role Summary

• Design and own the end-to-end product experience for an innovative EdTech platform, focusing on complex data visualization and user-centric interfaces.

• Translate intricate knowledge graphs and dynamic data structures into intuitive, purposeful, and enjoyable user experiences for learners, educators, and administrators.

• Collaborate directly with the Founder and Frontend Engineer to shape product direction and ensure seamless implementation of design solutions.

• Develop and maintain a scalable design system, ensuring consistency, reusability, and accessibility across all product touchpoints.

• Utilize modern AI tools to enhance design workflows, accelerate prototyping, and improve overall design quality and efficiency.

📝 Enhancement Note: This role is specifically positioned within the EdTech sector, emphasizing the unique challenge of making complex educational data and knowledge graphs understandable and actionable for a diverse user base. The "Remote | Egypt" designation indicates a focus on talent within Egypt who can work remotely, suggesting potential for localized collaboration or understanding of the Egyptian educational context, while offering global remote flexibility.

📈 Primary Responsibilities

• Translate complex knowledge graphs and data structures into user interfaces that non-technical users can understand with confidence.

• Define and iterate on information hierarchy, interaction patterns, responsive behavior, visual systems, and edge cases for a dynamic learning platform.

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

• Establish and maintain consistent visualization systems, ensuring clarity in color usage, data encoding, legends, and navigation across various views.

• Design user experiences that scale effectively from small datasets to hundreds or thousands of relationships, adapting to variable content lengths and data growth.

• Account for real-world API behavior, including handling missing data, long content, empty states, loading states, errors, overflow, and variable datasets.

• Build and document a scalable design system with reusable components, tokens, states, variants, responsive rules, and accessibility considerations.

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

• Provide clear design annotations and asynchronous handoffs to engineers, ensuring efficient and accurate implementation.

• Collaborate directly with the Founder on product strategy and vision, and with frontend engineers within defined API boundaries.

• Conduct user testing and research to gather evidence-based insights for design iteration and improvement.

📝 Enhancement Note: The responsibilities highlight a strong emphasis on "designing for real dynamic content" and accounting for "real-world API behavior." This indicates a need for a designer who can move beyond static mockups and consider the complexities of live, data-driven applications, requiring a deep understanding of interaction states, data constraints, and engineering realities.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a background in Design (Graphic Design, Interaction Design, UX/UI Design), Computer Science with a design focus, or a related field is highly beneficial. Practical experience and a strong portfolio are prioritized over formal education.

Experience: 2-5 years of professional product design experience, with a demonstrated track record of shipping products.

Required Skills:

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

• Proven experience designing and shipping complex products, ideally in a SaaS or data-intensive environment.

• Deep understanding of data visualization principles, including effective communication of complex data and avoidance of misleading representations.

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

• Ability to design for dynamic and variable content, understanding the implications of real-world data constraints.

• Expertise in thinking through and designing for edge cases, interaction states, and API limitations.

• Solid understanding of responsive design principles and their application in constrained hardware and performance environments.

• Practical knowledge of WCAG AA accessibility standards and their implementation.

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

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

• Keen eye for typography, hierarchy, density, motion, color, interaction design, and overall product craft.

• Experience with user testing and iterating designs based on user feedback and product outcomes. Preferred Skills:

• Experience in the EdTech industry or with educational technology platforms.

• Familiarity with AI-assisted design tools such as Cursor, ChatGPT, GitHub Copilot, Claude, Midjourney, or similar.

• A technical, frontend development, creative coding, illustration, animation, photography, or visual design background.

• Experience building and maintaining scalable design systems.

• Understanding of information architecture and how to structure complex information spaces.

📝 Enhancement Note: The emphasis on "2-5 years" for the AI-generated experience level suggests this is a mid-level role. The required skills point towards a designer who is not just a visual artist but a product thinker capable of navigating technical complexities and data-driven challenges. The preference for a technical background or AI tool usage indicates a forward-thinking company culture.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase 2-3 strong case studies detailing the problem, constraints, reasoning, design decisions, process, iterations, final outcome, and impact/results.

• At least one project must demonstrate significant experience with complex data visualization (e.g., network/graph structures, multivariate comparisons, temporal trends).

• At least one project must feature a product that has actually shipped (live product, working application, production design system, or shipped feature).

• Demonstrate how you think, not just how polished your screens look; highlight problem-solving and reasoning. Process Documentation:

• Case studies should clearly illustrate your design process, from initial exploration and research to iteration and final implementation.

• Highlight how you approach defining information hierarchy, interaction patterns, and visual systems for complex data.

• Showcase your methodology for building and documenting scalable design systems, including components, states, and variants.

• Detail your approach to user testing and how feedback informed design iterations.

📝 Enhancement Note: The portfolio requirements are highly specific, demanding evidence of practical application, complex data handling, and demonstrable impact. The inclusion of "something that actually shipped" underscores the company's focus on deliverable, production-ready design work over speculative concepts.

💵 Compensation & Benefits

Salary Range: Given the "Mid-Level (2-5 years)" experience, "Remote | Egypt" location, and the nature of the role (EdTech, complex data viz, direct founder collaboration), a competitive salary range for a Product Designer in Egypt working remotely would typically fall between EGP 20,000 to EGP 45,000 per month. This estimate is based on market research for similar roles in Egypt, considering the remote nature and the specialized skill set required.

Benefits:

• Opportunity for significant product ownership and direct influence on product direction.

• Work on genuinely complex and meaningful problems at the intersection of education, data, visualization, and technology.

• Collaborate closely with the Founder and frontend engineering team, fostering technical fluency.

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

• Create impactful experiences that directly influence how people understand learning and knowledge.

• Continuous development of craft in an environment that values curiosity, quality, and community participation.

• Potential for flexible working hours within a remote, full-time structure.

Working Hours: 40 hours per week. While fully remote, adherence to standard working hours is expected, with flexibility potentially available for asynchronous collaboration across different time zones if needed for specific tasks.

📝 Enhancement Note: Salary range is estimated based on AI's experience level assessment and the specified remote location in Egypt. The benefits listed are derived directly from the "What's In It For You" section of the job description, emphasizing the unique value proposition of this role.

🎯 Team & Company Context

🏢 Company Culture

Industry: Education Technology (EdTech), specifically focused on knowledge graphing and data visualization for learning.

Company Size: Likely a startup or early-stage company, given the direct collaboration with the Founder and small team structure implied. This size offers significant impact opportunities and direct visibility.

Founded: The company is building a learning platform around a knowledge graph, suggesting a relatively recent founding or a pivot towards this specific technological approach.

Team Structure:

• A lean, founder-led team, with direct collaboration between the Product Designer, Founder, and Frontend Engineer.

• This structure allows for rapid decision-making, direct influence, and a high degree of cross-functional synergy.

• Operations are likely agile, with a focus on iterative development and close-knit communication. Methodology:

• Data-driven design and development, leveraging a knowledge graph and real-world data.

• Agile and iterative product development cycles.

• Focus on user-centric design validated through user testing.

• Emphasis on technical feasibility and API-driven design constraints.

• Integration of modern AI tools into the design workflow.

Company Website: www.whitecollars.net (derived from domain_derived)

📝 Enhancement Note: The company culture is inferred to be that of a dynamic, innovative EdTech startup. The small team size means the designer will be a key player, with direct access to leadership and significant influence over the product's direction and user experience.

📈 Career & Growth Analysis

Operations Career Level: This is a Product Designer role, not strictly an "operations" role in the traditional sense of Sales/Revenue Operations. However, it sits within the broader GTM (Go-To-Market) function by designing the product that drives user acquisition, engagement, and retention. The "Mid-Level" designation (2-5 years of experience) indicates a role with significant responsibility and ownership, but likely still under the guidance of the Founder.

Reporting Structure: The Product Designer will report directly to the Founder and work in close collaboration with the Frontend Engineer. This close-knit structure offers high visibility and direct impact.

Operations Impact: The Product Designer's impact is critical to the success of the EdTech platform. By making complex data and knowledge graphs intuitive, they directly influence user adoption, engagement, learning outcomes, and ultimately, the company's ability to scale and achieve its mission. Effective design translates directly into user satisfaction, retention, and market competitiveness.

Growth Opportunities:

• Product Ownership: Gain significant ownership over product design from exploration to production, building a strong portfolio of shipped work.

• Skill Specialization: Deepen expertise in data visualization, complex system design, and building scalable design systems.

• Technical Fluency: Develop a stronger understanding of APIs, frontend engineering constraints, and technical implementation through close collaboration.

• Strategic Influence: Directly influence product direction and strategy by working closely with the Founder.

• AI Integration: Become proficient in using AI tools to enhance design workflows, staying at the forefront of modern design practices.

• Leadership Potential: As the company grows, there may be opportunities to lead design initiatives or mentor junior designers.

📝 Enhancement Note: While not a traditional RevOps/SalesOps role, this Product Designer position is crucial for GTM success by shaping the core product offering. The growth opportunities are framed around deepening design expertise, technical collaboration, and strategic influence within a startup environment.

🌐 Work Environment

Office Type: Fully Remote. This offers flexibility for the candidate to work from any location within Egypt.

Office Location(s): Remote within Egypt. The company is headquartered in Cairo, Egypt, suggesting a potential cultural context or team origin, but the role itself is remote.

Workspace Context:

• A fully remote setup requires self-discipline and effective asynchronous communication skills.

• The environment is likely fast-paced and collaborative, with direct interaction between design, product strategy, and engineering.

• Access to modern design tools and potentially AI-powered collaborative platforms.

• Opportunities to engage with the wider design community, as mentioned in the job description.

Work Schedule: Full-time, with an estimated 40 hours per week. While remote, maintaining consistent availability for core working hours for collaboration is typically expected, with flexibility in how those hours are structured.

📝 Enhancement Note: The remote nature of the role necessitates strong self-management and communication skills. The collaborative aspect implies regular virtual interaction with the core team.

📄 Application & Portfolio Review Process

Interview Process:

1. Application Submission: Submit resume and portfolio via the Workable platform.

2. Portfolio Review: Initial screening based on portfolio quality, case study depth, and relevance to data visualization and shipped products.

3. Initial Interview: Likely a conversation with the Founder to assess cultural fit, product thinking, and high-level experience.

4. Design Exercise: A paid design exercise based on a real product surface, including a visualization component, to evaluate practical skills.

5. Technical/Collaborative Interview: Discussion with the Frontend Engineer and potentially the Founder to assess technical understanding, collaboration style, and problem-solving approach.

6. Final Interview/Offer: Potential final discussion with the Founder for offer extension.

Portfolio Review Tips:

• Focus on Data Visualization: Ensure at least one case study prominently features complex data visualization, detailing your approach to making it clear and insightful.

• Showcase Shipped Work: Prioritize projects that have been launched and are live, demonstrating your ability to deliver production-ready designs.

• Explain Your "Why": Clearly articulate your reasoning, design decisions, and the problem-solving process behind each project. Highlight iterations and the impact of your work.

• Demonstrate Process: Show your workflow from research to ideation, prototyping, testing, and final handoff.

• Technical Considerations: Briefly touch upon how you accounted for technical constraints, API limitations, and responsive behavior in your shipped projects.

• AI Usage (Optional but Recommended): If you've used AI tools to enhance your workflow, briefly explain how in your case studies or cover letter.

Challenge Preparation:

• Understand the Product Context: Research the company's mission and the EdTech landscape.

• Practice Data Visualization Design: Be ready to design a visualization that explains a complex relationship or trend.

• Think About Edge Cases: Prepare to discuss how you would handle missing data, errors, or unusual user inputs.

• Prototyping Skills: Be ready to discuss or demonstrate your prototyping capabilities, especially with HTML/CSS/JavaScript or Framer.

• Collaboration: Prepare to discuss how you collaborate with engineers and founders, and how you give and receive feedback.

📝 Enhancement Note: The interview process includes a practical, paid design exercise, emphasizing the company's commitment to assessing real-world skills. Portfolio tips are tailored to the specific requirements mentioned in the job description, focusing on data visualization and shipped products.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for UI/UX design, wireframing, prototyping, and design system management.

• Prototyping Tools: Framer, or direct HTML/CSS/JavaScript for interactive prototypes.

• AI Design Tools: Cursor, ChatGPT, GitHub Copilot, Claude, Midjourney (used thoughtfully to enhance workflow).

Analytics & Reporting:

• While not explicitly listed as designer tools, understanding how designs impact user behavior tracked by analytics is crucial. Experience with tools that integrate with design feedback loops (e.g., Hotjar, Amplitude, Mixpanel) would be beneficial. CRM & Automation:

• Not directly relevant to the Product Designer role in this context, but understanding the user journey that might involve CRM or marketing automation can provide broader product context. Other Relevant Technologies:

• HTML/CSS/JavaScript: For prototyping and understanding frontend implementation.

• Knowledge Graphing Concepts: Familiarity with how knowledge graphs are structured and visualized.

• API Integration Concepts: Understanding the implications of designing for API-driven systems.

📝 Enhancement Note: The technology stack is heavily focused on design and prototyping tools, with a strong emphasis on modern AI integration and foundational web technologies for interactive prototyping. The company's product is built around a knowledge graph, making understanding its principles a key asset.

👥 Team Culture & Values

Operations Values: (Inferred from job description)

• Curiosity: A drive to understand complex problems, explore new technologies (like AI), and learn continuously.

• Quality & Craft: Deep care for the details that make a product exceptional, from typography to interaction.

• User-Centricity: A commitment to validating designs with real users and focusing on their outcomes.

• Problem-Solving: Enjoying the challenge of making complexity understandable and designing for real-world constraints.

• Collaboration: Openness to working closely with founders and engineers, sharing ideas, and iterating based on feedback.

• Impact: A desire to create experiences that have a meaningful influence on how people learn and understand knowledge.

Collaboration Style:

• Direct, transparent, and frequent communication between Design, Product (Founder), and Engineering.

• Asynchronous collaboration is key in a remote setting, requiring clear documentation and well-defined handoffs.

• Iterative feedback loops are essential, with a focus on evidence-based decision-making.

• A culture that values constructive critique and shared ownership of product success.

📝 Enhancement Note: The inferred values and collaboration style emphasize a proactive, learning-oriented, and tightly integrated team environment, typical of successful startups focused on innovation.

⚡ Challenges & Growth Opportunities

Challenges:

• Translating Complexity: The primary challenge is turning abstract, complex knowledge graphs and large datasets into simple, intuitive user interfaces.

• Data Visualization Nuances: Designing visualizations that are accurate, informative, and avoid misleading users requires deep expertise.

• Designing for Dynamic Content: Adapting designs to handle variable data, incomplete information, and real-time changes.

• Remote Collaboration: Effectively communicating and collaborating asynchronously with a small, distributed team.

• Balancing Craft with Speed: Delivering high-quality, production-ready designs within a startup's fast-paced development cycle.

Learning & Development Opportunities:

• Deep Dive into Data Visualization: Opportunity to become a specialist in designing for complex data structures.

• Mastery of Design Systems: Gain extensive experience in building and scaling robust design systems for a live product.

• Technical Acumen: Enhance understanding of APIs, frontend development, and the technical feasibility of design solutions.

• Product Strategy Involvement: Directly contribute to and influence the strategic direction of an innovative EdTech product.

• AI in Design: Become a leader in leveraging AI tools for design efficiency and exploration.

• User Research & Testing: Refine skills in conducting effective user research and translating insights into design improvements.

📝 Enhancement Note: The challenges are framed around the unique technical and conceptual demands of the role, while the growth opportunities highlight the potential for specialization and leadership within a cutting-edge EdTech product.

💡 Interview Preparation

Strategy Questions:

• "How would you approach designing an interface to visualize the relationships between concepts in a knowledge graph for a student who is new to the subject?"

• "Describe a time you had to design a complex data visualization. What were the challenges, and how did you ensure it was both informative and easy to understand?"

• "Imagine you're designing a system that handles variable content lengths (e.g., short articles vs. long research papers). How would you ensure a consistent and effective user experience?"

• "How do you balance the need for aesthetic polish with the technical constraints of an API-driven product and the need for rapid iteration?"

• "Describe your process for designing and documenting a reusable component for a design system. What are the key considerations?" Company & Culture Questions:

• "What interests you most about working in the EdTech space, specifically with a knowledge graph platform?"

• "How do you approach collaboration with engineers and founders in a remote setting?"

• "What are your thoughts on using AI tools in the design process, and how have you applied them in your work?"

• "What does 'product thinking' mean to you, and how do you incorporate it into your design process?"

• "How do you ensure your designs are accessible and inclusive for all users?" Portfolio Presentation Strategy:

• Structure Your Narrative: For each case study, clearly define the problem, your role, the constraints, your process, your decisions, and the outcome/impact.

• Highlight Data Visualization: Specifically call out your data visualization projects, explaining the data, the user need, your design choices, and the effectiveness of the visualization.

• Showcase Shipped Work: Be ready to demo or discuss live products you’ve worked on, explaining how your designs function in a real-world environment.

• Demonstrate Technical Consideration: Briefly explain how you accounted for technical limitations, API behavior, and responsive design.

• Engage in Discussion: Be prepared to answer questions about your process, decisions, and potential alternative approaches. Treat it as a collaborative problem-solving session.

• Prepare for the Design Exercise: Understand the potential types of problems (e.g., visualizing a specific data relationship, designing a component for dynamic content) and practice thinking aloud through your approach.

📝 Enhancement Note: The interview preparation focuses on anticipating questions related to data visualization, complex systems, AI usage, and the unique challenges of a remote, startup environment. The portfolio presentation advice is designed to help candidates effectively showcase their relevant skills and experience.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the Workable application link provided.

• Curate Your Portfolio: Select 2-3 of your strongest case studies, ensuring at least one features complex data visualization and another demonstrates a shipped product. Tailor your presentation to highlight your problem-solving process and impact.

• Optimize Your Resume: Clearly articulate your experience with Figma, data visualization, responsive design, design systems, and any experience with HTML/CSS/JavaScript or AI design tools. Quantify achievements where possible.

• Prepare Your Narrative: Be ready to walk through your portfolio case studies, explaining your design decisions, process, and the outcomes. Practice discussing your approach to the company's specific challenges.

• Research Whitecollars: Understand the company's mission in EdTech, their focus on knowledge graphs, and their commitment to modern design practices. This will help you tailor your communication 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.

---