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: April 30, 2026

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

Remote Status: Fully Remote

🚀 Role Summary

• This role is pivotal in translating complex customer needs into intuitive and visually compelling user journeys and interfaces, directly impacting product development and user adoption.

• You will be instrumental in the end-to-end design process, from initial research and conceptualization through to the creation of detailed wireframes, prototypes, and final visual assets.

• A key aspect of this position involves close collaboration with Product Management and Creative Leadership to ensure design solutions align with business objectives and user expectations.

• Success in this role requires a strong command of design tools, particularly Figma, and the ability to articulate design decisions clearly to stakeholders across the organization.

📝 Enhancement Note: While the job title is "Product Designer," the description emphasizes transforming customer needs into user journeys and interfaces, strongly indicating a focus on UX/UI design responsibilities. The mention of "passion for product management" and influencing outcomes suggests a role with significant product ownership and strategic input, common in mid-level to senior design roles within product-centric organizations.

📈 Primary Responsibilities

• Translate articulated customer needs and business requirements into detailed user journeys, wireframes, interactive prototypes, and high-fidelity mockups.

• Collaborate closely with Product Managers and the Creative Director to conduct user research, analyze findings, and iterate on design concepts.

• Develop comprehensive visual assets, including icons, illustrations, and design elements, ensuring brand consistency and aesthetic appeal.

• Create and maintain detailed design guidelines, style guides, and component libraries to ensure seamless implementation by the development team and scalability of the design system.

• Present design proposals, user flows, and final deliverables to cross-functional teams and executive leadership, effectively communicating design rationale and impact.

• Conduct user testing and gather feedback to inform design iterations and ensure user-centered design principles are applied throughout the product lifecycle.

• Work with design systems and symbol libraries to ensure consistency and efficiency in design production and maintenance.

• Analyze user journeys to identify pain points and opportunities for improvement within the existing product experience.

📝 Enhancement Note: The responsibilities clearly outline a hands-on UX/UI design role with a strong emphasis on creating tangible design artifacts and collaborating with product and development teams. The inclusion of "analysis of user journeys" and "working with design systems and symbol libraries" points towards a need for a designer who can contribute to mature design practices.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Design, Human-Computer Interaction (HCI), or a related field is often preferred for mid-level design roles, demonstrating foundational knowledge. Equivalent practical experience will also be strongly considered.

Experience: A minimum of 2-5 years of professional experience in UX/UI design, product design, or a closely related field, with a portfolio showcasing successful product launches and design solutions.

Required Skills:

• Figma Proficiency: Expert-level command of Figma for wireframing, prototyping, and high-fidelity design.

• User Journey Mapping: Ability to map out complex user flows and identify key touchpoints and decision points.

• UI Design Principles: Strong understanding of visual design principles, including layout, typography, color theory, and iconography.

• Wireframing & Prototyping: Proven ability to create low-fidelity wireframes and interactive prototypes to test concepts and user flows.

• Mockup Creation: Skill in developing high-fidelity mockups that accurately represent the final product interface.

• English Copywriting: Proficient copywriting skills in English for UI text, microcopy, and design documentation.

• Fast-Paced Environment Adaptability: Demonstrated ability to thrive and deliver high-quality work under tight deadlines in a dynamic, evolving environment.

• Communication & Presentation: Excellent verbal and written communication skills, with the ability to effectively present and articulate design concepts to diverse audiences.

Preferred Skills:

• Experience working with established design systems and symbol libraries.

• Familiarity with user research methodologies and usability testing.

• Understanding of front-end development principles to facilitate smoother handoffs.

• Experience in a startup or SaaS environment.

• Knowledge of other design and prototyping tools.

📝 Enhancement Note: The requirements are heavily skewed towards practical design skills and tool proficiency, particularly Figma. The emphasis on English copywriting and thriving in a fast-paced environment suggests a need for a designer who is not only creative but also pragmatic and communicative. The "2-5 years" experience level is inferred from the responsibilities and the general expectations for a designer who can independently translate needs into complex user experiences and work with design systems.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Figma Case Studies: Showcase at least 2-3 comprehensive case studies demonstrating your design process from problem identification to solution implementation, with a strong emphasis on Figma usage.

• User Journey Examples: Include examples of user journey maps, user flows, or scenarios that illustrate your ability to understand and design for user needs.

• Interactive Prototypes: Provide links to interactive prototypes (ideally built in Figma) that demonstrate key features or user flows of products you've designed.

• Visual Design Artifacts: Include examples of visually polished UI mockups, wireframes, and any custom visual assets (icons, illustrations) created using Figma.

• Design System Contribution: If applicable, showcase experience with design systems, including examples of components, style guides, or symbol libraries you've worked with or contributed to.

