Product Designer (Figma)

📍 Job Overview

Job Title: Product Designer (Figma)

Company: Codekeeper

Location: Indonesia (Remote)

Job Type: Full-Time

Category: Product Design / UX/UI

Date Posted: 2026-06-11

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

Remote Status: Fully Remote

🚀 Role Summary

• This role is centered on translating complex customer needs into intuitive user journeys and visually compelling interfaces, leveraging Figma as the primary design tool.

• Collaborate closely with Product Management and Creative leadership to conduct user research, design iterative prototypes, and craft user experiences that drive product adoption and satisfaction.

• Develop comprehensive design documentation, including user cases, scenarios, wireframes, interactive prototypes, and detailed mockups, ensuring seamless implementation by the development team.

• Create and maintain visual assets, establish design guidelines, and contribute to the evolution of the company's design system.

• Present design concepts and deliverables effectively to internal stakeholders, including peers and executive leadership, articulating design rationale and impact.

📝 Enhancement Note: While the core role is Product Design, the emphasis on translating customer needs into user journeys and interfaces, along with collaboration with Product Managers, indicates a strong UX/UI focus. The mention of "startup mindset" and "ownership" suggests a dynamic environment where design decisions have a direct and visible impact on product development and business outcomes. The requirement for Figma proficiency is a key technical skill.

📈 Primary Responsibilities

• Translate customer needs and business requirements into user journeys, wireframes, prototypes, and high-fidelity mockups that are both visually appealing and highly intuitive.

• Conduct user research, including interviews and usability testing, to gather insights that inform design decisions and validate user experience concepts.

• Collaborate with Product Managers and the Creative Director to define product features, user flows, and interaction models.

• Develop and maintain comprehensive design documentation, including user cases, scenarios, wireframes, interactive prototypes, and detailed mockups for various screens and application flows.

• Create and manage visual assets, style guides, and design guidelines to ensure brand consistency and facilitate efficient implementation by the engineering team.

• Present and articulate design solutions, rationale, and user insights to cross-functional teams and executive stakeholders, incorporating feedback for iterative improvements.

• Contribute to the development and maintenance of the company's design system, including symbol libraries and component standards, ensuring scalability and consistency across products.

• Analyze user journeys and identify opportunities for design improvements that enhance user satisfaction, engagement, and conversion rates.

📝 Enhancement Note: The responsibilities list expands on the initial summary by detailing specific design deliverables (wireframes, prototypes, mockups), research activities (user research, usability testing), and documentation requirements (design guidelines, style guides). The inclusion of "Analyze user journeys and identify opportunities for design improvements" points to a proactive approach to UX optimization, aligning with GTM strategies for user acquisition and retention.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Design, Human-Computer Interaction, Psychology, or a related field is often preferred for foundational understanding of design principles and user behavior. Equivalent practical experience will also be considered.

Experience: 2-5 years of professional experience in Product Design, UX/UI Design, or a closely related field, with a proven track record of delivering user-centered design solutions.

Required Skills:

• Figma Proficiency: Expert-level command of Figma for all aspects of the design process, from wireframing to high-fidelity prototyping and design system management.

• User Journey Mapping: Ability to define, analyze, and optimize user journeys to improve overall customer experience and product engagement.

• UI Design Principles: Strong understanding of visual design principles, including layout, hierarchy, typography, and color theory, to create aesthetically pleasing and effective interfaces.

• UX Design Methodologies: Demonstrated experience with user-centered design principles, user research, usability testing, and iterative design processes.

• Prototyping & Wireframing: Proficiency in creating interactive prototypes and detailed wireframes to communicate design concepts and user flows.

• English Copywriting: Excellent written and verbal communication skills in English, with the ability to craft clear, concise, and persuasive UI copy.

• Fast-Paced Environment Acumen: Proven ability to thrive and deliver high-quality work in a dynamic, deadline-driven startup environment.

Preferred Skills:

