UI/UX Web Designer

📍 Job Overview

Job Title: UI/UX Web Designer

Company: C9 Staff

Location: Philippines

Job Type: Full-time

Category: Web Design / User Experience (UX) / User Interface (UI)

Date Posted: August 07, 2026

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

Remote Status: Fully Remote

🚀 Role Summary

• This role focuses on the end-to-end design of visually appealing and highly functional websites, emphasizing user-centered design principles and conversion optimization.

• Key responsibilities include translating business requirements into intuitive user interfaces and seamless user experiences across various devices.

• The position requires advanced proficiency in design tools, particularly Figma, and a strong understanding of web design best practices for platforms like Shopify and WordPress.

• Candidates will collaborate closely with developers to ensure accurate implementation of designs while adhering to brand guidelines and project timelines.

📝 Enhancement Note: While the title is "UI/UX Web Designer," the description explicitly states this is a "design-only position and does not involve front-end or back-end web development." This distinction is crucial for candidates to understand; the role is about the visual and interactive design of websites, not their technical construction. The emphasis on Figma, wireframing, and mockups, alongside collaboration with developers, solidifies this as a pure design role within the web development lifecycle.

📈 Primary Responsibilities

• Design visually compelling, user-friendly websites for a diverse range of industries and business sizes, adhering to brand guidelines and project objectives.

• Develop comprehensive wireframes, user flows, mockups, and high-fidelity interactive prototypes from initial concept through to final stakeholder approval.

• Craft responsive website designs optimized for seamless performance and aesthetic consistency across desktop, tablet, and mobile devices (mobile-first approach).

• Collaborate effectively with front-end and back-end developers to ensure accurate translation of design intent into the final, functional website, providing clear design specifications.

• Apply user experience (UX) best practices and conversion rate optimization (CRO) principles to enhance website usability, engagement, and lead generation.

• Develop, maintain, and scale design systems, including reusable UI components, style guides, and comprehensive project files for consistency and efficiency.

• Incorporate and manage feedback from stakeholders, clients, and cross-functional teams while upholding design quality, brand integrity, and project deadlines.

• Manage a concurrent portfolio of multiple design projects, prioritizing tasks effectively to meet strict deadlines in a fast-paced remote environment.

• Ensure adherence to web accessibility best practices (WCAG guidelines) in all designs, covering aspects like color contrast, typography, navigation, and inclusive design principles.

📝 Enhancement Note: The responsibilities highlight a need for not just aesthetic design but also strategic application of UX and CRO principles. This suggests the company values designers who can demonstrate how their work directly impacts business outcomes, such as increased conversions or improved user task completion rates. The mention of "design systems" and "scalable design files" implies a need for structured, efficient design processes that can be leveraged across multiple client projects.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Graphic Design, Human-Computer Interaction, Web Design, or a related field is often preferred in the industry for foundational knowledge.

Experience: 3 to 4 years of professional experience in web design, with a proven track record of successfully launched modern, responsive websites.

Required Skills:

• Advanced proficiency in Figma, including mastery of Auto Layout, Components, Variants, and the creation/management of design systems.

• Strong portfolio showcasing a range of modern, responsive website designs that have been deployed live.

• Deep understanding of User Interface (UI) design principles, User Experience (UX) best practices, and conversion-focused design strategies.

• Expertise in designing responsive and mobile-first web experiences.

• Demonstrated experience designing for popular content management systems and e-commerce platforms, specifically Shopify and WordPress.

• Solid grasp of website structure, layout principles, and theme customization from a design perspective.

• Knowledge of web accessibility standards and best practices (e.g., WCAG) for inclusive design.

• Exceptional visual design skills, including typography, color theory, composition, spacing, and visual hierarchy.

• Excellent organizational skills with meticulous attention to detail in all design deliverables.

• Strong verbal and written communication skills, essential for remote collaboration and client interaction.

• Proven ability to manage time effectively, prioritize tasks, and meet deadlines in a remote work setting. Preferred Qualifications:

• Experience in building and maintaining comprehensive design systems and reusable UI component libraries.

• Familiarity with website analytics tools (e.g., Google Analytics) and an understanding of Conversion Rate Optimization (CRO) methodologies.

• Basic understanding of HTML and CSS to facilitate more effective collaboration with development teams.

