Product Designer (Figma)

📍 Job Overview

Job Title: Product Designer (Figma)

Company: Codekeeper

Location: Indonesia (Remote)

Job Type: Full-Time

Category: Product Design / GTM Operations Support

Date Posted: 2026-09-03

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

Remote Status: Fully Remote

🚀 Role Summary

• This role is crucial for translating customer needs into intuitive user journeys and visually appealing interfaces, acting as a key contributor to the product development lifecycle.

• The Product Designer will collaborate closely with Product Management and Creative Directors to research, design, and prototype new user experiences, directly impacting product strategy and user adoption.

• Responsibilities include developing user cases, wireframes, prototypes, and mockups, ensuring a seamless user experience from concept to implementation.

• This position offers a unique opportunity to contribute to a remote-first company focused on revolutionizing software escrow solutions, with significant potential for impact and career growth.

📝 Enhancement Note: While the role is titled "Product Designer," its responsibilities heavily lean into supporting Go-To-Market (GTM) strategies by translating user needs into tangible product features and interfaces. This involves a strong understanding of user journeys and the ability to create compelling visual assets, which are critical for product adoption and market success. The emphasis on collaboration with Product Management and Creative Directors, along with delivering design guidelines for implementation, highlights its operational support function within the product development pipeline. The salary range provided is very broad and may require further clarification from the employer for a specific mid-level role.

📈 Primary Responsibilities

• Translate customer needs, market research, and business requirements into user journeys, wireframes, prototypes, and high-fidelity mockups that clearly articulate product functionality and user experience.

• Collaborate with Product Managers and Creative Directors to define user stories, conduct user research, and iterate on designs based on feedback and data.

• Develop comprehensive design documentation, including visual assets, style guides, and design system components, to ensure consistent brand implementation and facilitate smooth handoffs to the development team.

• Create and maintain design guidelines and symbol libraries within Figma to promote reusability, scalability, and efficiency across product development efforts.

• Present design concepts, prototypes, and final deliverables to internal stakeholders, including peers, executives, and cross-functional teams, effectively communicating design rationale and impact.

• Analyze user feedback and product performance data to identify areas for improvement and drive iterative design enhancements that optimize user engagement and product effectiveness.

• Contribute to the evolution of Codekeeper's product strategy by providing user-centric design perspectives and innovative solutions to complex user problems.

📝 Enhancement Note: The raw description implies a strong connection between design output and product success. These responsibilities are framed to emphasize the operational impact of design: ensuring clarity for development, consistency through design systems, and iterative improvement based on feedback.

🎓 Skills & Qualifications

Education:

• While no specific degree is mandated, a Bachelor's degree in Design, Human-Computer Interaction (HCI), Computer Science, or a related field is often preferred for mid-level product design roles, demonstrating foundational knowledge. Experience:

• 2-5 years of professional experience in product design, UI/UX design, or a similar role, with a proven track record of designing and shipping digital products.

• Experience working within a remote-first or distributed team environment is highly beneficial. Required Skills:

• Figma Proficiency: Expert-level command of Figma for wireframing, prototyping, interface design, and collaboration. This is a primary tool requirement.

• User Journey Mapping: Ability to conceptualize and document end-to-end user flows and interactions.

• UI/UX Design Principles: Strong understanding of user-centered design, interaction design, information architecture, and visual design principles.

• Prototyping & Wireframing: Skill in creating interactive prototypes and low-fidelity wireframes to test and communicate design concepts.

• Color Theory & Typography: Deep understanding of how color and typography impact user experience and brand perception.

• English Copywriting: Proficient English copywriting skills for creating clear, concise, and engaging UI text and design documentation.

Preferred Skills:

• Design Systems: Experience with building, maintaining, or contributing to design systems and symbol libraries.

• User Research: Familiarity with user research methodologies (e.g., user interviews, usability testing) and the ability to synthesize findings into design decisions.

• Visual Asset Creation: Ability to create high-quality visual assets for product interfaces and marketing collateral.

• Design Documentation: Experience creating and maintaining design guidelines and specifications for development teams.

• Agile/Scrum Methodologies: Familiarity with agile development processes and working within cross-functional sprint teams.

📝 Enhancement Note: The "About You" section and "Additional Requirements" have been expanded into structured skills and qualifications, emphasizing the core tool (Figma) and essential design competencies. The experience level is inferred from the broad salary range and typical industry expectations for such a role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Figma Case Studies: Showcase at least 2-3 detailed case studies demonstrating your design process from problem definition to final solution, with a strong emphasis on projects completed using Figma.