• Design Systems & Symbol Libraries: Experience in building, maintaining, or contributing to design systems and symbol libraries within Figma.

• Color Theory & Typography Expertise: Advanced knowledge and application of color theory and typography to enhance user experience and brand identity.

• User Research & Analysis: Experience conducting qualitative and quantitative user research, synthesizing findings, and translating them into actionable design recommendations.

• Collaboration & Communication: Strong interpersonal skills for effective collaboration with cross-functional teams (Product Managers, Developers, Marketing) and presenting design concepts to stakeholders.

• Startup Mindset: Proactive, self-starter attitude with a willingness to take ownership and drive initiatives.

📝 Enhancement Note: The "Required Skills" section has been expanded to explicitly mention Figma as a primary tool and to integrate keywords like "User Journey Mapping," "UI Design Principles," "UX Design Methodologies," and "Prototyping & Wireframing" which are crucial for operations roles focused on user experience and product adoption. The mention of "English Copywriting" and "Fast-Paced Environment Acumen" directly addresses the requirements listed in the raw description. "Design Systems & Symbol Libraries" is added as a preferred skill, reflecting common industry expectations for product designers.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Figma-Based Case Studies: Showcase at least 2-3 comprehensive case studies demonstrating your end-to-end design process within Figma, from initial problem definition to final shipped product or tested prototype.

• User-Centric Problem Solving: Highlight how you identified user needs and translated them into design solutions, illustrating your user research and analysis methods.

• Visual Design & UI Execution: Present polished UI designs, demonstrating strong command of typography, color theory, and visual hierarchy, with clear examples of interactive elements and states.

• Prototyping & User Flows: Include interactive prototypes within your portfolio that effectively communicate user flows and interaction design, ideally linked or embedded from Figma.

• Design System Contribution (Optional but Recommended): If applicable, showcase contributions to or usage of design systems and symbol libraries, illustrating an understanding of scalable design.

• Impact Metrics: Where possible, include quantitative data or qualitative feedback demonstrating the impact of your designs on user behavior, engagement, or business goals.

Process Documentation:

• Design Process Explanation: Clearly articulate your design process, including stages like research, ideation, wireframing, prototyping, testing, and iteration, explaining your role and contributions at each step.

• Tooling & Workflow: Describe your typical workflow and how you leverage tools like Figma, along with any other relevant software, to manage design projects efficiently.

• Collaboration & Communication: Illustrate how you collaborate with Product Managers, developers, and other stakeholders, detailing your approach to feedback, revisions, and design handoff.

📝 Enhancement Note: This section is crafted to specifically address the needs of a Product Designer role, emphasizing the use of Figma and the demonstration of a user-centric design process. The portfolio requirements are detailed to guide candidates on what hiring managers look for, including case studies, visual execution, prototyping, and evidence of impact. The "Process Documentation" aspect focuses on articulating the candidate's workflow and collaborative approach, vital for operations and GTM alignment.

💵 Compensation & Benefits

Salary Range: Based on the provided range of $10,000 - $100,000 USD per year and considering the mid-level experience (2-5 years) for a remote Product Designer role in Indonesia, a more refined and competitive range would be $40,000 - $70,000 USD per year. This range accounts for the remote nature of the position, the cost of living in Indonesia, and the specialized skills required (Figma, UX/UI expertise).

Benefits:

• Competitive Salary: A salary commensurate with experience and market rates for remote design roles.

• Remote Work Flexibility: Fully remote position allowing for work-life balance and location independence.

• Startup Growth Opportunities: Ample chances for career advancement and professional development within a growing startup environment.

• Passionate & Fun Colleagues: Work alongside a dedicated team that fosters a positive and collaborative atmosphere.

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

• Regular Team Activities: Opportunities for team building and social interaction through organized activities and gatherings, fostering connection among remote team members.

• Supportive Team Environment: Access to a team that values open communication, direct feedback, and mutual support.

