Web Development and Graphic Designer (ZR_25187_JOB)

📍 Job Overview

Job Title: Web Development and Graphic Designer (ZR_25187_JOB)

Company: BruntWork

Location: Manila, Metro Manila, Philippines

Job Type: Full-Time

Category: Web Development & Design Operations

Date Posted: August 20, 2025

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

Remote Status: Fully Remote

🚀 Role Summary

• Spearhead the design, development, and maintenance of responsive WordPress websites, leveraging Elementor for enhanced functionality and aesthetic appeal.

• Drive website performance optimization, focusing on SEO best practices, speed, and cross-browser compatibility to ensure superior user experiences.

• Integrate UI/UX principles seamlessly into web development projects, collaborating with cross-functional teams to translate creative concepts into functional, high-impact digital assets.

• Produce essential creative assets and provide graphic design support, ensuring brand consistency and visual excellence across all digital platforms.

• Manage critical hosting infrastructure, including GoDaddy accounts, for seamless website operations and technical task execution.

📝 Enhancement Note: This role, while focused on web development and graphic design, has strong operational components. The emphasis on website maintenance, performance optimization, SEO, and hosting management places it within a broader "Digital Operations" or "Web Operations" category, requiring a blend of technical skill and operational rigor.

📈 Primary Responsibilities

• Design, develop, and deploy responsive WordPress websites utilizing Elementor, ensuring adherence to project specifications and client requirements.

• Customize WordPress themes and plugins to meet unique project needs, enhancing functionality and user experience.

• Conduct regular maintenance and updates for existing websites, proactively identifying and resolving any technical issues or bugs.

• Optimize website performance for search engines (SEO), page load speed, and cross-browser compatibility, implementing best practices to maximize visibility and user engagement.

• Implement UI/UX best practices to create intuitive, user-friendly interfaces and seamless navigation flows.

• Collaborate effectively with content creators, marketing specialists, and design teams to translate conceptual ideas into fully functional and visually appealing web pages.

• Perform ongoing testing of website functionality, performance, and user experience across various devices and browsers.

• Create and manage digital assets, including graphics, icons, and other visual elements, to support website content and marketing initiatives.

• Administer and manage GoDaddy hosting accounts, including DNS configurations, site migrations, and ensuring optimal server performance.

• Monitor website analytics and user behavior to identify areas for improvement and inform strategic decisions.

📝 Enhancement Note: The inclusion of "Manage GoDaddy hosting accounts and related technical tasks" and "Optimize websites for SEO, speed, and performance" indicates a significant operational responsibility beyond pure development. This suggests the role requires an understanding of web infrastructure management and performance tuning, critical for maintaining a company's digital presence.

🎓 Skills & Qualifications

Education:

Experience:

• 2-5 years of demonstrable experience in web development and graphic design, with a strong portfolio showcasing successful projects.

Required Skills:

• WordPress Development: Advanced proficiency in building and customizing WordPress websites, including theme and plugin development/modification.

• Elementor Expertise: Deep understanding and practical experience using Elementor page builder for creating responsive and visually appealing layouts.

• Front-End Technologies: Strong command of HTML5, CSS3 (including preprocessors like SASS/LESS if applicable), and JavaScript (ES6+).

• Back-End Technologies: Proficiency in PHP for WordPress customization and MySQL for database management.

• Graphic Design Software: Working knowledge of design tools such as Figma, Adobe Photoshop, and Adobe Illustrator for asset creation and mock-up development.

• SEO Principles: Solid understanding of Search Engine Optimization techniques and best practices for on-page and technical SEO.

• Performance Optimization: Ability to diagnose and resolve website speed issues, optimize images, and implement caching strategies.

• Cross-Browser Compatibility: Expertise in ensuring websites function flawlessly across different web browsers and their versions.

• UI/UX Design: Understanding of user interface and user experience design principles to create intuitive and engaging digital experiences.

• Problem-Solving: Excellent analytical and troubleshooting skills to identify and resolve technical challenges efficiently.

• Communication Skills: Clear and effective verbal and written communication abilities for team collaboration and client interaction.

Preferred Skills:

• Experience with DNS management, domain registration, and website hosting configurations.

• Familiarity with GoDaddy or similar web hosting platforms and their associated tools.

• Experience with website migration processes and best practices.

• Knowledge of version control systems like Git.

• Familiarity with other CMS platforms or web development frameworks.

📝 Enhancement Note: The "Essential" nature of graphic design experience alongside web development suggests a hybrid role that values aesthetic sensibility as much as coding prowess. This is common in smaller teams or specialized operations where a single individual manages the entire digital front-end.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Website Development Case Studies: Showcase at least 3-5 distinct WordPress website projects built with Elementor, highlighting your role, design choices, and technical implementation. Include links to live sites where possible.

