UX/UI Product Designer (Design Engineer)

📍 Job Overview

Job Title: UX/UI Product Designer (Design Engineer)

Company: OOCA

Location: Bangkok, Thailand

Job Type: FULL_TIME

Category: Product Design / Engineering Operations

Date Posted: 2026-08-24

Experience Level: 2-5 Years

Remote Status: Hybrid

🚀 Role Summary

• Design and implement end-to-end user experiences (UX) and user interfaces (UI) across both mobile and web platforms.

• Develop front-end code using React and TypeScript to bring designs to life, ensuring seamless translation from concept to functional product.

• Define and optimize user journeys, information architecture, and user flows, with a particular focus on critical moments like booking, onboarding, and crisis support.

• Conduct comprehensive user research, including interview design, participant recruitment, moderation, and synthesis of findings to inform product decisions.

• Integrate AI-driven features into the product, focusing on areas such as intelligent loading states, response handling, and effective handoff to human clinicians.

📝 Enhancement Note: This role uniquely blends traditional UX/UI design with direct front-end development responsibilities, requiring a candidate who can not only conceptualize but also build. The emphasis on AI-augmented design and independent product building suggests a forward-thinking team and a high degree of autonomy for the selected candidate. The "Design Engineer" title strongly indicates the expectation of coding proficiency.

📈 Primary Responsibilities

• Conceptualize, design, and prototype intuitive and engaging user interfaces for OOCA's digital mental health platforms (mobile and web).

• Translate design concepts into functional front-end code, primarily using React and TypeScript, ensuring high-quality, maintainable, and performant applications.

• Map detailed user journeys and information architecture for key user flows, ensuring a coherent and efficient user experience.

• Plan and execute user research initiatives, from defining objectives and recruiting participants to moderating interviews and synthesizing actionable insights.

• Develop and maintain OOCA's component library and design patterns within the codebase, ensuring consistency and scalability.

• Collaborate closely with cross-functional teams, including engineers, product managers, stakeholders, and the CEO, to align on product vision and execution.

• Act as a design standard-bearer, teaching and mentoring other team members on design best practices and efficient development workflows.

📝 Enhancement Note: The responsibility to "teach what you learn" and "set the design standard" indicates a senior or lead-potential aspect to this role, even with the stated 2-5 years of experience. The focus on "shipping the front end yourself" and "AI-augmented product designer" highlights a hands-on, results-oriented approach expected from the candidate.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a background or demonstrated proficiency equivalent to a degree in Computer Science, Software Engineering, Human-Computer Interaction, Design, or a related field is expected, particularly given the engineering component.

Experience: 2-5 years of progressive experience in UX/UI design, with a significant portion involving front-end development. Experience in a fast-paced, product-focused environment is crucial.

Required Skills:

• Proven ability to design and build functional front-end code, with a strong preference for React and TypeScript. Candidates should be comfortable cloning repositories, running applications locally, and submitting pull requests.

• Daily practical experience utilizing AI coding tools such as Claude Code, Cursor, or similar, to enhance development efficiency and quality.

• Exceptional visual design skills, demonstrating mastery of typography, spacing, visual hierarchy, and a restrained, effective aesthetic.

• Experience with responsive design principles and methodologies, working collaboratively within a development team to implement them.

• Advanced proficiency in Figma, including deep understanding and application of Auto Layout, components, variables, and interactive prototyping features for both exploration and code translation.

• Demonstrated ability to independently plan and execute user interviews, yielding meaningful insights that drive product improvements.

• Strong communication and organizational skills, with the ability to manage personal deliverables and priorities effectively.

• A highly adaptable and fast-learning mindset, comfortable with pivoting direction based on new evidence and feedback.

• Fluency in both spoken and written English and Thai. Preferred Skills:

• Prior experience in the health, mental health, or other regulated industries, understanding the unique design and compliance challenges.

• Practical application of design thinking frameworks, Agile methodologies, or the Hooked Model for product development.

• Familiarity with accessibility standards (WCAG) and designing for low-bandwidth mobile environments.