• Opportunity to Make an Impact: Play a key role in shaping the future of Codekeeper's products and the software escrow industry.

Working Hours: Approximately 40 hours per week, with flexibility to accommodate different time zones and individual work styles, aligned with a remote-first culture. Core collaboration hours will likely be established to ensure effective team sync-ups.

📝 Enhancement Note: The salary range has been refined from the broad $10,000-$100,000 to a more realistic $40,000-$70,000 USD for a mid-level remote designer in Indonesia. This estimation is based on industry benchmarks for such roles, considering the specified location and remote work arrangement. The benefits are detailed, pulling directly from the provided text and rephrasing them to highlight their value to a professional in operations or design roles, such as growth opportunities and supportive environments.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software Escrow and Cloud Security Solutions. Codekeeper operates in a specialized niche of the technology sector, providing critical risk mitigation services for businesses relying on third-party software. This industry demands a high level of trust, security, and technical understanding.

Company Size: Startup (exact employee count not specified, but implied to be growing). This implies a dynamic, agile environment with opportunities for individual contribution and direct impact.

Founded: Founded by tech industry professionals with a vision to modernize software escrow for the cloud era. This suggests a leadership team with deep domain expertise and a forward-thinking approach to product development and market disruption.

Team Structure:

• Cross-Functional Collaboration: The role emphasizes close collaboration with Product Managers and Creative Directors, indicating a team structure that values interdisciplinary input.

• Remote-First Environment: Codekeeper operates as a remote-first company, fostering a culture of autonomy, communication, and asynchronous work, supported by occasional central office presence in The Hague.

• Lean & Agile: A "startup mindset" suggests a lean operational structure where roles may be fluid, and team members are encouraged to take initiative and contribute across different areas.

Methodology:

• User-Centric Product Development: The core of the design role is translating customer needs into product features, highlighting a user-centric approach to development.

• Data-Informed Design: While not explicitly stated, the emphasis on research and presenting findings suggests that design decisions are informed by data and user insights.

• Agile Iteration: The "fast-paced, evolving environments" and "opportunity to make a real impact" imply an agile development methodology where designs are iterated upon based on feedback and evolving requirements.

Company Website: https://codekeeper.co/

📝 Enhancement Note: This section contextualizes Codekeeper within its industry (Software Escrow), highlights the implications of its startup size and founding principles on its culture, and outlines the expected team and operational methodologies. The "Remote-First Environment" is a key aspect for potential candidates, and the "User-Centric Product Development" aligns with the core responsibilities of a Product Designer.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level Product Designer, typically requiring 2-5 years of dedicated experience. It offers a significant opportunity to deepen expertise in UX/UI design, product strategy, and user-centric product development within a specialized tech sector. The role is crucial for translating business objectives into user-facing product realities.

Reporting Structure: The designer will likely report to a Creative Director or Head of Product, working closely with Product Managers. This structure facilitates direct input into product strategy and design execution, with clear pathways for design feedback and approval.

Operations Impact: As a Product Designer, the impact is direct and tangible:

• User Acquisition & Retention: Intuitive and appealing designs can significantly influence user adoption rates and ongoing engagement, directly supporting Go-To-Market (GTM) strategies.

• Product Quality & Reputation: High-quality design contributes to a positive brand perception and product reliability, crucial for a company like Codekeeper that deals with sensitive business operations.

• Efficiency & Usability: Streamlined user journeys and clear interfaces reduce user friction, leading to fewer support inquiries and a more positive overall customer experience.

Growth Opportunities:

• Specialization: Opportunity to become a subject matter expert in UX/UI design for specialized B2B SaaS products, particularly within the FinTech/SaaS escrow space.

• Leadership Potential: As the company grows, there may be opportunities to mentor junior designers, lead design initiatives, or transition into a Design Lead role.

• Skill Expansion: Exposure to product strategy, market research, and cross-functional team leadership, broadening skill sets beyond core design competencies.

