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-25

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

Remote Status: Fully Remote

🚀 Role Summary

• Design and develop intuitive user interfaces and engaging user journeys for a cutting-edge software escrow platform.

• Collaborate closely with product management and creative directors to translate complex customer needs into user-friendly product experiences.

• Create detailed wireframes, prototypes, and mockups, ensuring a seamless user flow from concept to implementation.

• Develop and maintain visual assets and comprehensive design guidelines to ensure brand consistency and facilitate developer handoff.

• Actively participate in user research and analysis to inform design decisions and continuously improve product usability.

📝 Enhancement Note: The role is for a Product Designer with a strong emphasis on Figma proficiency, targeting candidates who can bridge the gap between user needs and product development. The "startup mindset" and "remote-first" nature of Codekeeper suggest a dynamic environment requiring adaptability and proactive problem-solving. The salary range indicates an expectation for a mid-level designer with a solid portfolio.

📈 Primary Responsibilities

• Translate raw customer needs and business requirements into compelling user journeys and visually appealing, intuitive interfaces.

• Conduct user research, including analysis of user journeys and scenarios, to deeply understand user pain points and motivations.

• Design and prototype new user experiences, producing wireframes, user flows, interactive prototypes, and high-fidelity mockups.

• Develop and maintain comprehensive design guidelines, visual assets, and symbol libraries within Figma to ensure consistency and scalability across the product.

• Present and effectively communicate design concepts, prototypes, and final deliverables to cross-functional teams, including product management, engineering, and executive leadership.

• Collaborate with the Product Manager and/or Creative Director throughout the entire product development lifecycle, from ideation to launch.

• Create and document visual assets required for implementation by the development team.

• Contribute to the evolution of the company's design system and ensure adherence to best practices in UI/UX design.

📝 Enhancement Note: The responsibilities highlight a hands-on design role requiring a blend of user research, conceptualization, detailed UI design, and cross-functional collaboration. The emphasis on "visual assets and document design guidelines for implementation" points to a need for strong technical design skills and clear communication with development teams.

🎓 Skills & Qualifications

Education: No specific educational requirements are listed, implying that practical experience and a strong portfolio are prioritized over formal degrees. However, a background in Design, Human-Computer Interaction, or a related field is often beneficial.

Experience: A minimum of 2-5 years of experience in product design, UI/UX design, or a closely related field is implied by the salary range and the nature of the responsibilities. Experience in a startup or fast-paced tech environment is advantageous.

Required Skills:

• Figma Proficiency: Mastery of Figma for UI design, prototyping, and collaboration is essential.

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

• Wireframing & Prototyping: Proven ability to create wireframes, user flows, interactive prototypes, and high-fidelity mockups.

• User Journey Mapping: Experience in analyzing and designing user journeys to optimize the customer experience.

• Visual Design: Strong grasp of color theory, typography, and layout principles to create aesthetically pleasing and functional interfaces.

• English Copywriting: Proficient copywriting skills in English for clear and concise in-app messaging and UI text.

• Design Systems & Symbol Libraries: Experience working with and contributing to design systems and symbol libraries for consistency and efficiency.

• Research & Analysis: Ability to conduct user research and analyze findings to inform design decisions.

Preferred Skills:

• Experience in the SaaS or FinTech industry.

• Familiarity with software escrow concepts or related risk mitigation services.

• Experience with agile development methodologies.

• Basic understanding of front-end development principles to facilitate collaboration with engineers.

• Ability to contribute to the strategic direction of product design.

📝 Enhancement Note: The required skills are heavily focused on practical design execution using Figma and translating user needs into tangible design artifacts. The "startup mindset" and "fast-paced, deadline-driven environment" suggest a need for candidates who are self-starters and can manage their time effectively.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Figma Demonstrations: Showcase projects created and designed primarily using Figma, highlighting your proficiency with its features (e.g., components, auto layout, prototyping).

• User Journey & Flow Examples: Include case studies that clearly illustrate your process of mapping user journeys and designing user flows, demonstrating how you addressed user needs.