• User Journey & Flow Diagrams: Include examples of how you've mapped user journeys and designed intuitive flows for complex features.

• Interactive Prototypes: Provide links to interactive prototypes (ideally built in Figma) that illustrate user interactions and navigation.

• Visual Design Examples: Present high-fidelity mockups and visually appealing interfaces that highlight your understanding of color theory, typography, and branding.

• Design System Contributions: If applicable, showcase examples of your work with design systems, symbol libraries, or style guides.

Process Documentation:

• Problem Identification & Research: Demonstrate how you identify user problems and conduct research to inform design decisions.

• Design Iteration: Illustrate your process for iterating on designs based on feedback, usability testing, or data analysis.

• Collaboration with Development: Show examples of how you effectively communicate design specifications and collaborate with engineering teams for implementation.

• Design Guideline Creation: Present examples of design documentation or style guides you have created to ensure consistency.

📝 Enhancement Note: This section is crafted to guide candidates on what Codekeeper likely expects in a design portfolio, focusing on process, tool usage (Figma), and tangible outputs that demonstrate problem-solving and collaboration skills relevant to product development.

💵 Compensation & Benefits

Salary Range: $10,000 - $100,000 USD per year.

Benefits:

• Growth Opportunities: Ample opportunities for career advancement and skill development within a growing startup environment.

• Team Activities & Gatherings: Regular opportunities to connect with passionate colleagues through virtual and in-person (if applicable) team events.

• Comprehensive Onboarding: A structured onboarding process with a dedicated ramp-up period to ensure a smooth transition and integration into the team.

• Supportive Team Environment: Work within a collaborative and communicative team that values open feedback and mutual support.

• Remote Work Flexibility: Enjoy the benefits of a fully remote work arrangement, allowing for a flexible work-life balance.

• Startup Culture: Experience the dynamic and innovative environment of a startup with the chance to make a significant impact.

Working Hours: Approximately 40 hours per week, with flexibility expected given the remote nature of the role.

📝 Enhancement Note: The provided salary range is exceptionally broad for a mid-level Product Designer role. The lower end seems unusually low for a professional role in most markets, while the upper end is more aligned with experienced designers. This range might reflect compensation for different regions or a very wide scope of responsibilities. The benefits are extracted and elaborated from the "What You Can Expect" section of the job description.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software Escrow, Cloud Services, Risk Mitigation for Business Operations. Codekeeper operates in a niche but critical sector of the technology industry, providing essential security and continuity solutions for businesses relying on third-party software. This context means the product design must prioritize reliability, security, and ease of use for a professional audience.

Company Size: Small to Medium-sized (implied by startup mindset and remote-first approach). This size often means designers have direct access to leadership and can influence product direction significantly.

Founded: Founded by tech industry professionals to address the evolving needs of software escrow in the cloud era. This background suggests a company with deep industry expertise and a forward-thinking approach to technology solutions.

Team Structure:

• Product & Design Team: Designers work closely with Product Managers and potentially a Creative Director, forming a core product development unit.

• Cross-functional Collaboration: Expect close collaboration with engineering teams for implementation, and potentially with marketing and sales for understanding market needs and user feedback.

• Remote-First: The team operates as a remote-first entity, emphasizing asynchronous communication, clear documentation, and digital collaboration tools.

Methodology:

• User-Centric Design: Emphasis on understanding customer needs and translating them into user-friendly product experiences.

• Agile Development Support: Design processes likely align with agile sprints, requiring adaptability and iterative feedback loops.

• Data-Informed Decisions: While not explicitly stated for design, the company's focus on innovation suggests an openness to using data to refine product features and user experiences.

Company Website: https://codekeeper.co/

📝 Enhancement Note: This section synthesizes company information from the job description and website to provide context relevant to a designer's role, including industry nuances, team dynamics, and operational methodologies.

📈 Career & Growth Analysis

Operations Career Level: Mid-Level Product Designer. This role is positioned to contribute significantly to product development, taking ownership of design tasks from ideation through to implementation support. It requires a blend of creative skill and practical execution.

Reporting Structure: Likely reports to a Product Manager, Creative Director, or Head of Product, depending on the internal structure. Collaboration is key with Product Management and Engineering.

Operations Impact: The designer's work directly impacts the user experience and adoption of Codekeeper's software escrow solutions. By creating intuitive and visually appealing interfaces, the designer helps reduce user friction, enhance product usability, and ultimately contribute to customer satisfaction and retention, which are critical operational metrics for a SaaS company.