📝 Enhancement Note: The requirement for direct front-end coding proficiency (React/TypeScript) and daily use of AI coding tools is a significant differentiator. This isn't a purely design role; it's a hybrid "Design Engineer" position where building is as critical as designing. The preference for regulated industries suggests a need for attention to detail and a structured approach to product development.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least two to three significant projects that have been successfully shipped, demonstrating end-to-end design and development contributions.

• For each shipped project, provide a concise paragraph detailing a specific design or development decision that was ultimately incorrect, and explain the lessons learned and subsequent adjustments made.

• Include a link or demonstration of a project or component built with the assistance of AI coding tools, highlighting the impact on efficiency or outcome.

• Present a brief analysis of a poorly designed product the candidate uses, with a clear articulation of the primary issues and a prioritized plan for improvement. Process Documentation:

• Demonstrate experience in defining and documenting end-to-end user journeys and detailed user flows, showing a clear understanding of information architecture and user task completion.

• Provide examples of how design decisions were informed by user research, including synthesis of interview findings and their translation into design iterations.

• Showcase contributions to or creation of component libraries and design pattern documentation, emphasizing consistency, reusability, and maintainability within a codebase.

📝 Enhancement Note: The portfolio requirements are highly specific and geared towards assessing both design craft and development capability, with a strong emphasis on learning from mistakes and leveraging modern AI tools. The "decision you got wrong" prompt is a key indicator of a desire for self-aware, growth-oriented candidates.

💵 Compensation & Benefits

Salary Range: Based on the provided experience level (2-5 years), location (Bangkok, Thailand), and the hybrid nature of the role requiring both design and development skills, a competitive salary range for a UX/UI Product Designer (Design Engineer) in Bangkok would typically fall between 900,000 THB to 1,500,000 THB per year (approximately 25,000 - 42,000 USD per year). This estimate considers the specialized skill set, the demand for hybrid roles, and the cost of living in Bangkok.

Benefits:

• Health Insurance: Comprehensive medical coverage.

• Annual Leave: 12 days of paid time off per year.

• Mental Health Counseling: Access to sessions with psychiatrists and psychologists through the OOCA platform, reflecting the company's mission.

• Social Security Insurance: Standard Thai social security benefits.

• Provident Fund: A retirement savings plan, subject to specific conditions.

• Annual Health Check-up: Provided to employees, subject to conditions.

• Special Discount Home Loan Interest: Partnership with the Government Housing Bank.

• BYOD Policy Subsidy: Monthly subsidy of 1,000 THB for employees using personal laptops less than 3 years old (requires registration).

Working Hours: Standard full-time, likely around 40 hours per week. The hybrid arrangement offers flexibility in terms of location, but core working hours will likely be established for effective team collaboration.

📝 Enhancement Note: The salary range is an estimate based on market research for similar roles in Bangkok, Thailand, factoring in the dual skill requirement (design + front-end dev) and the tech/healthcare industry. The benefits package is comprehensive and strongly aligned with OOCA's focus on mental well-being. The BYOD subsidy is a notable perk for a tech-focused role.

🎯 Team & Company Context

🏢 Company Culture

Industry: Digital Health / Mental Health Technology. OOCA is a pioneer in providing accessible teletherapy and digital mental health solutions in Thailand, operating in a growing and increasingly important sector. This context implies a mission-driven environment focused on user well-being and data privacy.

Company Size: OOCA operates as a growing startup. While the exact number of employees isn't specified, the need for two designers suggests a team that is scaling its product development capabilities to meet market demand. This size typically means a dynamic, hands-on environment where individuals can have a significant impact.

Founded: Founded in 2017, OOCA has established a solid presence in the Thai market, with services ranging from teletherapy to on-site corporate mental health programs and a physical clinic. This history indicates a stable yet agile organization that has successfully navigated early-stage growth.

Team Structure:

• The design team is likely small but growing, with this role and one other designer forming the core product design function.

• The reporting structure will probably be relatively flat, with the designer(s) reporting directly to a Head of Product, CTO, or potentially the CEO, given the startup environment and the CEO's direct involvement mentioned in the job description.