• Wireframes & Prototypes: Present a range of wireframes, from low-fidelity sketches to high-fidelity interactive prototypes, showcasing your ability to iterate on design concepts.

• UI Design Showcase: Feature visually polished UI designs for web or mobile applications, emphasizing your understanding of visual hierarchy, typography, and color theory.

• Design System Contributions: If applicable, demonstrate experience with design systems or symbol libraries, showing how you maintained consistency and scalability in your designs.

• Problem/Solution Articulation: For each project, clearly articulate the problem you were solving, your design process, the solutions you proposed, and the impact of your design decisions (quantifiable results are a plus).

Process Documentation:

• Design Process Walkthrough: Be prepared to walk through your design process for key projects, explaining your rationale at each stage, from initial research to final handover.

• Collaboration Documentation: Provide examples of how you documented design decisions and collaborated with product managers and developers, showing clear communication channels.

• Iteration & Feedback Integration: Showcase how you incorporated feedback and iterated on designs based on user testing or stakeholder input.

📝 Enhancement Note: The portfolio requirements are tailored to a hands-on product designer role. The emphasis on Figma, user journeys, and prototypes indicates that the hiring team wants to see practical design execution and a clear understanding of the user-centered design process. The instruction to "show us your role in our company's future and our role in yours" implies that the portfolio should also convey strategic thinking and alignment with Codekeeper's mission.

💵 Compensation & Benefits

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

• Explanation: This is a very broad range, typical for roles where compensation is highly dependent on candidate experience, specific skills, and negotiation. Given the implied mid-level experience (2-5 years) and the remote nature, a more realistic target salary for a skilled Product Designer in this field might fall between $60,000 and $90,000 USD annually, depending on the candidate's location relative to cost of living and their proven track record. For candidates in regions with a significantly lower cost of living than typical tech hubs, the lower end of this range might be more applicable, while experienced designers in high-cost areas could command salaries closer to the upper end.

• Research Methodology: The provided range is used as a baseline. Salary benchmarks for Product Designers with 2-5 years of experience in remote roles were consulted, considering global remote work compensation trends and the specific mention of "startup mindset" which can sometimes influence salary structures.

Benefits:

• Passionate and fun-loving colleagues.

• Startup mindset with ample opportunities for growth.

• Regular team activities and gatherings (virtual or in-person where feasible).

• Comprehensive onboarding process with a dedicated ramp-up period.

• A supportive team that values open communication and direct feedback.

• A chance to excel in your career and make a difference.

Working Hours: Approximately 40 hours per week. While the role is remote, candidates are expected to maintain a consistent work schedule that allows for collaboration with the team, likely aligning with core business hours where possible, or being available for scheduled meetings.

📝 Enhancement Note: The salary range is exceptionally wide. The interpretation assumes a standard full-time role and provides a more targeted estimate based on industry benchmarks for mid-level remote product designers. The benefits are standard for a growing tech company, emphasizing culture and professional development.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software Escrow, Cloud Technology, Risk Mitigation. Codekeeper operates in a niche but critical sector of the technology industry, providing assurance for software assets in the cloud era. This implies a focus on security, reliability, and forward-thinking solutions.

Company Size: Small to Medium-sized (implied by "startup mindset" and the need for designers to have broad responsibilities). This size typically fosters a collaborative environment where individual contributions are highly visible and impactful.

Founded: Founded by tech industry professionals to revolutionize software escrow for the cloud era. This suggests a company built on industry expertise with a mission to modernize traditional services.

Team Structure:

• Cross-functional Collaboration: The role requires close collaboration with Product Managers and Creative Directors, indicating a structured approach to product development where design is integrated early.

• Remote-First: The company operates as a remote-first organization, likely with a central office in The Hague, Netherlands. This structure emphasizes asynchronous communication, digital collaboration tools, and a strong reliance on individual autonomy and responsibility.

• Lean Operations: A startup mindset suggests a lean and agile operational structure, where team members often wear multiple hats and contribute across different areas as needed.

Methodology:

• User-Centric Design: The core of the designer's role is translating customer needs into user journeys and interfaces, highlighting a user-centric approach to product development.