Growth Opportunities:

• Specialization: Opportunity to deepen expertise in specific areas of product design, such as user research, interaction design, or design systems.

• Leadership: Potential to grow into a Senior Product Designer role, mentor junior designers, or take on lead design responsibilities for major product initiatives.

• Cross-Functional Learning: Exposure to product management, engineering, and business strategy, offering a holistic understanding of product development.

• Impact on Product Strategy: As the company grows, the designer will have increasing opportunities to influence product roadmap decisions based on user insights.

📝 Enhancement Note: This analysis frames the "Product Designer" role within an operational context, highlighting its contribution to business goals and outlining potential career trajectories within a growing tech company.

🌐 Work Environment

Office Type: Fully Remote. Codekeeper operates as a remote-first company, meaning there is no central physical office required for daily work, although a central office in The Hague is mentioned for specific functions or gatherings.

Office Location(s): While the company has a central office in The Hague, the role is fully remote, with the primary requirement being access to reliable internet and the ability to work from anywhere. Employees are primarily located in Indonesia, with the company also having a presence in The Hague.

Workspace Context:

• Flexibility: The remote setup offers significant flexibility in managing one's workspace and work schedule.

• Digital Collaboration: Reliance on digital tools (Figma, communication platforms) for seamless collaboration with distributed teams.

• Autonomy: A high degree of autonomy is expected, with team members managing their tasks and time effectively.

• Company Culture: The environment is described as passionate, fun-loving, and supportive, with regular team activities encouraging connection.

Work Schedule: While the standard is around 40 hours per week, the remote nature allows for flexibility in how these hours are structured, prioritizing output and collaboration over strict time-tracking.

📝 Enhancement Note: This section clarifies the remote work arrangement and its implications for the designer's daily work, workspace, and collaboration style.

📄 Application & Portfolio Review Process

Interview Process:

• Application Submission: Submit a tailored application that clearly articulates how you envision filling this role and contributing to Codekeeper's future.

• Portfolio Review: Candidates will be asked to present their portfolio, focusing on specific case studies that demonstrate their design process, problem-solving abilities, and proficiency in Figma.

• Design Challenge/Exercise: Potentially a practical design exercise or a deep dive into a past project to assess design thinking, problem-solving skills, and communication.

• Team/Cultural Fit Interviews: Interviews with team members and leadership to assess collaboration style, communication skills, and alignment with Codekeeper's values.

• Final Discussion: A discussion to confirm mutual fit, discuss compensation, and outline next steps.

Portfolio Review Tips:

• Tell a Story: Structure your portfolio case studies to tell a compelling story of the problem, your process, your solution, and the impact.

• Showcase Figma Expertise: Highlight specific Figma features and workflows you utilized, especially for complex prototyping or design system work.

• Quantify Impact: Where possible, use metrics or qualitative feedback to demonstrate the success of your designs.

• Address Company Context: Tailor your presentation to Codekeeper's mission and industry, showing you've done your research.

• Be Prepared for Questions: Anticipate questions about your design decisions, challenges faced, and how you collaborate.

Challenge Preparation:

• Understand the Problem: If a design challenge is given, thoroughly understand the user problem and business objectives.

• Focus on Process: Demonstrate a clear, logical design process, even if time is limited. Prioritize key steps like user needs analysis and core solution design.

• Communicate Clearly: Be prepared to articulate your thought process, design choices, and any assumptions made.

• Consider Trade-offs: Show an understanding of design trade-offs, especially in a fast-paced environment.

📝 Enhancement Note: This section provides actionable advice on preparing for Codekeeper's application and interview process, with a strong focus on portfolio presentation and demonstrating design process, tailored to a remote, product-focused role.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design and prototyping tool. Expertise is mandatory.

• Communication Platforms: Tools like Slack, Microsoft Teams, or similar for daily team communication and collaboration.

• Project Management Tools: Potentially Jira, Asana, Trello, or similar for managing tasks and workflows, especially in an agile environment.

Analytics & Reporting:

• User Analytics Tools: Familiarity with tools like Google Analytics, Mixpanel, Amplitude, or similar would be beneficial for understanding user behavior and informing design decisions.

• Feedback Platforms: Tools for collecting and analyzing user feedback.

CRM & Automation:

• While not directly used by the designer for daily tasks, an understanding of how CRM (e.g., Salesforce, HubSpot) and automation tools impact user experience or product features might be advantageous.