• Cross-functional collaboration is paramount, with designers working intimately with engineers, product stakeholders, and potentially clinical advisors to ensure the product is both technically feasible and clinically relevant. Methodology:

• Data analysis and insights are central, driven by user research and product performance metrics to inform design and development decisions.

• Workflow planning and optimization are critical, especially given the hybrid design/development role, requiring efficient processes for ideation, design, coding, and iteration.

• Automation and efficiency practices are likely encouraged, particularly with the integration of AI coding tools and the need for scalable design systems.

Company Website: https://ooca.co/

📝 Enhancement Note: The company's mission in digital mental health is a strong cultural anchor. The startup environment implies a fast-paced, collaborative, and impact-driven culture. The "design and build" aspect suggests a strong engineering-centric culture that values product ownership and technical execution.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-level "Design Engineer." It requires a solid foundation in both UX/UI design principles and front-end development practices. The expectation is for an individual who can operate with a degree of autonomy, manage their own projects, and contribute to setting technical and design standards.

Reporting Structure: The candidate will likely report to a senior technical leader (e.g., CTO) or a product lead, working closely with a small team of engineers and product managers. Direct interaction with the CEO is also expected, indicating visibility and potential for rapid feedback and influence.

Operations Impact: The role has a direct impact on OOCA's core product offering. By designing and building user-facing features, the candidate will directly influence user engagement, accessibility of mental health services, and the overall effectiveness of the OOCA platform. This includes designing for sensitive user states and ensuring a reliable, intuitive experience during critical moments.

Growth Opportunities:

• Specialization: Develop deep expertise at the intersection of UX/UI design, front-end development (React/TypeScript), and AI-augmented product design.

• Leadership: As the design function grows, there's potential to move into a Lead Designer or Design Engineering role, mentoring junior team members and shaping the product's technical and aesthetic direction.

• Product Ownership: Gain significant experience in owning product features end-to-end, from initial concept and user research through to development, deployment, and iteration.

• Industry Expertise: Deepen knowledge in the digital mental health sector, understanding its unique challenges and opportunities for innovation.

📝 Enhancement Note: The "Design Engineer" title and the dual responsibilities suggest a role that offers accelerated growth for individuals looking to become full-stack product creators. The emphasis on AI tools also positions the candidate at the forefront of emerging design and development trends.

🌐 Work Environment

Office Type: The role is advertised as "Hybrid," indicating a mix of remote work and in-office presence. OOCA has a physical clinic at Gaysorn, suggesting this could be a potential office location or a hub for collaboration. The exact balance of remote versus in-office days will likely be determined by team needs and flexibility.

Office Location(s): Bangkok, Thailand. Specific office details beyond the Gaysorn clinic are not provided, but being based in Bangkok offers access to a major metropolitan hub with a growing tech ecosystem.

Workspace Context:

• Collaborative Environment: Expect a dynamic startup environment that values close collaboration between design, engineering, and product teams. Regular communication and brainstorming sessions are likely.

• Tools and Technology: Access to industry-standard design tools (Figma) and development environments, with a strong emphasis on leveraging AI coding tools. The company likely provides necessary software licenses and potentially hardware support as per the BYOD policy.

• Team Interaction: Opportunities for frequent interaction with engineers, product managers, and leadership, fostering a culture of shared ownership and rapid feedback loops.

Work Schedule: While the core work hours are likely around 40 per week, the hybrid nature and startup environment may offer some flexibility. However, prompt communication and responsiveness are expected, especially when working with AI tools and collaborating on development tasks.

📝 Enhancement Note: The hybrid nature is key. Candidates should expect to balance remote work with in-office collaboration, likely at OOCA's Bangkok-based facilities. The emphasis on AI tools suggests a modern, tech-forward workspace.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of CV and portfolio, focusing on shipped projects, AI tool usage, and the "decision you got wrong" prompt.

• Technical/Design Assessment: A practical exercise or discussion covering UX/UI design skills, front-end coding capabilities (React/TypeScript), and Figma proficiency. This might involve a live coding session or a deep dive into a portfolio project.

