UI UX Developer

📍 Job Overview

Job Title: UI/UX Developer

Company: Dysrupit

Location: Makati City, Metro Manila, Philippines

Job Type: Full-Time

Category: UI/UX Design & Front-end Development

Date Posted: 2026-09-10

Experience Level: 5-10 Years

Remote Status: Remote OK

🚀 Role Summary

• Design and develop intuitive, engaging, and user-friendly digital experiences for modern web applications, focusing on a seamless user journey.

• Implement robust front-end solutions using modern frameworks like React, Next.js, or Angular, ensuring high performance and maintainability.

• Collaborate effectively within an Agile/Scrum development environment, contributing to iterative design and development cycles.

• Translate complex user needs and business requirements into clear wireframes, prototypes, mockups, and user flows.

📝 Enhancement Note: This role is positioned as a hybrid UI/UX Designer and Front-end Developer, requiring a strong blend of creative design thinking and practical coding implementation. The emphasis on "modern web applications" suggests a need for up-to-date framework knowledge and best practices.

📈 Primary Responsibilities

• Conceptualize and design user interfaces for web applications, creating wireframes, prototypes, and high-fidelity mockups that align with user-centered design principles.

• Develop and implement responsive, user-friendly interfaces using HTML5, CSS3, and JavaScript, ensuring cross-browser compatibility and mobile-first design.

• Build and maintain user interfaces using modern front-end frameworks such as React, Next.js, or Angular, adhering to coding standards and best practices.

• Collaborate closely with product managers, designers, and back-end developers to define user requirements, iterate on designs, and ensure successful feature implementation.

• Conduct usability testing and user research, gathering feedback to inform design decisions and improve the overall user experience.

• Ensure adherence to accessibility standards (e.g., WCAG) in all design and development efforts, creating inclusive digital products.

• Optimize front-end performance for speed and scalability, integrating with APIs and RESTful services as needed.

📝 Enhancement Note: The responsibilities clearly indicate a need for a candidate who can bridge the gap between design and development. The emphasis on collaboration, testing, and optimization points towards a role that requires a holistic approach to front-end product development.

🎓 Skills & Qualifications

Education: Specific educational requirements are not detailed, but a Bachelor's degree in Computer Science, Design, Human-Computer Interaction, or a related field, or equivalent practical experience, is generally expected for roles of this seniority.

Experience: 5+ years of professional experience in UI/UX design and front-end development.

Required Skills:

• Proficiency in HTML5, CSS3, and JavaScript.

• Hands-on experience developing user interfaces with modern front-end frameworks such as React, Next.js, or Angular.

• Solid understanding of UX principles, user-centered design, usability, and accessibility standards.

• Experience creating wireframes, prototypes, mockups, and user flows.

• Proficiency in responsive web design and cross-browser compatibility testing.

• Strong communication skills and experience working effectively in an Agile/Scrum environment. Preferred Skills:

• Familiarity with design tools such as Figma, Sketch, Adobe XD, or similar.

• Experience with TypeScript, Bootstrap, Material UI, or other UI libraries and frameworks.

• Knowledge of accessibility standards like Web Content Accessibility Guidelines (WCAG) and experience building accessible web applications.

• Experience conducting user research and usability testing, and incorporating feedback into designs.

• Familiarity with design systems, component libraries, and reusable UI patterns.

• Experience with version control tools such as Git, GitHub, Bitbucket, or Azure DevOps.

• Basic understanding of API integration, REST services, and front-end performance optimization.

• Knowledge of Search Engine Optimization (SEO) best practices and web analytics tools.

• Experience with Agile project management tools like Jira, Confluence, or Azure Boards.

📝 Enhancement Note: The "5+ years of experience" strongly suggests this is not an entry-level position, and candidates should be prepared to showcase a portfolio demonstrating significant project contributions and problem-solving capabilities. The inclusion of both design tools and front-end frameworks signifies a need for a T-shaped skillset with deep expertise in front-end development and broad knowledge of UX/UI principles.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing a minimum of 5 years of UI/UX design and front-end development projects.

• Demonstrate a clear understanding of the design process, from initial concept and wireframing to final implementation and user testing.

• Include case studies that highlight problem-solving approaches, user-centered design strategies, and the impact of your work on user experience and business goals.

• Showcase proficiency in responsive design, cross-browser compatibility, and accessibility standards (WCAG).

• Present examples of UI development using React, Next.js, or Angular, detailing your role and contributions. Process Documentation:

• Provide examples of wireframes, user flows, and interactive prototypes created using design tools like Figma.

• Document your approach to user research and usability testing, including methodologies used and how feedback was incorporated.