• Graphic Design Samples: Present a diverse range of graphic design work, including web banners, logos, icons, and any UI elements, demonstrating your proficiency with design software and aesthetic judgment.

• Performance Optimization Examples: Provide evidence of website speed improvements or SEO enhancements made to previous projects, ideally with before-and-after metrics.

• Responsive Design Demonstrations: Ensure portfolio examples clearly illustrate responsive design capabilities across various devices (desktops, tablets, mobile phones).

• Process Documentation: Briefly outline your typical web development workflow, from initial client brief to final deployment and post-launch maintenance.

Process Documentation:

• Workflow Design: Detail your approach to planning and designing new websites, including wireframing, mock-up creation, and client feedback integration.

• Development & Implementation: Describe your process for coding, theme/plugin customization, and integrating third-party tools or APIs.

• Testing & Deployment: Explain your methodology for thorough website testing (functional, performance, security) and the steps involved in deploying a live website.

• Maintenance & Optimization: Outline your strategy for ongoing website maintenance, updates, security monitoring, and performance tuning.

📝 Enhancement Note: For this hybrid role, the portfolio needs to demonstrate a cohesive understanding of both the visual design and the technical execution of websites. Highlighting projects where design and development were integrated seamlessly, and where performance was a key consideration, will be crucial.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Remote Work: Enjoy the flexibility and convenience of a 100% remote work environment.

• EST Hours Alignment: Work during Eastern Standard Time business hours (9:00 AM - 6:00 PM EST), facilitating seamless collaboration with North American-based teams.

• Immediate Start: Opportunity to begin work immediately upon successful hiring.

• Long-Term Engagement: This is a stable, long-term freelance contract offering consistent work.

• Collaborative Environment: Be part of a supportive team focused on purpose-driven projects.

• Professional Development: Potential opportunities to expand skill sets and take on new challenges within the organization.

Working Hours:

• Full-Time: 40 hours per week, scheduled Monday to Friday, 9:00 AM to 6:00 PM EST. This fixed schedule ensures alignment with the client's operational needs and facilitates effective team collaboration.

📝 Enhancement Note: The provided salary of "$7.0 MONTH" is highly unrealistic for the described role and location. The enhancement assumes a corrected interpretation of a monthly salary, likely in the range of $700-$1500 USD, based on market rates for comparable roles in the Philippines requiring EST hours and the specified technical skills.

🎯 Team & Company Context

🏢 Company Culture

Industry: Business Process Outsourcing (BPO) / Digital Services

Company Size: BruntWork likely operates as a BPO provider, supporting various clients across different industries. The specific client for this role is not detailed but is implied to be a business requiring a strong digital presence.

Founded: Information on BruntWork's founding date is not readily available, but its focus on remote talent suggests a modern, adaptable operational model.

Team Structure:

• Operations Focus: The role operates within a client-facing service delivery model, likely supporting a specific client's digital marketing and web presence needs.

• Cross-functional Collaboration: You will collaborate closely with content creators, marketing specialists, and potentially project managers or account managers from the client's side or BruntWork's management team.

• Remote Team Dynamics: The team operates entirely remotely, emphasizing asynchronous communication and clear documentation for project progress and issue resolution.

Methodology:

• Agile Development Principles: While not explicitly stated, the fast-paced digital environment and need for responsive development suggest adherence to agile principles for project management and execution.

• Client-Centric Approach: All development and design efforts will be geared towards meeting client objectives, brand guidelines, and user experience expectations.

• Data-Driven Optimization: Website performance and user engagement metrics will likely guide ongoing optimization efforts.

Company Website: www.bruntworkcareers.co

📝 Enhancement Note: BruntWork acts as an intermediary, connecting clients with remote talent. Therefore, the "company culture" is a blend of BruntWork's operational ethos and the specific culture of the client being supported. Understanding the client's industry and needs will be key.

📈 Career & Growth Analysis

Operations Career Level:

Reporting Structure:

Operations Impact:

Growth Opportunities:

• Specialization: Deepen expertise in WordPress, Elementor, front-end technologies, or graphic design.

• Advanced Development: Progress to more complex web development projects, including custom plugin development or integrations.

• Technical Leadership: Potential to mentor junior developers or take on lead roles for specific web projects.

• Broader Digital Operations: Expand knowledge into areas like digital marketing operations, analytics, or content management systems.

• Client Management: Develop skills in client communication and project management.