• Previous experience working within a digital agency environment or managing design for multiple client brands simultaneously.

• Awareness of current web design trends, emerging interaction patterns, and advanced UX best practices.

📝 Enhancement Note: The emphasis on Figma proficiency is paramount. Candidates should be prepared to showcase their mastery of Figma's advanced features, especially in relation to design systems and component libraries, as this is a core requirement. The preference for agency or multi-client experience suggests the role involves managing diverse project needs and client expectations, requiring adaptability and strong project management skills.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A robust portfolio that clearly demonstrates 3-4 years of professional web design experience, featuring modern, responsive websites that have been successfully launched.

• Showcase a range of projects that highlight expertise in UI design, UX principles, and conversion-focused strategies.

• Include case studies or project breakdowns that detail your design process, from initial wireframing and user flow mapping to high-fidelity mockups and final designs.

• Demonstrate proficiency with Figma, specifically highlighting your use of advanced features like Auto Layout, Components, and Variants in your project examples.

• Examples of responsive design implementation across desktop, tablet, and mobile devices are essential. Process Documentation:

• Provide examples of how you approach the design process for new projects, from understanding client briefs and user needs to conceptualization and design execution.

• Be prepared to discuss your methodology for creating and maintaining design systems, including how you ensure consistency and scalability.

• Detail your approach to incorporating user feedback and stakeholder input, as well as how you ensure design intent is accurately translated by developers.

• Highlight any experience you have with user testing, A/B testing, or analyzing website analytics to inform design decisions and optimize user experience.

📝 Enhancement Note: The portfolio is critical for this role, serving as the primary evidence of a candidate's skills and experience. Applicants should curate their portfolio to prominently feature projects that align with the required skills, especially Figma mastery and responsive design for Shopify/WordPress. Case studies that articulate the problem, process, and solution, including design rationale and impact, will be highly valued.

💵 Compensation & Benefits

Salary Range:

The typical salary range for a Mid-Level UI/UX Web Designer with 3-4 years of experience in the Philippines, especially for remote roles with US-based companies, can range from PHP 40,000 to PHP 80,000 per month. This estimate is based on industry benchmarks for specialized design roles in the Philippine market, considering the remote nature of the work and the US-based time zone requirement.

Benefits:

• Competitive Salary: A monthly salary commensurate with experience and skills, reflecting the specialized nature of the role.

• Remote Work: The opportunity to work from anywhere within the Philippines, eliminating commute time and costs.

• Flexible Schedule (within CST hours): While the core hours are aligned with Central Standard Time (CST) in the US (10:00 PM - 7:00 AM Philippine Time), the role may offer some flexibility in task management outside of essential collaboration periods.

• Professional Development: Potential for access to training, workshops, or resources to enhance design skills, particularly in Figma and emerging UX/UI trends.

• Diverse Project Exposure: Opportunity to work on a variety of client brands and industries, providing broad experience and portfolio development.

• Team Collaboration: Membership in a remote team environment with opportunities for collaboration and knowledge sharing with other professionals.

Working Hours:

• The standard work schedule is 9:00 AM - 6:00 PM Central Standard Time (CST). This translates to 10:00 PM - 7:00 AM Philippine Time. This schedule is crucial for real-time collaboration with US-based teams.

📝 Enhancement Note: The salary range is an estimate for the Philippine market for a remote role servicing a US client. The actual compensation may vary based on the specific client, the candidate's demonstrated expertise, and the negotiation process. The working hours are a significant factor, requiring candidates to be comfortable working overnight Philippine time.

🎯 Team & Company Context

🏢 Company Culture

Industry: Staffing / Recruitment / Human Resources Technology (C9 Staff likely operates in this space, providing talent solutions).

Company Size: C9 Staff's LinkedIn shows a range of 51-200 employees, indicating a medium-sized organization. This size often allows for a blend of structured processes and agile decision-making.

Founded: Founded in 2016, C9 Staff has a solid track record of nearly a decade in the staffing industry, suggesting stability and established operational practices.

Team Structure:

• The UI/UX Designer will likely be part of a broader Creative or Digital Services team, possibly reporting to a Design Lead or a Project Manager.

• The team structure will involve close collaboration with other designers, developers, project managers, and potentially account managers who interface with clients.