• Illustrate your front-end development workflow, including code examples demonstrating clean, maintainable, and performant code.

• Showcase experience with version control systems like Git, including branching strategies and collaborative workflows.

📝 Enhancement Note: For a UI/UX Developer role with significant experience requirements, a robust portfolio is critical. Candidates should curate their portfolio to highlight projects that demonstrate their ability to translate complex requirements into elegant, functional, and user-friendly interfaces, with a strong emphasis on both design rationale and technical execution.

💵 Compensation & Benefits

Salary Range: Given the location (Makati City, Philippines), 5-10 years of experience, and the hybrid UI/UX and front-end development skill set, a competitive salary range would typically fall between PHP 90,000 to PHP 180,000 per month, depending on the specific experience, skill set, and the company's compensation structure.

Benefits:

• Full-time employment with potential for long-term career growth.

• Opportunities for professional development and continuous learning in cutting-edge technologies.

• Contribution to a dynamic and innovative team environment.

• (Potential for standard Philippine benefits such as SSS, PhilHealth, Pag-IBIG contributions, and statutory leaves, subject to company policy).

• Remote work flexibility, allowing for a better work-life balance.

Working Hours: The standard working hours are likely 40 hours per week, typical for full-time positions. The role's Agile/Scrum environment may involve daily stand-ups and iterative sprints, requiring focused work periods.

📝 Enhancement Note: Salary estimation is based on industry benchmarks for experienced UI/UX Developers and Front-end Engineers in Metro Manila, Philippines, considering the specified experience level. Actual compensation may vary. Benefits are generalized and should be confirmed with the employer.

🎯 Team & Company Context

🏢 Company Culture

Industry: Dysrupit operates within the technology sector, likely focusing on software development, digital solutions, or product innovation, given the role's nature. The company's name, "Dysrupit," suggests an ambition to innovate and disrupt existing markets through technology.

Company Size: Dysrupit is part of a larger network, as indicated by the bamboohr.com domain and the specific hiring portal URL. The exact size within the Philippines is not specified, but typically such platforms are used by companies ranging from startups to mid-sized enterprises. This implies a potentially agile and fast-paced environment.

Founded: The company's founding date is not provided, but its use of modern recruitment platforms suggests a contemporary operational approach.

Team Structure:

• The UI/UX Developer will likely be part of a product development or engineering team, working alongside other developers, designers, product managers, and QA engineers.

• The team operates within an Agile/Scrum framework, indicating a structured yet flexible approach to project management and collaboration.

• Cross-functional collaboration is essential, requiring close interaction with stakeholders from product, design, and engineering to deliver cohesive digital experiences. Methodology:

• The team employs Agile methodologies (Scrum), emphasizing iterative development, continuous feedback, and rapid adaptation.

• User-centered design principles are paramount, ensuring that all product development is driven by user needs and usability best practices.

• Emphasis on modern front-end development practices, including responsive design, component-based architecture, and performance optimization.

Company Website: https://dysrupit.com

📝 Enhancement Note: The company's name and the nature of the role suggest a forward-thinking, innovative culture that values user experience and cutting-edge technology. The Agile/Scrum environment implies a need for strong communication and collaborative skills.

📈 Career & Growth Analysis

Operations Career Level: This role is for an experienced UI/UX Developer, typically considered a mid-level to senior position, requiring 5-10 years of hands-on experience. The responsibilities encompass both design strategy and technical implementation, offering a broad scope for impact.

Reporting Structure: The UI/UX Developer likely reports to a Design Lead, Engineering Manager, or Product Manager, depending on the specific team structure within Dysrupit. Collaboration will be cross-functional, involving various departments.

Operations Impact: The UI/UX Developer plays a crucial role in shaping the user-facing aspects of Dysrupit's products. Their work directly influences user engagement, satisfaction, conversion rates, and the overall perception of the company's digital offerings. By ensuring intuitive and efficient user experiences, they contribute significantly to customer retention and business success.

Growth Opportunities:

• Specialization: Opportunity to deepen expertise in either UI design (e.g., advanced interaction design, design systems) or front-end development (e.g., specific framework mastery, performance engineering, accessibility specialization).

• Leadership: Potential to move into a Lead UI/UX Designer or Senior Front-end Developer role, mentoring junior team members and guiding project technical direction.

• Product Ownership: Transitioning into product management roles, leveraging a strong understanding of user needs and technical feasibility.

• Cross-functional Expansion: Gaining experience in areas like product strategy, user research leadership, or front-end architecture.

📝 Enhancement Note: The 5-10 year experience requirement positions this as a significant role. Growth opportunities are likely within specialized technical tracks or towards team leadership, reflecting the dual nature of the UI/UX Developer position.