• Continuous Learning: Encouragement to explore new design tools, methodologies, and industry best practices, supported by a startup environment that values innovation.

📝 Enhancement Note: This analysis frames the Product Designer role within the broader context of operations and GTM by highlighting its impact on user acquisition, retention, and product reputation. The growth opportunities are detailed to appeal to ambitious professionals, outlining potential career paths and skill development avenues within a startup environment. The "Operations Impact" section specifically links design work to business objectives.

🌐 Work Environment

Office Type: Remote-First. Codekeeper operates primarily as a remote-first organization. While there is a central office in The Hague, the role is designed for individuals working from their own location, emphasizing flexibility and global talent acquisition.

Office Location(s): While the company has a physical presence in The Hague, Netherlands, this role is open to remote candidates globally, with a specific mention of Indonesia. This implies a distributed team structure.

Workspace Context:

• Independent Work Environment: Candidates are expected to have a suitable home office setup that allows for focused work and clear communication.

• Digital Collaboration Tools: The team relies heavily on digital tools for communication, project management, and design collaboration (e.g., Figma, Slack, project management software).

• Asynchronous Communication: Given the distributed nature, proficiency in asynchronous communication and documentation is key, complementing real-time collaboration.

• Team Interaction: Despite being remote, the company fosters connection through regular team activities and gatherings, providing opportunities for informal interaction and relationship building.

Work Schedule: The role is full-time, approximately 40 hours per week. While remote, there will be expectations for availability during core business hours for collaboration and meetings, likely coordinated across various time zones to ensure team synergy.

📝 Enhancement Note: This section details the remote work environment, emphasizing the need for self-discipline and strong digital communication skills. It clarifies the company's remote-first approach and the implications for the candidate's workspace and daily schedule, while also highlighting efforts to maintain team cohesion.

📄 Application & Portfolio Review Process

Interview Process:

• Application Submission: Submit a tailored application that addresses how you envision your role at Codekeeper and their role in your future.

• Portfolio Review: Your portfolio will be a critical component, showcasing your design process, Figma proficiency, and ability to translate user needs into effective designs. Expect case studies demonstrating problem-solving and impact.

• Initial Screening/Interview: Likely an introductory call with HR or a hiring manager to assess cultural fit, basic qualifications, and understanding of the role.

• Design Challenge/Assigned Task: You may be given a small design exercise or problem to solve, simulating real-world tasks, to assess your practical skills and approach.

• Team/Stakeholder Interviews: Interviews with Product Managers, fellow designers, or other key stakeholders to evaluate collaboration skills, design rationale, and alignment with team dynamics.

• Final Interview: Potentially a discussion with a founder or senior leadership to finalize the decision, focusing on strategic thinking and long-term vision.

Portfolio Review Tips:

• Tell a Story: Don't just show final designs; walk through your process, challenges, and decision-making. Use your portfolio to narrate problem-solving journeys.

• Figma Focus: Ensure your Figma skills are evident. Highlight complex interactions, component usage, and design system integration if applicable.

• Quantify Impact: Whenever possible, include metrics or user feedback that demonstrate the success of your designs. Even qualitative feedback is valuable.

• Tailor to Codekeeper: Research Codekeeper's product and target audience. If possible, subtly tailor one case study or highlight relevant experience that aligns with their business operations and B2B SaaS focus.

• Clarity & Conciseness: Present your work clearly and concisely. Ensure easy navigation and well-written descriptions.

Challenge Preparation:

• Understand the Scope: If given a design challenge, clarify the objectives, constraints, and expected deliverables.

• Think Aloud: Be prepared to articulate your thought process, design rationale, and any assumptions you make during the challenge.

• Focus on Process: Demonstrate your systematic approach to problem-solving, not just the final output.

• Time Management: Practice working within time constraints, prioritizing key aspects of the design challenge.