• As a remote-first company, communication and collaboration will heavily rely on digital tools and structured asynchronous and synchronous interactions. Methodology:

• C9 Staff likely employs agile methodologies for project management, enabling quick adaptation to client needs and market changes.

• Design processes will be data-informed, leveraging user feedback, analytics, and conversion optimization principles to drive design decisions.

• Emphasis will be placed on efficient workflows and clear communication to manage a portfolio of diverse client projects effectively.

Company Website: c9staff.com

📝 Enhancement Note: C9 Staff acts as an intermediary, connecting businesses with remote talent. This means the UI/UX Designer will be working on projects for various clients, requiring adaptability and the ability to quickly understand different brand identities and business goals. The company culture likely values efficiency, clear communication, and results-driven solutions, mirroring the needs of their client base.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level UI/UX Web Designer. It requires a solid foundation of professional experience (3-4 years) and the ability to work independently on design tasks with minimal supervision. The scope includes taking projects from concept to completion, demonstrating ownership and problem-solving skills.

Reporting Structure: The designer will likely report to a Design Manager, Creative Director, or a Project Management lead within C9 Staff's operations. They will also work closely with client-side stakeholders or project teams for specific client engagements.

Operations Impact: The UI/UX Designer's work directly impacts the client's online presence, user engagement, and conversion rates. High-quality, conversion-focused designs contribute to client success, which in turn reflects positively on C9 Staff's service delivery and talent placement capabilities. Effective design can lead to increased client satisfaction, repeat business, and positive testimonials.

Growth Opportunities:

• Senior UI/UX Designer: Progression to a senior level involves taking on more complex projects, mentoring junior designers, contributing to design strategy, and potentially leading design initiatives.

• Design System Specialist: Deepening expertise in design systems, component libraries, and design operations could lead to specialized roles focused on creating and maintaining scalable design frameworks.

• UX Researcher/Strategist: Developing skills in user research, usability testing, and CRO analysis could open doors to more strategic UX roles.

• Team Lead/Management: With proven leadership and project management skills, there may be opportunities to move into a team lead or management position within the design department.

📝 Enhancement Note: The growth trajectory for a UI/UX Designer within a staffing company like C9 Staff often involves specialization within design disciplines or moving into project/team leadership. Demonstrating strong client-facing skills and the ability to deliver tangible business results through design will be key to advancing.

🌐 Work Environment

Office Type: This is a fully remote position, meaning there is no physical office for daily work. The "office" is the candidate's dedicated workspace.

Office Location(s): The role is specifically targeted at candidates located in the Philippines, allowing them to work from their home or a suitable remote workspace within the country.

Workspace Context:

• The work environment is home-based, requiring self-discipline, effective time management, and a reliable internet connection.

• Collaboration will occur through digital platforms, necessitating comfortable use of video conferencing, chat, and project management tools.

• Access to necessary design software and hardware is expected from the candidate.

Work Schedule: The core working hours are 9:00 AM - 6:00 PM CST (10:00 PM - 7:00 AM Philippine Time). This requires a significant adjustment for Philippine-based employees, necessitating a dedicated and structured approach to managing personal life around these hours.

📝 Enhancement Note: The primary challenge and defining characteristic of this work environment is the overnight schedule for Philippine-based employees. Candidates must be prepared for this shift and ensure they have a conducive home workspace that supports focus and productivity during these hours.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your application, resume, and portfolio to assess basic qualifications and experience.

• Portfolio Presentation & Technical Interview: A session where you present your portfolio, discuss your design process, and answer technical questions related to UI/UX principles, Figma, and web design best practices. This may include a design challenge.

• Team/Hiring Manager Interview: An interview to assess cultural fit, collaboration style, and alignment with C9 Staff's values and operational approach.

• Final Interview: Potentially with a senior leader to discuss long-term fit and career aspirations.

Portfolio Review Tips:

• Curate Selectively: Showcase your best and most relevant work. Focus on projects that demonstrate modern design, responsiveness, and conversion optimization.

• Detail Your Process: For each project, clearly articulate the problem you were solving, your thought process, the tools you used (especially Figma), your design decisions, and the outcome. Use case study formats.

• Highlight Figma Mastery: Ensure your portfolio or presentation explicitly demonstrates your advanced Figma skills (Auto Layout, Components, Variants, Design Systems).