🌐 Work Environment

Office Type: While the role is listed as "Remote OK," Dysrupit may have a physical office in Makati City. If an office exists, it is likely a modern, collaborative workspace designed to foster innovation and teamwork, common in tech companies.

Office Location(s): Makati City, Metro Manila, Philippines. This is a prime business district, offering accessibility and a vibrant professional atmosphere for those who choose to work from the office.

Workspace Context:

• A collaborative environment where designers and developers work closely together, encouraging open communication and knowledge sharing.

• Access to modern development tools and design software essential for creating high-quality digital products.

• Opportunities to engage with a diverse team of professionals, fostering a dynamic and inclusive work atmosphere.

• For remote workers, the company likely supports a productive home office setup, emphasizing clear communication channels and virtual collaboration tools.

Work Schedule: Standard full-time work hours (estimated 40 hours/week). The Agile/Scrum methodology may involve flexible scheduling for daily stand-ups and sprint planning/retrospectives, but core working hours will be expected for team collaboration.

📝 Enhancement Note: The "Remote OK" status suggests a hybrid approach, offering flexibility. The workspace context emphasizes collaboration and the use of modern tools, whether in-office or remote.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with HR or a recruiter to assess basic qualifications, experience, and cultural fit.

• Technical Assessment: This may involve a coding challenge (e.g., a small front-end project, a coding puzzle) or a technical interview focusing on HTML, CSS, JavaScript, and front-end frameworks.

• Portfolio Review: A dedicated session where candidates present their portfolio, discussing specific projects, their design process, technical implementation, and the impact of their work. Be prepared to articulate design choices and trade-offs.

• Team/Hiring Manager Interview: Discussion about problem-solving skills, collaboration approach, experience with Agile methodologies, and alignment with Dysrupit's culture and values.

• Final Interview: Potentially with a senior leader, focusing on strategic thinking, long-term career goals, and overall fit.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 of your strongest projects that best represent your UI/UX design and front-end development skills, particularly those using React, Next.js, or Angular.

• Tell a Story: For each project, clearly outline the problem, your role, the process you followed (design and development), the challenges you faced, your solutions, and the measurable outcomes or impact.

• Highlight Collaboration: Showcase instances where you collaborated effectively with team members, stakeholders, or users.

• Showcase Technical Depth: Be ready to discuss the technical aspects of your front-end implementations, including code structure, performance optimizations, and accessibility considerations.

• Prepare for Questions: Anticipate questions about your design rationale, decision-making process, how you handle feedback, and your experience with specific tools and technologies.

Challenge Preparation:

• Front-end Coding: Practice common front-end challenges, focusing on component creation, state management, API integration, and responsive design.

• UI/UX Problem Solving: Be ready to discuss how you would approach a given design problem, including user research, ideation, prototyping, and testing.

• Agile Scenarios: Prepare to discuss your experience working in Agile/Scrum teams, including your role in ceremonies like daily stand-ups, sprint planning, and retrospectives.

📝 Enhancement Note: The portfolio review is a critical component for this role. Candidates should prepare to articulate not just what they've built, but why and how, demonstrating a deep understanding of both design principles and development execution.

🛠 Tools & Technology Stack

Primary Tools:

• Front-end Frameworks: React, Next.js, or Angular (candidates should highlight expertise in at least one).

• Core Web Technologies: HTML5, CSS3, JavaScript.

• Design Tools: Figma (preferred), Sketch, Adobe XD, or similar.

• Version Control: Git, GitHub, Bitbucket, or Azure DevOps.

Analytics & Reporting:

• Web Analytics: Google Analytics, Adobe Analytics, or similar (for understanding user behavior).

• Performance Monitoring: Tools for tracking front-end performance and identifying bottlenecks.

CRM & Automation:

• While not explicitly mentioned, familiarity with how front-end integrates with CRM systems (e.g., Salesforce, HubSpot) or marketing automation platforms might be beneficial for understanding the broader business context.

• API Integration: Understanding of RESTful services and API consumption.

📝 Enhancement Note: The core technologies are clearly defined. Candidates should emphasize their proficiency with the listed frameworks and design tools. Familiarity with related tools like TypeScript, Bootstrap, and Material UI is a significant plus.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A deep commitment to understanding and serving user needs, reflected in intuitive design and seamless functionality.

• Innovation & Disruption: A drive to challenge the status quo and develop novel solutions that create significant value.

• Collaboration & Transparency: Open communication, shared learning, and effective teamwork across disciplines.

• Quality & Excellence: A dedication to delivering high-quality, well-crafted digital products with attention to detail and performance.