• Agile Development: While not explicitly stated, the "fast-paced, evolving environments" and "startup mindset" strongly suggest an agile or iterative development methodology.

• Data-Informed Decisions: The emphasis on research and analysis implies that design decisions are expected to be informed by data and user feedback.

Company Website: https://codekeeper.co/

📝 Enhancement Note: Codekeeper is positioned as an innovator in the software escrow space, leveraging technology to modernize a critical business service. The company culture appears to value ownership, collaboration, and a proactive approach to problem-solving, which are key for success in a remote, startup-like environment.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Product Designer, likely at a mid-level, requiring 2-5 years of experience. It involves significant ownership of design tasks, from ideation to detailed UI creation, and requires collaboration with senior stakeholders like Product Managers and Creative Directors.

Reporting Structure: While not explicitly stated, the designer will likely report to a Product Manager, Head of Product, or a Creative Director, depending on the internal structure. The collaboration with these roles suggests a clear hierarchy and defined lines of communication for design direction and feedback.

Operations Impact: The Product Designer's work directly influences the usability, appeal, and effectiveness of Codekeeper's software escrow platform. By translating customer needs into intuitive interfaces, the designer plays a crucial role in user adoption, customer satisfaction, and ultimately, the company's ability to acquire and retain clients in a competitive market. Their work is foundational to the product's success.

Growth Opportunities:

• Skill Expansion: Opportunity to deepen expertise in Figma, expand into UX research methodologies, or gain exposure to product strategy and management principles.

• Design System Ownership: Potential to take a leading role in developing and maintaining Codekeeper's design system, becoming a subject matter expert in UI consistency and scalability.

• Product Ownership: With demonstrated success, there may be opportunities to take on more strategic product design responsibilities, contributing to roadmap planning and feature definition.

• Cross-functional Leadership: Develop stronger collaboration and communication skills, potentially leading design initiatives within product teams.

• Mentorship: As the company grows, opportunities to mentor junior designers may arise.

📝 Enhancement Note: The role offers a clear path for growth within product design, particularly for those who can demonstrate impact and a proactive approach in a growing company. The "startup mindset" implies that individuals who can adapt and contribute beyond their core role will find ample opportunities for development.

🌐 Work Environment

Office Type: Remote-first company with a central office in The Hague, Netherlands. This means the primary work environment will be remote, with potential for occasional in-person team gatherings or meetings if geographically feasible for employees.

Office Location(s): While the central office is in The Hague, the role is open to candidates in Indonesia, indicating a globally distributed, remote workforce.

Workspace Context:

• Home Office Setup: Candidates are expected to have access to a Mac with Figma. This implies the need for a reliable home office setup with stable internet connectivity.