Process Documentation:

• Problem Definition: Clearly articulate the user problem or business challenge your design aimed to solve.

• Design Process Walkthrough: Detail your step-by-step design process, highlighting research methods, ideation techniques, prototyping, and iteration cycles.

• Tooling & Methodology: Specifically mention the tools used (with a focus on Figma) and any design methodologies employed (e.g., user-centered design, design thinking).

• Outcome & Impact: Quantify the impact of your design solutions where possible, using metrics related to user engagement, conversion rates, task completion, or user satisfaction.

📝 Enhancement Note: Given the explicit mention of Figma and the core responsibilities, a portfolio heavily featuring Figma work is essential. The emphasis on user journeys, design systems, and demonstrating impact suggests a need for a portfolio that goes beyond aesthetics to showcase strategic thinking and process. The "Additional Requirements" also directly inform the portfolio content.

💵 Compensation & Benefits

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

Benefits:

• Passionate and fun-loving colleagues.

• Startup mindset with ample opportunities for growth and career advancement.

• Regular team activities and gatherings to foster camaraderie and team cohesion.

• Comprehensive onboarding process with a dedicated ramp-up period to ensure a smooth integration into the team and role.

• A supportive team environment that values open communication and direct feedback, promoting professional development.

• Opportunity to make a significant impact on a growing company and shape the future of software escrow.

Working Hours: 40 hours per week. While specified as 40 hours, the remote and startup nature may offer some flexibility in scheduling, provided core collaboration hours and deadlines are met.

📝 Enhancement Note: The provided salary range ($10,000 - $100,000 USD annually) is exceptionally broad for a mid-level Product Designer. This could indicate a wide range based on candidate experience, or it might be a placeholder. For a mid-level Product Designer (2-5 years experience) in a remote role targeting Indonesia, a more realistic range would typically fall between $30,000 - $70,000 USD, depending on the specific expertise and the company's compensation strategy. This broad range warrants clarification from the employer. The benefits listed are standard for a startup environment, emphasizing culture and growth.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software Escrow, Cloud Services, SaaS. Codekeeper operates in a niche but critical sector of the technology industry, providing solutions that mitigate third-party risks for businesses, especially in the context of cloud computing and modern software development lifecycles. This implies a need for designers who understand the importance of security, reliability, and compliance.

Company Size: Small to Medium-sized (Startup). As a startup founded by tech industry professionals, Codekeeper likely fosters an agile, innovative, and fast-paced environment. This means designers will have significant influence but also face rapid iteration and evolving priorities.

Founded: The founding date is not explicitly stated, but the description implies it's a relatively newer company focused on "revolutionizing software escrow for the cloud era." This suggests a modern approach to business and technology.

Team Structure:

• Operations Team: The design function appears to be integrated within a product-focused team, likely reporting to a Product Manager or Creative Director.

• Cross-functional Collaboration: Designers are expected to work closely with Product Managers and the development team, indicating a highly collaborative and integrated workflow.

• Communication: The company values open communication and direct feedback, suggesting a culture where constructive criticism is welcomed and encouraged.

Methodology:

• Agile Development: The "startup mindset" and "fast-paced, evolving environments" strongly suggest an agile development methodology where designers are integral to iterative product development cycles.

• User-Centered Design: The core responsibilities emphasize translating customer needs into user journeys and interfaces, pointing towards a user-centered design approach.

• Data-Informed Decisions: While not explicitly stated, the nature of SaaS and product development in tech implies that design decisions are increasingly informed by user data and analytics.

Company Website: https://codekeeper.co/

📝 Enhancement Note: The company context suggests a dynamic startup environment focused on a specialized B2B SaaS product. Designers here will likely experience a high degree of autonomy and impact, with a strong emphasis on collaboration and rapid iteration. Understanding the B2B SaaS landscape and the importance of trust and security in software escrow will be beneficial.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-level Product Designer, typically requiring 2-5 years of experience. It offers a significant opportunity to impact product direction and user experience within a growing startup. The scope includes both the creative execution of UI/UX and strategic input through research and collaboration.

Reporting Structure: The designer will likely report to a Product Manager or Creative Director, working closely with development teams and other cross-functional stakeholders. This structure allows for direct interaction with product strategy and execution.

Operations Impact: The designer's work will directly influence the usability, adoption, and perceived value of Codekeeper's software escrow solutions. By transforming customer needs into intuitive interfaces, they will play a crucial role in customer satisfaction, retention, and the overall success of the product in the market.

Growth Opportunities:

• Skill Deepening: Opportunity to deepen expertise in Figma, advanced prototyping, and design systems within a focused product environment.