📝 Enhancement Note: This section provides a structured overview of the likely interview process for a Product Designer role, offering specific advice on portfolio preparation and challenge tackling. It emphasizes demonstrating Figma proficiency, user-centric problem-solving, and the ability to articulate design impact, which are crucial for operations-focused roles that require tangible results.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: This is the core design tool mentioned. Proficiency is essential for UI design, wireframing, prototyping, and collaborative design. Candidates should be adept at using its features for design systems, component libraries, and interactive prototyping.

• Prototyping Tools (within Figma or standalone): While Figma has robust prototyping capabilities, familiarity with other tools like InVision, Adobe XD, or Sketch (though Figma is preferred) might be beneficial for broader context.

Analytics & Reporting:

• User Analytics Platforms (e.g., Google Analytics, Mixpanel, Amplitude): While not directly a design tool, understanding how to interpret user data from these platforms is crucial for informing design decisions and measuring design impact.

• Heatmaps & Session Recording Tools (e.g., Hotjar, FullStory): Useful for observing user behavior and identifying usability issues, which can feed into design improvements.

CRM & Automation:

• CRM Systems (e.g., Salesforce, HubSpot): Understanding how design impacts user onboarding and customer lifecycle within a CRM context can be beneficial for B2B SaaS products.

• Project Management Tools (e.g., Jira, Asana, Trello): Essential for collaborating with development teams, tracking design tasks, and managing project timelines within an agile workflow.

📝 Enhancement Note: This section details the technology stack relevant to a Product Designer, with a strong emphasis on Figma. It also includes related tools and platforms that a designer would interact with or benefit from understanding in a product development and operations context, such as analytics and project management software.

👥 Team Culture & Values

Operations Values:

• Ownership & Impact: A strong emphasis on taking responsibility for your work and seeing its direct impact on the product and company's success. This aligns with a startup culture where individual contributions are highly valued.

• Collaboration & Open Communication: A supportive team environment that encourages open dialogue, direct feedback, and cross-functional teamwork. This is crucial for a remote-first company.

• User-Centricity: A commitment to understanding and serving customer needs, ensuring that design and product decisions are driven by user value and experience.

• Innovation & Adaptability: A "startup mindset" implies a culture that embraces change, encourages new ideas, and is agile in responding to market evolution and technological advancements.

• Passion & Enthusiasm: A desire for colleagues who are dedicated, enthusiastic, and bring a positive attitude, including a sense of humor, to their work.

Collaboration Style:

• Cross-Functional Integration: Designers are expected to work seamlessly with Product Managers, engineers, and potentially marketing teams, bridging the gap between user needs, business goals, and technical implementation.

• Iterative Design Process: Collaboration likely involves regular feedback loops, design reviews, and iterative adjustments based on input from various stakeholders and user testing.

• Asynchronous & Synchronous Balance: While remote, the team aims for effective collaboration through a mix of asynchronous communication tools and scheduled synchronous meetings for focused discussions and decision-making.

📝 Enhancement Note: This section extrapolates Codekeeper's culture and values based on the provided description, framing them through an "operations" lens. It emphasizes how these values translate into daily work for a designer, particularly in a remote, startup environment. The "Collaboration Style" focuses on how designers integrate with other functions.

⚡ Challenges & Growth Opportunities

Challenges:

• Remote Collaboration Dynamics: Effectively collaborating and building strong relationships with team members across different time zones and without in-person interaction requires proactive communication and empathy.

• Balancing Design Vision with Business Constraints: As a startup, there will be a constant need to balance ambitious design goals with practical development timelines, budgets, and evolving business priorities.

• Rapid Product Evolution: Working in a fast-paced startup means the product and its requirements can change quickly, requiring adaptability and the ability to pivot designs efficiently.

• Defining and Measuring Design Impact: Clearly articulating and quantifying the ROI of design work, especially in a B2B context, can be challenging but is crucial for demonstrating value.