• Quantify Impact: Where possible, include metrics or results that show the positive impact of your designs (e.g., improved conversion rates, user engagement, task completion).

• Tailor to the Role: Emphasize experience with Shopify, WordPress, and responsive/mobile-first design, as these are key requirements.

Challenge Preparation:

• Be prepared for a design challenge that may involve creating a wireframe, mockup, or a small design system component based on a given brief.

• Practice articulating your design decisions clearly and concisely, explaining the rationale behind your choices.

• Focus on demonstrating your problem-solving skills and how you apply UX and conversion optimization principles under time constraints.

📝 Enhancement Note: The portfolio review is the most critical stage. Candidates should prepare a presentation that not only shows their visual design skills but also their strategic thinking, problem-solving abilities, and mastery of the required tools, especially Figma. The overnight work schedule might also be a point of discussion, assessing the candidate's commitment and ability to manage this unique work arrangement.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential and required. Advanced proficiency in Auto Layout, Components, Variants, Prototyping, and Design Systems is mandatory. This will be the primary tool for all design work.

• Adobe Creative Suite (Photoshop, Illustrator): Useful for asset creation, image editing, and other graphic design tasks, though Figma is the core design platform.

Analytics & Reporting:

• Google Analytics: Familiarity with website analytics principles and how to interpret data to inform design decisions is preferred.

• Other CRO Tools (e.g., Hotjar, VWO): Basic understanding of how tools used for A/B testing, heatmaps, and user session recordings can inform UX design is beneficial.

CRM & Automation:

• While not directly a CRM/Automation role, understanding how websites integrate with CRM systems (like Salesforce, HubSpot) and marketing automation platforms from a design perspective is an advantage. Collaboration & Project Management:

• Slack/Microsoft Teams: For real-time communication within the remote team.

• Asana/Trello/Jira: For project management, task tracking, and workflow visualization.

• Google Workspace (Docs, Sheets, Slides): For documentation, collaboration, and presentations.

📝 Enhancement Note: Figma is the cornerstone of this role's technology stack. Candidates must demonstrate not just proficiency but advanced mastery of its features, particularly those related to building scalable and maintainable design systems. Familiarity with analytics and CRO concepts indicates a more strategic designer who can contribute to business outcomes beyond aesthetics.

👥 Team Culture & Values

Operations Values:

• Client-Centricity: A strong focus on understanding and meeting client needs to deliver successful outcomes.

• Excellence in Design: A commitment to high-quality, aesthetically pleasing, and functionally superior web designs.

• Efficiency & Productivity: Emphasis on streamlined workflows, effective time management, and delivering results promptly, especially given the remote and client-service nature of the business.

• Collaboration & Communication: Valuing open communication, teamwork, and the ability to work effectively in a distributed team environment.

• Adaptability & Learning: Embracing new trends, technologies, and project requirements with a proactive and adaptable mindset.

Collaboration Style:

• Remote-First: Communication primarily through digital channels, requiring clear, concise, and proactive messaging.

• Cross-functional: Working closely with developers, project managers, and client-facing roles to ensure project success.

• Feedback-Oriented: An environment where constructive feedback is exchanged to improve designs and processes.

• Asynchronous & Synchronous: Balancing real-time meetings (especially during CST hours) with asynchronous communication for flexibility and efficiency.

📝 Enhancement Note: Given C9 Staff's business model, the company culture likely emphasizes professionalism, reliability, and a results-oriented approach to serving clients. The remote nature and the specific work hours mean that individuals who are highly self-motivated, organized, and possess strong communication skills will thrive.

⚡ Challenges & Growth Opportunities

Challenges:

• Overnight Work Schedule: The primary challenge is adapting to and consistently working during Philippine overnight hours (10:00 PM - 7:00 AM PHT) to align with US CST business hours. This requires significant personal discipline and lifestyle adjustment.

• Managing Multiple Client Projects: Juggling design requirements, brand guidelines, and feedback from diverse clients simultaneously can be demanding.

• Translating Client Vision: Effectively interpreting and translating varied client needs and feedback into cohesive, high-quality designs.

• Remote Collaboration Dynamics: Ensuring seamless communication and collaboration with a distributed team and clients, mitigating potential misunderstandings due to distance.

Learning & Development Opportunities:

• Advanced Figma Techniques: Continued learning and mastery of Figma's evolving features, especially in areas like collaboration, advanced prototyping, and design system management.

• UX Research & CRO: Developing a deeper understanding of user research methodologies and conversion rate optimization strategies to bring more strategic value to projects.

• Platform Specialization: Gaining deeper expertise in designing for specific platforms like Shopify and WordPress, including their unique constraints and capabilities.

• Cross-functional Skills: Enhancing understanding of front-end development principles to improve collaboration with developers.

• Portfolio Enhancement: Regularly updating the portfolio with new, impactful projects to showcase growth and new skill acquisition.

📝 Enhancement Note: The overnight work schedule is the most significant challenge. Candidates who can demonstrate a clear strategy for managing this will be more attractive. The growth opportunities are tied to becoming a more strategic and specialized designer, contributing more significantly to client success and C9 Staff's reputation.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for designing a responsive website from scratch for a new client." (Focus on user research, wireframing, prototyping, Figma usage, and collaboration).

• "How do you ensure your designs are both aesthetically pleasing and conversion-focused?" (Discuss UX principles, CRO tactics, and how you balance form and function).

• "Walk me through your experience with Figma, specifically your use of Auto Layout, Components, and Variants. How have these features improved your workflow?" (Be ready to show specific examples in your portfolio).

• "How do you approach incorporating feedback from stakeholders, especially when it conflicts with your design vision?" (Highlight communication, negotiation, and problem-solving skills).

• "Describe a time you had to design for multiple client brands simultaneously. How did you manage the different brand identities and project requirements?" (Showcase organizational and adaptability skills). Company & Culture Questions:

• "Why are you interested in working for C9 Staff, and what do you know about our company?" (Research C9 Staff's services and mission).

• "How do you manage working remotely, especially with overnight hours?" (Be honest about your strategies for productivity, well-being, and work-life balance).

• "How do you stay updated on the latest web design trends and UX best practices?" (Mention specific blogs, publications, courses, or conferences).

• "Describe your ideal team environment and how you contribute to a collaborative remote culture." (Emphasize proactivity, clear communication, and support for colleagues). Portfolio Presentation Strategy:

• Structure: Begin with an overview of your design philosophy and approach. Then, present 2-3 in-depth case studies, detailing the problem, your process, design decisions, and outcomes.

• Visuals: Use high-quality mockups and clear annotations to explain your design elements. Ensure your Figma proficiency is evident in the examples.

• Storytelling: Frame each project as a narrative. Explain the challenges, your solutions, and the impact of your work.

• Figma Showcase: Dedicate time to demonstrating your advanced Figma skills, perhaps by walking through a component library or an Auto Layout setup.

• Conciseness: Be mindful of time. Practice your presentation to be engaging and informative without exceeding the allotted time.

📝 Enhancement Note: Be prepared to discuss your personal strategies for managing the overnight work schedule. This is a unique aspect of the role and will likely be a key consideration for the hiring team. Demonstrating a proactive approach to client success and a deep understanding of Figma's advanced features will be crucial for interview success.

📌 Application Steps

To apply for this UI/UX Web Designer position:

• Submit your application through the C9 Staff portal, ensuring your resume and portfolio link are clearly provided.

• Portfolio Customization: Curate your online portfolio to prominently feature your strongest work in modern, responsive web design, specifically highlighting projects built using Figma. Include case studies that detail your design process, from initial wireframes to final mockups, emphasizing your use of advanced Figma features like Auto Layout and Components.

• Resume Optimization: Tailor your resume to highlight your 3-4 years of professional web design experience, advanced Figma proficiency, experience with Shopify and WordPress, and understanding of UI/UX principles and conversion optimization. Quantify achievements where possible.

• Interview Preparation: Practice your portfolio presentation, focusing on explaining your design rationale, process, and the impact of your work. Prepare to discuss your strategies for successful remote work, particularly managing overnight hours, and your approach to client collaboration.

• Company Research: Familiarize yourself with C9 Staff's services, client base, and values. Understand their model of connecting businesses with remote talent, and consider how your design skills contribute to client success through C9 Staff.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details, especially regarding compensation, benefits, and specific interview processes, should be verified directly with C9 Staff before making application decisions. The requirement for overnight work hours is a critical factor to consider.