• Design System Tools: Any tools or methodologies used for managing and scaling design systems.

📝 Enhancement Note: This section details the expected technology stack for a Product Designer, emphasizing Figma as the primary tool and including other relevant software categories for a remote, product-centric role.

👥 Team Culture & Values

Operations Values:

• Passion & Enthusiasm: A drive to create great products and contribute to the company's mission.

• Ownership & Impact: Motivated by taking responsibility for outcomes and making a tangible difference.

• Collaboration & Open Communication: Valuing teamwork, direct feedback, and transparent communication.

• Resilience & Adaptability: Ability to thrive in a fast-paced, evolving startup environment.

• Dedication & Sense of Humor: A professional yet approachable attitude that fosters a positive work environment.

Collaboration Style:

• Remote-First Collaboration: Proficient in using digital tools for effective asynchronous and synchronous collaboration with distributed teams.

• Feedback-Oriented: Open to giving and receiving constructive feedback to improve designs and processes.

• Cross-Functional Partnership: Works closely with Product Management and Engineering to ensure design vision is aligned with technical feasibility and business goals.

• Knowledge Sharing: Encourages sharing of insights, best practices, and design resources within the team.

📝 Enhancement Note: This section extrapolates Codekeeper's values and collaboration style from the job description, providing insight into the expected team dynamics and professional conduct for a designer within the company.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Speed and Quality: In a fast-paced startup environment, the challenge is to deliver high-quality designs efficiently without compromising user experience.

• Remote Collaboration Nuances: Effectively communicating and collaborating with a distributed team requires strong asynchronous communication skills and proactive engagement.

• Evolving Product Landscape: Adapting designs to a rapidly evolving software escrow market and customer needs.

• Translating Complex Needs: Simplifying complex technical or business requirements into intuitive user interfaces.

Learning & Development Opportunities:

• Mastering Figma Advanced Features: Deepening expertise in advanced Figma functionalities for complex prototyping, component management, and collaboration.

• User Research Methodologies: Developing skills in various user research techniques to gain deeper user insights.

• Product Strategy Involvement: Gaining exposure to higher-level product strategy discussions and contributing to roadmap planning.

• Industry Knowledge: Expanding understanding of the software escrow and cloud security domain.

📝 Enhancement Note: This section identifies potential challenges inherent in the role and company context, alongside specific learning and development opportunities that align with a mid-level designer's career progression.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for taking a customer need from initial concept to a final, implemented design. Walk us through a specific example where you used Figma."

• "How do you approach collaborating with Product Managers and Engineers when there are differing opinions on design direction?"

• "Imagine you need to design a new feature for software escrow management. What are the first steps you would take, and what key user journeys would you focus on?" Company & Culture Questions:

• "What interests you about Codekeeper's mission to revolutionize software escrow in the cloud era?"

• "How do you contribute to a positive and collaborative remote team environment?"

• "How do you ensure your designs are not only aesthetically pleasing but also drive business value and user adoption?" Portfolio Presentation Strategy:

• Highlight Figma Workflow: Explicitly point out where and how you used Figma features (components, prototyping, collaboration tools) in your case studies.

• Focus on Problem/Solution/Impact: For each case study, clearly articulate the problem, your design process and solutions, and the measurable impact of your work.

• Engage with Questions: Be prepared to discuss your design decisions in detail and defend your choices.

• Showcase Adaptability: Demonstrate your ability to adapt to feedback and iterate on designs effectively.

📝 Enhancement Note: This section provides specific interview questions and preparation strategies tailored to a Product Designer role at Codekeeper, emphasizing Figma, user-centric design, and remote collaboration.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the provided link, ensuring your resume and any requested materials are included.

• Tailor Your Application: Craft an application narrative that directly addresses how you envision filling this role and contributing to Codekeeper's future, as requested.

• Curate Your Portfolio: Select 2-3 of your strongest Figma-centric case studies that showcase your end-to-end design process, user journey mapping, and visual design skills. Ensure interactive prototypes are easily accessible.

• Optimize Your Resume: Highlight relevant experience with Figma, UI/UX design, user journeys, prototyping, and collaboration in a remote setting. Use keywords from the job description.

• Prepare Your Presentation: Practice walking through your portfolio case studies, focusing on your design process, problem-solving approach, and the impact of your work. Be ready to discuss your Figma workflows.

• Research Codekeeper: Familiarize yourself with Codekeeper's mission, product, and the software escrow industry to better articulate your interest and fit.

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

---