📝 Enhancement Note: As a hybrid role, growth can occur in either the development or design specialization, or by becoming a full-stack digital asset manager who can handle all aspects of a client's web presence.

🌐 Work Environment

Office Type: Fully remote, meaning you will work from your own home office or a co-working space.

Office Location(s): Not applicable, as the position is 100% remote.

Workspace Context:

• Autonomy and Flexibility: You will have the autonomy to manage your workspace and schedule within the defined EST working hours.

• Digital Collaboration Tools: Expect to utilize various online communication and project management tools (e.g., Slack, Trello, Asana, Google Workspace) for team interaction and task tracking.

• Client Interaction: Opportunities to interact with clients may arise, requiring a professional remote working environment.

• Technical Requirements: Reliable high-speed internet and a stable power supply are prerequisites for consistent work performance.

Work Schedule:

• Strict adherence to Monday to Friday, 9:00 AM – 6:00 PM EST is required. This schedule is crucial for real-time collaboration with teams and clients based in North America.

📝 Enhancement Note: The EST hours requirement is a critical aspect of the work environment, ensuring seamless integration with client operations. Candidates must be prepared for this specific time zone commitment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess basic qualifications and alignment with the role's requirements.

• Technical Interview: Likely involves a discussion about your WordPress, Elementor, HTML, CSS, JavaScript, PHP, and graphic design skills. You may be asked to walk through specific projects from your portfolio.

• Skills Assessment/Test: A practical test might be administered to evaluate your coding abilities, design skills, or problem-solving approach, potentially involving a small web development or design challenge.

• Client/Team Interview: An opportunity to meet with the hiring manager or a representative from the client's team to discuss your experience, work style, and cultural fit.

• Final Offer: Following successful interviews and assessments.

Portfolio Review Tips:

• Curate Strategically: Select your strongest and most relevant projects that showcase both web development (WordPress/Elementor) and graphic design skills. Prioritize projects that demonstrate responsiveness and performance optimization.

• Highlight Your Role: Clearly articulate your specific contributions to each project, especially if it was a collaborative effort.

• Showcase Process: Briefly explain the problem you were solving, your design/development process, and the outcome or impact of your work. Use before-and-after examples if available.

• Quantify Achievements: Whenever possible, use metrics to demonstrate the success of your work (e.g., improved load times, increased conversion rates, positive user feedback).

• Professional Presentation: Ensure your portfolio is well-organized, easy to navigate, and visually appealing. A dedicated section for web development and another for graphic design can be helpful.

Challenge Preparation:

• Coding Challenges: Be prepared for challenges that test your HTML, CSS, and JavaScript skills, potentially involving responsive layouts or interactive elements.

• Design Tasks: You might be asked to create a graphic element, wireframe a simple page, or provide feedback on an existing design.

• Problem-Solving Scenarios: Expect questions related to debugging code, optimizing website performance, or resolving cross-browser compatibility issues.

• WordPress/Elementor Scenarios: Be ready to discuss common WordPress development challenges, plugin configurations, or Elementor-specific best practices.

📝 Enhancement Note: Given the hybrid nature of the role, expect interview questions and potential tests to cover both technical development skills and creative design capabilities. Demonstrating how you integrate both is key.

🛠 Tools & Technology Stack

Primary Tools:

• CMS: WordPress

• Page Builder: Elementor (Pro version likely preferred)

• Front-End Languages: HTML5, CSS3, JavaScript

• Back-End Languages: PHP

• Database: MySQL

• Design Software: Figma, Adobe Photoshop, Adobe Illustrator

Analytics & Reporting:

• Website Analytics: Google Analytics (for tracking user behavior and performance)

• SEO Tools: Google Search Console, SEMrush, Ahrefs (familiarity is a plus)

• Performance Testing: Google PageSpeed Insights, GTmetrix

CRM & Automation:

• CRM: While not directly managing a CRM, understanding how websites integrate with CRMs (e.g., Salesforce, HubSpot) for lead capture is beneficial.

• Automation Tools: Familiarity with email marketing platforms (e.g., Mailchimp) and their integration with websites.

• Hosting Management: GoDaddy or similar hosting provider tools.

📝 Enhancement Note: Proficiency in the core WordPress/Elementor stack is non-negotiable. Familiarity with related digital marketing and analytics tools will significantly enhance a candidate's profile.

👥 Team Culture & Values

Operations Values:

• Excellence in Execution: A commitment to delivering high-quality, functional, and visually appealing websites and assets.

• Collaboration: Working effectively with remote team members and client stakeholders to achieve shared goals.

• Efficiency and Optimization: A drive to improve website performance, user experience, and development processes.