• Product Ownership: Potential to take on greater ownership of specific product features or modules, contributing more heavily to product strategy and roadmap decisions.

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

• Industry Exposure: Gain valuable experience in the specialized field of software escrow and B2B SaaS product design.

📝 Enhancement Note: The growth trajectory for this role is typical for a startup environment: significant impact and learning opportunities due to a smaller, agile team. Success here could lead to more senior design roles or even specialized product management positions, given the emphasis on understanding customer needs and influencing outcomes.

🌐 Work Environment

Office Type: Remote-first company with a central office in The Hague, Netherlands. This indicates that while the company has a physical presence, the primary mode of operation for many employees, including this role, is remote.

Office Location(s): The Hague, Netherlands (central office). However, the role is explicitly remote and targets candidates in Indonesia, suggesting a distributed global team.

Workspace Context:

• Remote Collaboration: Expect to utilize digital collaboration tools extensively for communication, design reviews, and team meetings.

• Tooling & Technology: Access to Figma is a requirement. The company likely provides other necessary software and tools for remote work and design collaboration.

• Team Interaction: While remote, the company emphasizes regular team activities and gatherings, suggesting efforts to maintain a connected and engaging team culture despite geographical distribution.

Work Schedule: The standard working hours are 40 hours per week. For a remote role targeting Indonesia, there will be a need to align with core collaboration hours for meetings and team syncs, potentially requiring flexibility to accommodate different time zones.

📝 Enhancement Note: The remote-first nature means the work environment is digitally driven. Candidates should be comfortable with asynchronous communication and leveraging online tools for all aspects of their work, while also being mindful of potential time zone differences when collaborating with colleagues.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Application Review: Your application and portfolio will be the first point of contact. Focus on tailoring your response to the prompt and showcasing relevant Figma work.

• Portfolio Presentation & Discussion: Expect a session where you present your portfolio, discuss your design process, and explain how you've translated user needs into successful designs. Be prepared to elaborate on your Figma usage and design system experience.

• Cross-functional Interviews: You'll likely meet with Product Managers, fellow designers, and potentially engineers to assess your collaboration skills, technical understanding, and cultural fit.

• Case Study/Design Challenge (Potential): Some companies may present a small design challenge or ask you to analyze a specific problem, requiring you to demonstrate your problem-solving and design thinking skills in real-time or as a take-home assignment.

• Final Interview: A final conversation, possibly with leadership, to discuss your alignment with Codekeeper's vision and growth potential.

Portfolio Review Tips:

• Tailor to the Prompt: Your application should directly address the "How to Apply" section, explaining your vision for the role and the company's future.

• Figma Showcase: Highlight projects where you extensively used Figma, detailing your workflow, component usage, and any collaborative features you leveraged.

• Process Over Pixels: While visual appeal is important, emphasize your thought process, problem-solving approach, and the rationale behind your design decisions.

• Quantify Impact: Wherever possible, include metrics or outcomes that demonstrate the success of your designs.

• Conciseness & Clarity: Ensure your portfolio is well-organized, easy to navigate, and that your case studies are clear and to the point.

Challenge Preparation:

• Understand the Product: Research Codekeeper and the software escrow industry. Think about potential user pain points and design opportunities.

• Figma Familiarity: Be ready to discuss your Figma workflow and potentially use it during a live challenge.

• Communication: Practice articulating your design decisions clearly and concisely, as you will need to explain your rationale to non-designers.

📝 Enhancement Note: The application instructions are unique, emphasizing a narrative response about your future role and the company's role in yours. This suggests the company values initiative and a proactive approach to understanding their business and how you can contribute. The portfolio review will be critical, with a strong emphasis on Figma and process.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: This is the core design tool and a mandatory requirement. Expect to use it for all aspects of the design process, from wireframing to high-fidelity mockups and prototyping.

• Prototyping Tools: While Figma has robust prototyping capabilities, familiarity with other tools may be beneficial for certain workflows or integrations.

Analytics & Reporting:

CRM & Automation:

• Not directly relevant to the designer role, but understanding how user data flows from CRM and marketing automation platforms can provide context for user journeys.

📝 Enhancement Note: The explicit requirement for Figma is paramount. Proficiency in this tool is non-negotiable. While other tools aren't listed, a modern design workflow often involves some level of integration with analytics and project management tools.

👥 Team Culture & Values

Operations Values:

• Customer Focus: A strong emphasis on translating customer needs into user journeys and intuitive interfaces, indicating a dedication to user-centered design.

• Innovation & Agility: The "startup mindset" and "fast-paced, evolving environments" suggest a culture that embraces change, experimentation, and rapid iteration.