• Digital Collaboration: The environment relies heavily on digital collaboration tools (e.g., Slack, project management software, Figma's collaboration features) for communication and workflow.

• Autonomous Work: A remote-first, startup environment requires a high degree of self-discipline, time management, and autonomy.

• Team Interaction: Despite being remote, the company emphasizes "passionate and fun-loving colleagues" and "regular team activities and gatherings," suggesting efforts to foster a connected and engaging virtual workplace.

Work Schedule: Approximately 40 hours per week. While flexible to some extent due to the remote nature, candidates will need to be available for meetings and collaborative sessions, potentially requiring some alignment with European business hours or proactive communication regarding availability.

📝 Enhancement Note: The work environment is designed for flexibility and autonomy, characteristic of a remote-first tech company. The emphasis on digital collaboration and self-management is crucial for success in this role.

📄 Application & Portfolio Review Process

Interview Process:

• Application Submission: Submit an application that creatively addresses how the candidate envisions filling the role and their fit with Codekeeper's future.

• Portfolio Review: Candidates will likely be asked to present their portfolio, showcasing relevant projects that demonstrate their skills in Figma, UI/UX design, user journeys, and problem-solving.

• Skills Assessment: Expect technical questions related to design principles, Figma usage, and problem-solving scenarios. This might involve a design challenge or case study discussion.

• Cultural Fit Interview: Discussions about the candidate's motivation, collaboration style, and alignment with Codekeeper's values ("startup mindset," "open communication," "dedication, enthusiasm, sense of humor").

• Final Interview: Potentially with senior leadership to discuss strategic fit and long-term contributions.

Portfolio Review Tips:

• Tailor Your Presentation: Align your portfolio presentation with Codekeeper's mission and the specific requirements of the Product Designer role. Highlight projects that showcase your ability to translate complex needs into intuitive designs.

• Showcase Figma Mastery: Dedicate a significant portion to projects where Figma was central, demonstrating your command of its advanced features and collaborative capabilities.

• Tell a Story: For each project, clearly articulate the problem, your process, the solutions you designed, and the impact. Use visuals effectively to guide the narrative.

• Address "Why Codekeeper": Be prepared to explain why you are interested in Codekeeper specifically and how your skills and aspirations align with the company's vision.

• Embrace the "No Right Answers" Approach: The application instructions encourage creativity. Demonstrate your unique perspective and how you approach challenges with enthusiasm and a thoughtful, problem-solving mindset.

Challenge Preparation:

• Design Thinking Exercise: Be ready for a design challenge that tests your ability to quickly understand a problem, ideate solutions, and sketch out concepts, possibly using Figma.

• User-Centric Problem Solving: Prepare to discuss how you would approach a given user problem, what research methods you would employ, and how you would iterate on designs.

• Communication Skills: Practice articulating your design decisions clearly and concisely, as you'll need to present your work and rationale effectively to various stakeholders.

📝 Enhancement Note: The application process emphasizes creativity and a genuine interest in Codekeeper's mission. The portfolio review is critical, and candidates should be prepared to articulate not just what they designed, but why and how they arrived at their solutions, with a strong focus on Figma proficiency.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: This is the core design tool, essential for UI design, prototyping, collaboration, and potentially design system management. Proficiency is non-negotiable.

• Mac Operating System: Candidates are required to have access to a Mac, indicating the primary development environment.

Analytics & Reporting:

• While not explicitly listed, familiarity with analytics tools (e.g., Google Analytics, Mixpanel, Amplitude) would be beneficial for understanding user behavior and informing design decisions. CRM & Automation:

• Not directly relevant to the Product Designer role, but an understanding of how design impacts CRM and marketing automation workflows could be a plus. Other Potential Tools:

• Prototyping Tools: Figma's prototyping capabilities are key, but experience with other tools like InVision or Adobe XD might be transferable.

• Project Management Software: Tools like Jira, Asana, or Trello are commonly used in agile environments for task management and tracking.

• Collaboration Platforms: Slack, Microsoft Teams, or similar for communication.

📝 Enhancement Note: The technology stack is focused on design execution. Figma is the paramount tool. While other tools might be used for collaboration or analytics, the primary requirement is deep proficiency in Figma on a macOS environment.

👥 Team Culture & Values

Operations Values:

• Ownership & Impact: A strong drive to own their work and make a tangible impact on the product and company's success.

• Collaboration: Valuing open communication and direct feedback, working effectively with cross-functional teams.

• Dedication & Enthusiasm: A passionate and committed approach to their work, bringing energy and a positive attitude.

• Innovation & Adaptability: Embracing a startup mindset, being comfortable in fast-paced, evolving environments, and seeking new solutions.

• Sense of Humor: Fostering a positive and enjoyable work environment through lightheartedness and good spirits.

Collaboration Style:

• Transparent & Direct: Open communication and direct feedback are encouraged, creating an environment where ideas can be shared freely and constructively.

• Cross-functional Integration: Designers are expected to work closely with Product Managers and Creative Directors, indicating an integrated approach to product development.

• Iterative & Feedback-Driven: The process likely involves continuous feedback loops, encouraging designers to be receptive to input and to iterate on their designs.

• Shared Vision: A collective effort to shape the future of software escrow, implying a team working towards a common, ambitious goal.

📝 Enhancement Note: Codekeeper's culture is built around a modern, remote-first startup ethos. They prioritize individuals who are not only skilled but also enthusiastic, collaborative, and willing to take ownership. The emphasis on humor and open communication suggests a supportive yet driven team environment.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing User Needs and Business Goals: Navigating the inherent tension between creating ideal user experiences and meeting business objectives within a startup context.

• Rapid Iteration in a Fast-Paced Environment: Adapting quickly to changing priorities and market demands, requiring agile design processes and efficient iteration.

• Remote Collaboration Nuances: Effectively collaborating and communicating design intent across time zones and without in-person interactions.

• Defining and Scaling a Design System: As the company grows, the challenge of evolving and scaling the design system to meet future product needs.

Learning & Development Opportunities:

• Deepen Figma Expertise: Advanced training or self-study in Figma's latest features, plugins, and best practices for complex design systems.

• UX Research Acumen: Opportunities to lead or participate in more in-depth user research, including usability testing, interviews, and survey design.

• Product Strategy Exposure: Gain insights into product roadmap planning, feature prioritization, and the strategic decision-making process.

• Cross-Disciplinary Learning: Exposure to product management, marketing, and engineering workflows to foster a holistic understanding of product development.

• Contribution to Company Vision: Directly influencing the user experience of a product aiming to revolutionize its industry.

📝 Enhancement Note: The challenges presented are typical for a growing tech startup, offering significant opportunities for a designer to develop a broad skill set and make a substantial impact. The growth potential is tied to the company's expansion and the designer's ability to adapt and contribute strategically.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to translate a complex user need into a simple and intuitive design. What was your process?" (Focus on user journey mapping, wireframing, and Figma outputs).

• "How would you approach designing a new feature for a software escrow platform, given limited initial user data?" (Assess your research, ideation, and prototyping skills in an ambiguous situation).

• "Walk me through a project in your portfolio that you are most proud of. What was the problem, your role, your design process, and the outcome?" (Prepare a compelling narrative for 1-2 key projects, emphasizing your Figma work and problem-solving). Company & Culture Questions:

• "Why are you interested in Codekeeper and our mission to revolutionize software escrow?" (Research Codekeeper's offerings, industry, and competitors. Connect your passion to their mission).

• "How do you handle constructive criticism or feedback on your designs?" (Highlight your openness to feedback and iterative design process).

• "Describe your ideal work environment. How do you thrive in a remote-first, startup setting?" (Emphasize self-motivation, communication skills, and adaptability). Portfolio Presentation Strategy:

• Start with Impact: Begin by highlighting the most impactful projects that align with Codekeeper's needs, showcasing your best Figma work.

• Tell a Story: For each case study, clearly define the problem, your role, your process (research, ideation, design, testing), the solutions, and the results. Use visuals effectively.

• Focus on Figma: Explicitly demonstrate your proficiency with Figma, pointing out specific features used (components, auto layout, prototyping) and how they aided your workflow.

• Address the "No Right Answers" Prompt: Be prepared to discuss how you approach ambiguity and creativity, perhaps by sharing an example of how you tackled an open-ended design challenge.

• Prepare Questions: Have thoughtful questions ready for the interviewer about the team, product roadmap, design challenges, and company culture.

📝 Enhancement Note: Interview preparation should focus on demonstrating practical design skills with Figma, a clear user-centered process, and an understanding of Codekeeper's unique industry and company culture. The emphasis on creativity in the application process suggests interviewers will be looking for insightful, well-reasoned responses rather than rote answers.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the provided application link.

• Craft a Compelling Application Narrative: Do not just submit a resume. Write an introduction that directly addresses how you envision filling this role and your alignment with Codekeeper's future. Think creatively and show your personality.

• Curate Your Portfolio for Impact: Select 2-3 of your strongest Figma-centric projects that best showcase your UI/UX skills, user journey mapping abilities, and problem-solving approach. Ensure your portfolio clearly demonstrates your process.

• Prepare Your Figma Demonstration: Be ready to walk through your portfolio projects, specifically highlighting your expertise in Figma, its features, and how you used it to achieve design goals.

• Research Codekeeper: Understand their product, the software escrow industry, and their company mission. Frame your interest and ideas in the context of their business goals and challenges.

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

---