• Adaptability: The ability to adapt to evolving client needs, project requirements, and technological advancements in web development and design.

• Reliability: Consistent performance and dependable delivery, especially given the remote nature of the work and the EST hours requirement.

Collaboration Style:

• Asynchronous Communication: Primarily relying on digital platforms like Slack, email, and project management tools for communication and updates.

• Clear Documentation: Emphasis on documenting processes, project progress, and decisions to ensure transparency and alignment within the remote team.

• Feedback Loops: Openness to providing and receiving constructive feedback on designs, code, and project execution.

• Proactive Problem Solving: Encouraging team members to identify and address issues proactively rather than waiting for them to escalate.

📝 Enhancement Note: The remote, client-service nature of BruntWork suggests a culture that values clear communication, accountability, and a results-oriented approach.

⚡ Challenges & Growth Opportunities

Challenges:

• Time Zone Alignment: Consistently working EST hours from the Philippines requires discipline and effective time management to balance personal life and work commitments.

• Remote Collaboration: Navigating communication and project management effectively in a fully remote setting, ensuring clear understanding and timely updates.

• Diverse Client Needs: Adapting to the varied requirements and brand guidelines of different clients requiring web development and design services.

• Keeping Pace with Technology: The web development and design landscape evolves rapidly; continuous learning is necessary to stay current with best practices and new tools.

• Balancing Design and Development: Effectively merging creative design vision with technical development constraints and performance requirements.

Learning & Development Opportunities:

• Advanced WordPress/Elementor Techniques: Opportunities to master more complex customizations and functionalities.

• UI/UX Specialization: Pursuing courses or certifications in UI/UX design to enhance user-centric development skills.

• Performance Optimization Training: Deepening knowledge in website speed optimization, caching, and server management.

• New Technologies: Exposure to emerging web technologies, frameworks, or design tools.

• Project Management Skills: Developing skills in managing project timelines, resources, and client expectations.

📝 Enhancement Note: The primary challenge will be managing the EST work schedule effectively. Growth opportunities are significant for those who can demonstrate versatility across both design and development disciplines.

💡 Interview Preparation

Strategy Questions:

• Operations Strategy: "How would you approach optimizing a slow-loading WordPress website for a client? What steps would you take, and what tools would you use?" (Focus on process, tools, and measurable outcomes.)

• Collaboration: "Describe a time you had to collaborate with a non-technical team member on a web project. How did you ensure clear communication and alignment?" (Highlight communication strategies and cross-functional teamwork.)

• Problem-Solving: "Imagine a client wants a specific feature on their website that isn't directly supported by Elementor. How would you approach implementing it, and what potential challenges would you anticipate?" (Demonstrate technical problem-solving and creative solutions.)

Company & Culture Questions:

• "What interests you about working for BruntWork and supporting remote clients?" (Show research into BruntWork's model and express enthusiasm for remote work.)

• "How do you stay motivated and productive when working remotely?" (Provide examples of self-discipline, time management, and remote work strategies.)

Portfolio Presentation Strategy:

• Storytelling: For each portfolio piece, frame it as a mini-case study: Problem -> Solution (your design/development) -> Result (impact/metrics).

• Highlight Synergy: Emphasize projects where your graphic design skills directly informed and enhanced the web development outcome, showing a holistic approach.

• Technical Depth: Be ready to discuss the specific code, plugins, or Elementor features you used and why.

• Conciseness: Present your portfolio efficiently within the allocated interview time, focusing on the most impactful projects.

📝 Enhancement Note: Prepare to articulate how your dual skills in design and development contribute to a client's overall digital success, demonstrating an understanding of the operational impact of your work.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on BruntWork's careers portal.

• Portfolio Customization: Tailor your portfolio to prominently feature WordPress/Elementor projects and graphic design samples that align with common client needs in digital marketing and online presence. Ensure live links are functional and designs are clearly presented.

• Resume Optimization: Update your resume to highlight keywords such as "WordPress," "Elementor," "HTML," "CSS," "JavaScript," "PHP," "MySQL," "Figma," "Adobe Creative Suite," "SEO," "UI/UX," and "Graphic Design." Quantify achievements where possible.

• Interview Preparation: Practice articulating your experience with specific examples related to website development, design challenges, performance optimization, and remote collaboration. Prepare to discuss your approach to working EST hours.

• Company Research: Familiarize yourself with BruntWork's business model as a remote talent provider and research any available information on their client industries to understand potential project contexts.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions based on the provided data. The salary information, in particular, has been adjusted to reflect realistic market rates for the described role and location. All details should be verified directly with BruntWork or the hiring client before making application decisions.

---