• Collaboration & Communication: Valuing open communication and direct feedback implies a supportive environment where ideas are shared freely, and constructive criticism is a part of the growth process.

• Ownership & Impact: The role is described as having "ownership" and the opportunity to "make a real impact," suggesting a culture that empowers individuals to take responsibility for their work and its outcomes.

• Passion & Enthusiasm: The mention of "dedication, enthusiasm, and a sense of humor" points to a desire for team members who are not only skilled but also bring positive energy and a collaborative spirit.

Collaboration Style:

• Cross-functional Integration: Designers are expected to work closely with Product Managers and Creative Directors, fostering a collaborative approach to product development.

• Direct Feedback Culture: The emphasis on open communication and direct feedback suggests a healthy dynamic where team members feel comfortable sharing constructive criticism and suggestions.

• Knowledge Sharing: In a startup, there's often a culture of shared learning and problem-solving, where team members contribute to each other's growth and development.

📝 Enhancement Note: The culture appears to be a blend of startup dynamism, user-centricity, and a supportive, communicative team environment. Candidates who are proactive, adaptable, and enjoy collaborating closely with product and development teams will likely thrive.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapid Iteration Cycles: The fast-paced startup environment means designs may need to be iterated on quickly and frequently, requiring adaptability and resilience.

• Balancing User Needs with Business Goals: Effectively translating diverse customer needs while aligning with Codekeeper's business objectives and technical constraints will be an ongoing challenge.

• Evolving Design System: As the company grows, maintaining and evolving the design system to support new features and ensure consistency will require diligent effort.

• Remote Collaboration Dynamics: Effectively collaborating and communicating design intent across different time zones and remotely requires strong interpersonal and digital communication skills.

Learning & Development Opportunities:

• Figma Mastery: Opportunity to become an expert user of Figma, exploring its advanced features and collaborative capabilities.

• Product Strategy Involvement: Gain exposure to product strategy and roadmap planning, contributing to the direction of Codekeeper's offerings.

• SaaS & B2B Design Experience: Develop specialized skills in designing for B2B SaaS products, understanding the unique demands of this market.

• Career Progression: Potential to grow into a senior design role, lead design initiatives, or influence product management decisions as the company scales.

📝 Enhancement Note: The challenges presented are typical of a startup environment, emphasizing adaptability and strong communication. The growth opportunities are significant, offering a chance to develop specialized skills and gain broad product experience.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to translate complex customer needs into a simple and intuitive user interface. What was your process, and what tools did you use (specifically mentioning Figma)?"

• "How do you approach user research and incorporate feedback into your design process? Provide an example from your portfolio."

• "Imagine you're tasked with designing a new feature for a software escrow platform. What would be your first steps, and how would you ensure it meets user needs and business objectives?"

Company & Culture Questions:

• "What interests you about Codekeeper and the software escrow industry?"

• "How do you see yourself contributing to a startup environment with a 'fast-paced, evolving' culture?"

• "Describe your ideal team environment and how you contribute to open communication and direct feedback."

Portfolio Presentation Strategy:

• Narrative Flow: Structure your portfolio presentation around the "story" of each project: the problem, your process (emphasizing Figma), the solution, and the outcome.

• Figma Deep Dive: Be prepared to walk through key screens or prototypes in Figma, highlighting specific features, components, or workflows you utilized.

• Quantify Impact: Clearly state any metrics or user feedback that demonstrate the success of your designs.

• Address the Prompt: Weave in your understanding of Codekeeper's mission and how your skills align with their future.

• Concise Storytelling: Keep your explanations focused and engaging, ensuring you cover the essential aspects without getting bogged down in minor details.

📝 Enhancement Note: The interview process will likely test not only design skills but also problem-solving abilities, communication, and cultural fit. The emphasis on understanding Codekeeper and the unique application prompt means preparation should include thorough company research and thoughtful consideration of your personal career trajectory in relation to theirs.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the provided link: https://codekeeper.applytojob.com/apply/FsxtRQWStg/Product-Designer-Figma

• Craft a tailored response: Address the "How to Apply" section directly. Instead of a generic cover letter, write a narrative explaining how you envision your role at Codekeeper and how Codekeeper fits into your future.

• Curate your Figma Portfolio: Ensure your portfolio prominently features your best work created in Figma. Select case studies that demonstrate your end-to-end design process, from user research to final mockups and prototypes.

• Optimize Your Resume: Highlight your experience with Figma, user journey mapping, UI design, and working in fast-paced environments. Quantify achievements where possible.

• Prepare for the Interview: Research Codekeeper, the software escrow industry, and typical UX/UI design challenges in a B2B SaaS context. Practice presenting your portfolio and articulating your design rationale.

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