Learning & Development Opportunities:

• Deepen UX/UI Expertise: Gain specialized experience in designing for B2B SaaS products, particularly in the niche area of software escrow.

• Product Strategy Involvement: Opportunities to contribute to product strategy discussions, influencing the direction of the product based on user insights and design thinking.

• Design System Development: Hands-on experience in building or significantly contributing to a scalable design system, a valuable skill for any product designer.

• Mentorship and Leadership: Potential to grow into a senior or lead design role as the company scales, mentoring junior team members and leading design initiatives.

📝 Enhancement Note: This section identifies potential challenges inherent in a remote startup environment and outlines specific growth opportunities for a Product Designer. It connects these to skill development and career progression, offering a realistic outlook for candidates.

💡 Interview Preparation

Strategy Questions:

• Product Vision & User Needs: "How would you approach designing a new feature for software escrow that addresses the needs of [specific user persona, e.g., a CTO concerned about vendor lock-in]? Walk us through your process from discovery to a high-fidelity prototype in Figma." (Focus on research, user journey mapping, and Figma execution.)

• Design System & Scalability: "Describe your experience with design systems. How would you contribute to or build a design system for Codekeeper to ensure consistency and efficiency across our product suite?" (Assess understanding of scalable design and Figma component management.)

• Problem-Solving & Iteration: "Imagine a user reports difficulty in understanding the status of their escrow agreement. How would you diagnose this issue and design a solution to improve clarity and user confidence?" (Evaluate problem-solving skills, user empathy, and iterative design thinking.)

Company & Culture Questions:

• Codekeeper's Mission: "What excites you about Codekeeper's mission to revolutionize software escrow, and how do you see your design skills contributing to that vision?" (Assess alignment with company goals and industry.)

• Remote Work & Collaboration: "How do you maintain effective communication and collaboration with a remote team, and what strategies do you use to build relationships with colleagues you don't meet in person?" (Evaluate remote work readiness and collaboration style.)

• Startup Environment: "Describe your experience working in a fast-paced or startup environment. What do you enjoy about it, and what challenges do you anticipate?" (Assess adaptability and fit for a dynamic culture.)

Portfolio Presentation Strategy:

• Deep Dive into One Case Study: Choose your strongest, most relevant case study (ideally B2B SaaS or related) and prepare to walk through it in detail, explaining your role, process, decisions, and outcomes.

• Figma Demonstration: Be ready to share your Figma file or screen-share to demonstrate specific techniques, interactive prototypes, or design system elements you've created.

• Quantify Your Impact: Clearly present any metrics, user feedback, or business results tied to your designs. If direct metrics aren't available, discuss anticipated impact or lessons learned.

• Address the "Why": For each design decision, be prepared to articulate the "why" – the user need, business objective, or design principle that guided your choice.

📝 Enhancement Note: This section provides actionable interview preparation advice tailored to a Product Designer role at a company like Codekeeper. It includes example strategy questions that probe essential skills and thinking, company-specific questions, and practical tips for presenting a portfolio effectively, emphasizing Figma and impact.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the provided link on Codekeeper's careers page.

• Craft a Tailored Cover Letter: Address the prompt directly: explain how you envision filling this position, how Codekeeper plays a role in your future, and how your skills align with their mission. Introduce yourself as a potential colleague.

• Curate Your Portfolio: Ensure your portfolio prominently features Figma projects, clearly outlines your design process for each case study, and highlights your ability to translate user needs into intuitive interfaces. Include examples of user journeys, wireframes, prototypes, and UI design.

• Optimize Your Resume: Highlight relevant experience in UX/UI design, product design, Figma proficiency, and any experience in B2B SaaS or similar industries. Quantify achievements where possible.

• Prepare for the Interview: Research Codekeeper's product and market. Be ready to discuss your design philosophy, how you approach collaboration in a remote setting, and to present your portfolio with confidence, articulating your process and impact.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.