• User Research Discussion: An evaluation of the candidate's approach to user interviews, synthesis, and how they translate research into design decisions.

• Behavioral & Cultural Fit: Interviews focused on problem-solving, collaboration, learning agility, and alignment with OOCA's mission and values. Expect questions about working with AI, handling ambiguity, and managing priorities.

• Final Round: Potentially with the CEO or senior leadership to discuss overall product vision and strategic fit.

Portfolio Review Tips:

• Demonstrate Dual Capability: Clearly highlight projects where you were responsible for both design and front-end implementation. Use clear labeling to distinguish your contributions.

• Showcase AI Integration: Make the link to something built with AI assistance prominent. Be prepared to explain the specific tools used, the process, and the tangible benefits achieved.

• Address Mistakes Directly: For the "decision you got wrong" prompt, be specific, honest, and focus on the learning and adaptation. This shows maturity and a growth mindset.

• Structure for Clarity: Organize your portfolio logically. For each project, include the problem, your role, the process (research, design, development), key decisions, outcomes (metrics if possible), and lessons learned.

• Code Snippets/Links: Where appropriate, provide links to public repositories or code snippets that showcase your React/TypeScript skills.

Challenge Preparation:

• Design & Code Challenge: Be ready for a task that might involve designing a small feature and then implementing a basic version of it in React/TypeScript. Focus on clean code, clear UI, and efficient design.

• AI Tool Proficiency: Practice using AI coding assistants for common tasks (e.g., generating boilerplate code, debugging, refactoring) and be ready to discuss your workflow and preferred tools.

• User Interview Simulation: Prepare to walk through how you would plan and conduct a user interview for a specific OOCA feature.

📝 Enhancement Note: The application process emphasizes practical skills and self-awareness. The portfolio is crucial, and candidates must be ready to demonstrate both design and development capabilities, along with their ability to learn from mistakes and leverage AI tools.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Advanced proficiency is mandatory for UX/UI design, wireframing, prototyping, and managing design systems (Auto Layout, components, variables).

• React: Core front-end JavaScript library for building user interfaces.

• TypeScript: Superset of JavaScript that adds static typing, enhancing code quality and maintainability.

• AI Coding Assistants: Daily use expected with tools like Claude Code, Cursor, GitHub Copilot, or similar.

Analytics & Reporting:

• While not explicitly mentioned, expect to work with product analytics tools (e.g., Google Analytics, Mixpanel, Amplitude) to track user behavior and feature adoption.

• Proficiency in creating dashboards and reports to communicate design and development impact would be beneficial. CRM & Automation:

• Not directly specified as a primary tool for this role, but understanding how design and front-end work integrates with CRM systems (if any) and automation workflows could be advantageous.

📝 Enhancement Note: The technology stack is heavily focused on modern web development and design tooling. The explicit mention of AI coding tools is a key differentiator and a critical skill to highlight.

👥 Team Culture & Values

Operations Values:

• Mission-Driven: A strong commitment to improving mental health accessibility in Thailand. Expect a culture that prioritizes user well-being and impact over pure profit.

• Innovation & Agility: Embracing new technologies like AI to enhance product development and user experience. The startup environment fosters rapid iteration and adaptability.

• Collaboration & Ownership: Working closely with cross-functional teams, taking ownership of design and development tasks, and actively contributing to team knowledge sharing.

• Data-Informed Decisions: Utilizing user research and product analytics to guide design and development choices, ensuring that changes are evidence-based.

• Continuous Learning: A culture that encourages learning and skill development, particularly in emerging areas like AI-augmented design and development.

Collaboration Style:

• Integrated Design & Development: Expect a collaborative approach where designers and developers work hand-in-hand, with seamless handoffs and ongoing communication to ensure designs are implemented accurately and efficiently.

• Feedback-Oriented: An open culture for giving and receiving constructive feedback on designs, code, and processes to drive continuous improvement.

• Knowledge Sharing: Encouraging team members to share learnings, best practices, and new techniques, especially concerning AI tools and efficient development workflows.