• Agility & Adaptability: Embracing iterative development and responding effectively to changing requirements and feedback.

Collaboration Style:

• Cross-functional Integration: Close working relationships with product managers, other developers, designers, and potentially QA and marketing teams.

• Agile Ceremonies: Active participation in Scrum meetings (stand-ups, sprint planning, reviews, retrospectives) to ensure alignment and continuous improvement.

• Feedback Loops: A culture that encourages constructive feedback on designs and code, fostering a collective approach to problem-solving and quality assurance.

• Knowledge Sharing: Encouraging the sharing of best practices, new technologies, and insights within the team.

📝 Enhancement Note: Dysrupit's name suggests a culture that embraces change and innovation. The emphasis on UI/UX and front-end development implies a strong appreciation for user experience and technical craftsmanship.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design & Development: Effectively managing the dual responsibilities of creating aesthetically pleasing and user-friendly designs while also implementing them efficiently and technically soundly.

• Rapid Iteration: Adapting quickly to evolving project requirements and user feedback within a fast-paced Agile environment.

• Cross-functional Alignment: Ensuring seamless communication and integration between design visions and development realities, and aligning with broader business objectives.

• Staying Current: Keeping pace with the rapidly evolving landscape of front-end technologies and design trends.

Learning & Development Opportunities:

• Advanced Framework Training: Deepening expertise in React, Next.js, or Angular, or exploring new frameworks.

• Design System Development: Contributing to or leading the creation and maintenance of design systems for scalable product development.

• Accessibility Specialization: Becoming an expert in WCAG guidelines and implementing best practices for inclusive design.

• Performance Optimization: Focusing on advanced techniques for front-end performance tuning.

• Mentorship: Opportunities to mentor junior developers or designers, or to be mentored by senior technical leaders.

📝 Enhancement Note: The challenges are inherent to hybrid roles and fast-paced tech environments. The growth opportunities are well-defined, allowing for specialization or leadership development.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI/UX challenge you faced in a recent project and how you overcame it, detailing both your design and development approach." (Focus on problem-solving, user-centricity, and technical execution).

• "How do you approach translating user research findings into actionable design and development tasks within an Agile sprint?" (Focus on process, collaboration, and adaptability).

• "Walk us through your process for ensuring accessibility standards (WCAG) are met in your front-end development work." (Focus on technical knowledge and commitment to inclusivity).

• "Describe your experience working with design systems or component libraries. How do you ensure consistency and maintainability?" (Focus on efficiency, scalability, and technical best practices). Company & Culture Questions:

• "What interests you about Dysrupit and our mission to disrupt the market?" (Research the company's products and vision).

• "How do you prefer to collaborate with designers and back-end developers? What makes for effective cross-functional teamwork in your experience?" (Highlight communication and Agile experience).

• "How do you stay updated with the latest trends and technologies in UI/UX and front-end development?" (Demonstrate continuous learning). Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, follow a clear story: Problem -> Your Role -> Process (Design & Dev) -> Solution -> Outcome/Impact.

• Emphasize Decision-Making: Be ready to explain why you made certain design or technical choices, discussing trade-offs and alternatives considered.

• Showcase Technical Skills: Point out specific code implementations, responsive techniques, or performance optimizations within your projects.

• Quantify Impact: Where possible, use data or metrics to demonstrate the success of your work (e.g., improved conversion rates, reduced bounce rates, increased user satisfaction).

• Be Concise and Engaging: Practice your presentation to ensure it's clear, engaging, and fits within the allotted time.

📝 Enhancement Note: Interview preparation should focus on demonstrating a blend of design thinking, technical proficiency, and collaborative ability, all within the context of Agile development and user-centric principles.

📌 Application Steps

To apply for this UI/UX Developer position:

• Submit your application through the Dysrupit careers portal.

• Portfolio Customization: Curate your portfolio to prominently feature projects that showcase your experience with React, Next.js, or Angular, and highlight your contributions to both UI design and front-end implementation. Ensure case studies detail your process and impact.

• Resume Optimization: Tailor your resume to highlight keywords from the job description, such as "UI/UX Design," "Front-end Development," specific frameworks (React, Next.js, Angular), "HTML5," "CSS3," "JavaScript," "Responsive Web Design," "Figma," and "Agile/Scrum." Quantify achievements wherever possible.

• Interview Preparation: Practice articulating your design process, technical solutions, and collaborative experiences, using specific examples from your portfolio. Prepare to discuss your understanding of UX principles and accessibility standards.

• Company Research: Familiarize yourself with Dysrupit's products, mission, and any available information about their company culture and values to demonstrate genuine interest and alignment.

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