📝 Enhancement Note: The company's mission in mental health is a strong cultural driver. The emphasis on integrating design and development, alongside the use of AI, points to a modern, progressive, and highly collaborative work environment.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging Design and Development: Effectively managing the dual responsibilities of high-quality UX/UI design and efficient front-end code implementation.

• AI Integration Nuances: Mastering the use of AI coding tools to maximize efficiency without compromising code quality or creative design integrity.

• User Research in Sensitive Areas: Conducting user interviews and designing for mental health requires a high degree of empathy, ethical consideration, and sensitivity.

• Rapid Iteration: Thriving in a fast-paced startup environment that requires quick adaptation to feedback and changing priorities.

Learning & Development Opportunities:

• AI Tool Mastery: Becoming an expert in AI-augmented product design and development, staying ahead of the curve in this rapidly evolving field.

• Full-Stack Product Ownership: Gaining comprehensive experience from concept to deployment, leading to a well-rounded product development skillset.

• Digital Health Expertise: Deepening understanding of the unique challenges and opportunities within the digital mental health sector.

• Mentorship & Leadership: Opportunities to mentor junior designers/developers and potentially grow into a leadership role as the team expands.

📝 Enhancement Note: The primary challenge lies in excelling at two distinct, though related, disciplines. Growth opportunities are significant for individuals who can master this hybrid role and contribute to a mission-driven tech company.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex user journey you designed and built. What were the key decision points, and how did you ensure a seamless experience from design to code?" (Focus on process, problem-solving, and dual-skill demonstration)

• "How do you integrate AI coding tools into your daily workflow? Can you provide an example where AI helped you overcome a specific design or development challenge?" (Highlight practical AI application and efficiency gains)

• "Walk us through a time you received critical feedback on a design or a piece of code. How did you handle it, and what changes did you implement?" (Assess adaptability, learning from mistakes, and collaboration) Company & Culture Questions:

• "Why are you interested in OOCA's mission, and how does your background as a Design Engineer align with our goals in digital mental health?" (Demonstrate mission alignment and role fit)

• "How do you approach balancing the needs of different stakeholders (e.g., engineers, product managers, CEO) when developing a new feature?" (Assess communication and stakeholder management skills)

• "Describe your experience with user research. How do you ensure your research findings lead to actionable design improvements?" (Evaluate user-centricity and research methodology) Portfolio Presentation Strategy:

• Storytelling: For each portfolio piece, tell a compelling story about the problem, your approach, the challenges, your solutions (design and code), and the impact.

• Highlight Dual Role: Clearly articulate your contributions in both design and development for each project. Use visual aids or code snippets to illustrate your work.

• Quantify Impact: Wherever possible, use metrics to demonstrate the success of your work (e.g., conversion rates, engagement improvements, reduction in bugs).

• Showcase AI Usage: Make sure your AI-assisted project is clearly presented, explaining the specific benefits and your role in guiding the AI.

• Be Prepared for Live Tasks: Have Figma and a code editor (or be ready to use an online one) available for potential live design or coding exercises.

📝 Enhancement Note: Interview preparation should focus on demonstrating proficiency in both design and development, practical application of AI tools, and a clear understanding of OOCA's mission. The portfolio is your primary tool for showcasing these capabilities.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided Workable link, ensuring all required fields are completed accurately.

• Portfolio Customization: Tailor your portfolio to prominently feature 2-3 shipped projects that showcase both your UX/UI design and front-end development (React/TypeScript) skills. Specifically include the "decision you got wrong" narrative for each project and highlight any work done with AI assistance.

• Resume Optimization: Update your resume to clearly articulate your experience with React, TypeScript, Figma, AI coding tools, and user research. Use action verbs and quantify achievements wherever possible, aligning keywords with those in the job description.

• Interview Preparation: Practice presenting your portfolio, focusing on your dual role as a designer and engineer. Prepare to discuss your approach to user research, AI integration, and problem-solving, with specific examples from your work.

• Company Research: Thoroughly research OOCA's mission, services, and recent news. Understand their approach to digital mental health and how your skills can contribute to their growth and impact.

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