Project-based Web Designer (BIN0003)

📍 Job Overview

Job Title: Project-based Web Designer (BIN0003)

Company: hammerjack

Location: Remote (Philippines)

Job Type: Full-Time

Category: Web Design / Digital Marketing Operations

Date Posted: 2026-05-08

Experience Level: 2-5 Years

Remote Status: Remote with potential for onsite client requests

🚀 Role Summary

• This project-based role focuses on the end-to-end build and launch of multiple marketing websites within a 12-month timeframe.

• Key responsibilities revolve around translating UI/UX designs into functional, responsive websites using popular no-code platforms.

• The position requires independent management of website projects, from initial setup through to final launch, emphasizing efficiency and timely delivery.

• Successful candidates will leverage their expertise in platforms like Squarespace and Webflow, coupled with a foundational understanding of web development principles and SEO.

📝 Enhancement Note: This role is described as "Project-based Web Designer" but is also listed as "FULL_TIME" employment. This suggests a long-term, full-time engagement with a project-oriented focus, rather than a short-term contract. The emphasis on "multiple marketing websites over the next 12 months" indicates a sustained workload and an expectation of ongoing contributions within a project framework. The "Remote - with onsite schedules upon client request" detail points to a hybrid flexibility, with a primary remote setup.

📈 Primary Responsibilities

• Construct and maintain websites utilizing no-code platforms such as Squarespace, Webflow, or similar, ensuring adherence to design specifications and functional requirements.

• Translate provided UI/UX designs into fully responsive and production-ready web pages, optimizing for various devices including desktop, tablet, and mobile.

• Configure and manage website structure, including CMS collections, forms, and integrations, to support dynamic content and user interactions.

• Implement foundational SEO best practices during website build, including meta tag optimization, structured data, and site speed considerations, alongside setting up website analytics for performance tracking.

• Conduct thorough Quality Assurance (QA) testing to identify and resolve bugs, troubleshoot technical issues, and ensure a smooth website launch process.

• Apply light custom CSS, HTML, and JavaScript to achieve specific design elements or functionalities not directly supported by the no-code platform.

• Collaborate effectively with internal stakeholders and project managers to ensure projects are delivered on time, within scope, and to client satisfaction.

• Manage multiple website builds concurrently, prioritizing tasks and maintaining a clear project roadmap for each initiative.

📝 Enhancement Note: The responsibilities clearly indicate a need for a skilled web builder who can execute designs efficiently on no-code platforms. The inclusion of "light custom CSS/HTML/JavaScript" suggests that while no-code is primary, a basic understanding of front-end code is beneficial for fine-tuning and customization, a common requirement in such roles.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a background in Graphic Design, Web Development, Digital Media, or a related field is beneficial. Equivalent practical experience will be strongly considered.

Experience: A minimum of 2-5 years of proven professional experience in web design and development, specifically with a focus on no-code platforms.

Required Skills:

• Demonstrated proficiency in building and managing websites using platforms like Squarespace, Webflow, or Wix.

• Strong understanding of responsive web design principles and best practices for cross-device compatibility.

• Experience with Content Management System (CMS) setup, configuration, and content management workflows.

• Working knowledge of fundamental HTML, CSS, and basic JavaScript for styling and minor functionality enhancements.

• Familiarity with SEO fundamentals, including on-page optimization techniques and website performance considerations.

• Meticulous attention to detail, ensuring high accuracy in design implementation and functional integrity.

• Proven ability to manage projects independently, demonstrating strong organizational and time-management skills in a remote work environment.

Preferred Skills:

• Experience with website analytics platforms such as Google Analytics.

• Familiarity with UI/UX design principles and design tool translation (e.g., Figma, Sketch).

• Basic understanding of website security best practices.

• Experience with A/B testing or conversion rate optimization (CRO) principles.

• Proficiency in other no-code or low-code website builders.

📝 Enhancement Note: The experience level of "2-5 years" is inferred from the "AI experience level" field, suggesting a mid-level role requiring both foundational knowledge and practical execution skills. The "project-based" nature implies a need for self-sufficiency and project management capabilities beyond just design execution.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 3-5 distinct website projects built on Squarespace, Webflow, or similar no-code platforms.

• Each project should clearly demonstrate your role, the platform used, and the specific challenges addressed.

• Highlight examples of responsive design implementation across desktop, tablet, and mobile views.

• Include case studies or descriptions detailing the translation of UI/UX designs into the final website.

Process Documentation:

• Provide examples of how you manage website build projects from initial design handover to final launch, including your QA process.

• Illustrate your approach to implementing basic SEO best practices and setting up analytics.

• Detail your workflow for applying custom CSS/HTML/JavaScript to enhance website functionality or design.

• Show how you collaborate with internal stakeholders or project managers to ensure timely delivery.

📝 Enhancement Note: For a "project-based" role involving multiple website builds, a strong portfolio is paramount. The emphasis on "translation of provided designs" and "responsive, production-ready websites" means the portfolio should clearly reflect this capability. Demonstrating a structured approach to project management and QA is crucial for a role requiring independent execution.

💵 Compensation & Benefits

Salary Range: For a full-time, remote Web Designer with 2-5 years of experience in the Philippines, a competitive salary range would typically fall between PHP 35,000 to PHP 70,000 per month, depending on specific skills, platform expertise, and the complexity of projects. This range is based on industry benchmarks for similar roles in the Philippine remote work market.

Benefits:

• Hybrid Work Flexibility: Ability to work remotely with options for modern office spaces in Makati and Pampanga.

• Modern Office Workspaces: Access to well-equipped offices designed for focus and collaboration.

• Complimentary Barista Coffee: On-demand barista coffee available at onsite days.

• Weekly Complimentary Meals: Enjoy a complimentary meal once a week on your designated onsite day.

• Health Coverage From Day One: Comprehensive health insurance provided starting from your first day of employment.

• Dependent Health Options: Extended health coverage options available for dependents.

• Competitive Compensation: Transparent salary packages directly aligned with client needs and your contribution.

• Ongoing Training: Continuous learning opportunities and professional development programs.

• Career Growth Opportunities: Clear pathways for advancement into larger roles and responsibilities.

• Global Exposure: Direct engagement with international clients, offering a global perspective on business operations.

Working Hours: The role is aligned with a day shift schedule, catering to clients in Australia. This typically means working approximately 40 hours per week, with specific daily hours to be confirmed, likely falling within standard business hours in the Philippines but coordinated to overlap with Australian business hours for effective collaboration.

📝 Enhancement Note: The salary range is an estimate based on common compensation for remote, full-time web design roles in the Philippines with the specified experience level. Actual compensation will vary. The listed benefits are directly extracted from the provided text, highlighting the company's attractive offerings for remote professionals. The working hours are inferred from "aligned to day shift roles with Australian clients" and the general "FULL_TIME" designation.

🎯 Team & Company Context

🏢 Company Culture

Industry: Business Process Outsourcing (BPO) / Professional Services, connecting talent in the Philippines with businesses primarily in Australia. hammerjack positions itself as a talent solutions provider, focusing on building integrated teams rather than traditional outsourcing.

Company Size: hammerjack is a growing organization, indicated by its recognition among "Fortune 100 Best Workplaces in Southeast Asia" and "8th Best Workplace in the Philippines." This suggests a mid-to-large sized company with a strong employee-centric culture.

Founded: The company's founding date is not explicitly stated, but its multiple recognitions and established presence imply a significant operational history and a mature organizational structure.

Team Structure:

• Operations teams are designed to function as "true extensions of their clients," implying embedded, cross-functional teams tailored to specific client needs.

• The company supports diverse roles across accounting, tech, admin, and marketing, suggesting a broad spectrum of specialized teams.

• Reporting structures are likely client-aligned, with internal management overseeing employee development and operational standards.

Methodology:

• Data-Driven Integration: Focus on aligning tools, expectations, and accountability to ensure seamless integration between hammerjack professionals and client operations.

• Systemic Approach: Emphasis on clear systems and consistent delivery, ensuring operational efficiency and high standards across all client engagements.

• People-Centric Growth: Commitment to providing professionals with long-term careers, continuous training, and opportunities for advancement.

Company Website: https://hammerjack.com.au/

📝 Enhancement Note: The company culture is strongly portrayed as employee-focused, aiming to create a supportive yet high-performance environment. The "embedded, not outsourced" model is a key differentiator, suggesting a collaborative and integrated approach to client work, which is highly relevant for operations roles.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-level, project-focused Web Designer. It offers a significant opportunity to gain diverse experience by working on multiple website builds for various clients. While not a leadership role, it provides a foundation for specialized growth within web development or project management.

Reporting Structure: The Web Designer will likely report to a Project Manager or a Team Lead within hammerjack, who in turn coordinates with client stakeholders. Direct interaction with clients may occur as needed for project requirements or feedback sessions.

Operations Impact: While this role is creative, its impact is operational by ensuring marketing websites are functional, user-friendly, and aligned with client business objectives. Efficient website builds directly contribute to a client's digital presence, lead generation capabilities, and overall brand perception. Successfully launching multiple projects on time and to spec demonstrates operational reliability and efficiency.

Growth Opportunities:

• Skill Specialization: Deepen expertise in specific no-code platforms (Squarespace, Webflow) or front-end development techniques.

• Project Management: Transition into roles managing larger or more complex website projects, or even overseeing multiple projects simultaneously.

• Client Account Management: Develop client-facing skills and potentially move into roles that involve direct client communication and account oversight.

• Leadership Development: With proven performance, opportunities may arise to mentor junior designers or lead small project teams.

• Cross-Functional Learning: Gain exposure to other marketing operations functions through collaboration with different client teams.

📝 Enhancement Note: The growth opportunities are inferred from the company's emphasis on "career growth" and "opportunities to step into bigger roles." For a project-based role, the ability to expand project scope, client interaction, or team leadership are natural progression paths.

🌐 Work Environment

Office Type: hammerjack offers modern, well-designed office spaces in Makati and Pampanga, intended for focus, collaboration, and productivity. These spaces are complemented by amenities like a barista and a café bar.

Office Location(s): While the role is primarily remote, onsite work is a possibility upon client request, with office locations in Makati and Pampanga, Philippines.

Workspace Context:

• Hybrid Model: The environment supports a blend of remote work flexibility and structured onsite collaboration.

• Collaborative Hubs: Office spaces are equipped for effective teamwork, client meetings, and focused individual work.

• Tech-Enabled: Access to necessary tools and technology within the office environment, complementing remote setups.

• Supportive Atmosphere: The company culture fosters a supportive team environment, encouraging interaction and shared success.

Work Schedule: The work schedule is primarily a day shift, aligned with Australian business hours. This typically involves approximately 40 hours per week, with specific timings designed to facilitate effective communication and collaboration with international clients.

📝 Enhancement Note: The "Hybrid Work Flexibility" and specific office locations are directly from the provided text. The emphasis on "modern offices designed for focus, collaboration, and real productivity" suggests a professional and well-equipped work setting for those days when onsite presence is required.

📄 Application & Portfolio Review Process

Interview Process:

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

• Technical Assessment/Portfolio Review: This stage will likely involve a deep dive into your portfolio, potentially with a live demonstration or a specific task to assess your proficiency with Squarespace, Webflow, and responsive design principles.

• Behavioral Interview: Questions will focus on your ability to manage projects independently, communicate with stakeholders, and adapt to client needs. Expect questions about your problem-solving approach and how you handle challenges in a remote setting.

• Cultural Fit Interview: An assessment of your alignment with hammerjack's values, focusing on collaboration, reliability, and a commitment to delivering quality work.

Portfolio Review Tips:

• Platform Focus: Ensure your portfolio prominently features websites built on Squarespace, Webflow, or similar platforms. Highlight your ability to leverage their features effectively.

• Responsive Design Showcase: Dedicate specific sections or examples to demonstrate how your designs adapt across different screen sizes.

• UI/UX Translation: Clearly articulate how you translated provided designs into functional web pages, showing before-and-after examples if possible.

• Project Scope & Impact: For each project, briefly explain the client's goal, your role, the solutions you implemented, and any measurable outcomes if available.

• Code Snippets (Optional but Recommended): If you've used custom CSS/HTML/JavaScript, consider showing small, impactful snippets that demonstrate your ability to enhance designs.

Challenge Preparation:

• Platform Familiarity: Be prepared to discuss the pros and cons of different no-code platforms and articulate why you chose a particular one for a given project.

• Problem-Solving Scenarios: Anticipate questions about how you would troubleshoot common website issues (e.g., responsiveness glitches, form errors, slow loading times).

• Time Management in Projects: Be ready to discuss how you manage multiple projects simultaneously, prioritize tasks, and meet deadlines, especially in a remote context.

📝 Enhancement Note: The interview process and portfolio review tips are tailored based on the job description's requirements for specific platforms, responsive design, and project management skills. The emphasis on "project-based" and "independent management" dictates the likely focus of behavioral and technical assessments.

🛠 Tools & Technology Stack

Primary Tools:

• Website Builders: Squarespace, Webflow are the core platforms. Wix and similar no-code/low-code builders are also relevant.

• Front-End Languages: HTML, CSS, and basic JavaScript are essential for customization and troubleshooting.

• Design Translation: Familiarity with UI/UX design tools (e.g., Figma, Sketch, Adobe XD) to interpret and implement provided designs.

Analytics & Reporting:

• Website Analytics: Google Analytics is a standard requirement for tracking website performance, user behavior, and conversion goals.

• SEO Tools: Basic understanding of SEO principles implies familiarity with tools used for keyword research and site audits (e.g., SEMrush, Ahrefs, Google Search Console), even if not directly managing them.

CRM & Automation:

• Form Builders/Integrations: Experience configuring and integrating forms within website builders, and potentially connecting them to CRM systems or email marketing tools.

• Project Management Tools: While not explicitly stated, proficiency with tools like Asana, Trello, Jira, or similar is often beneficial for managing project tasks and timelines in a remote setting.

📝 Enhancement Note: The "Primary Tools" are directly extracted from the job description's requirements. The "Analytics & Reporting" and "CRM & Automation" sections infer common technologies used in conjunction with web design and marketing operations, based on industry standards and the mention of "basic SEO best practices and website analytics setup."

👥 Team Culture & Values

Operations Values:

• Reliability & Accountability: Professionals are expected to be reliable, delivering work consistently and taking ownership of their projects.

• Efficiency & Delivery: A strong emphasis on timely delivery and efficient execution of tasks, especially within project constraints.

• Collaboration & Teamwork: While independent work is key, the ability to collaborate effectively with internal teams and potentially clients is highly valued.

• Quality & Professionalism: Maintaining high standards in design implementation, code quality, and overall professionalism in client interactions.

• Continuous Improvement: A commitment to ongoing learning and development, staying updated with web design trends and platform capabilities.

Collaboration Style:

• Embedded Teams: Working as integrated members of client teams, fostering a sense of shared purpose and accountability.

• Remote-First with Hybrid Options: A flexible approach that balances remote autonomy with opportunities for in-person collaboration and team building.

• Clear Communication Channels: Utilizing digital tools and structured meetings to ensure clear, concise communication across distributed teams.

• Feedback Culture: Openness to receiving and providing constructive feedback to enhance project outcomes and team dynamics.

📝 Enhancement Note: The "Operations Values" and "Collaboration Style" are inferred from the company's description, emphasizing their focus on building integrated teams, client success, and employee growth. The "Reliability & Accountability" and "Efficiency & Delivery" values are particularly critical for a project-based role.

⚡ Challenges & Growth Opportunities

Challenges:

• Managing Multiple Projects: Juggling timelines, design variations, and client-specific requirements for several website builds simultaneously.

• Platform Limitations: Working within the constraints of no-code platforms while still achieving unique design outcomes and custom functionalities.

• Client Feedback Integration: Effectively incorporating client feedback into designs and builds while managing scope creep and maintaining project timelines.

• Remote Work Discipline: Maintaining high productivity, focus, and communication standards while working independently in a remote environment.

• Keeping Pace with Technology: Continuously learning new features of website platforms and evolving web design best practices.

Learning & Development Opportunities:

• Platform Mastery: Deepen expertise in Squarespace and Webflow through advanced courses, certifications, or by tackling more complex projects.

• Front-End Skill Enhancement: Further develop HTML, CSS, and JavaScript skills to enable more sophisticated customizations and problem-solving.

• Project Management Fundamentals: Gain exposure to project management methodologies, potentially leading to formal training or certifications.

• Client Communication Skills: Hone abilities in client interaction, feedback management, and expectation setting.

• Exposure to Marketing Operations: Understand how websites integrate with broader marketing strategies and other digital tools.

📝 Enhancement Note: The challenges and growth opportunities are derived from the specifics of the role (project-based, no-code platforms, remote) and the company's stated commitment to employee development. The focus is on leveraging the role's inherent demands as springboards for professional advancement.

💡 Interview Preparation

Strategy Questions:

• Platform Proficiency: "Describe a complex website you built using Squarespace/Webflow. What were the key challenges, and how did you overcome them using the platform's features?" Focus on demonstrating your understanding of the platform's capabilities and limitations.

• Design Translation: "Walk me through how you would translate this provided UI/UX mockup into a responsive website. What are the critical steps and considerations?" Be prepared to discuss your process for interpreting design assets and ensuring fidelity.

• Project Management & Prioritization: "How do you manage your workload when assigned multiple projects with overlapping deadlines? Describe a time you had to adjust your priorities to meet a critical delivery date." Highlight your organizational skills and ability to adapt.

Company & Culture Questions:

• Remote Work Experience: "Describe your experience working remotely. What strategies do you use to stay productive, communicate effectively, and collaborate with a distributed team?"

• Client Collaboration: "How do you approach receiving and implementing client feedback, especially if you disagree with it?" Focus on professionalism and finding solutions.

• Adaptability: "This role involves working on various client projects. How do you adapt your design approach to meet different brand guidelines and user needs?"

Portfolio Presentation Strategy:

• Curate Selectively: Choose 3-5 of your strongest, most relevant projects that showcase your skills with no-code platforms and responsive design.

• Storytelling: For each project, explain the client's objective, your specific contribution, the tools used, the challenges faced, and the final outcome. Use visuals effectively.

• Demonstrate Responsiveness: Clearly show how your designs adapt to different screen sizes – perhaps through live demos or screenshots of various breakpoints.

• Highlight Customization: If you used custom code, point out specific examples and explain the value it added beyond the platform's standard features.

• Be Concise: Prepare a brief overview for each project, allowing time for questions and discussion without overwhelming the interviewer.

📝 Enhancement Note: The interview preparation is structured around common interview practices for design and operations roles, emphasizing the specific skills and platforms mentioned in the job description. The portfolio presentation strategy provides actionable advice tailored to a web designer's needs.

📌 Application Steps

To apply for this project-based Web Designer position:

• Submit your application through the provided Breezy HR link.

• Customize Your Resume: Highlight your experience with Squarespace, Webflow, Wix, responsive design, HTML, CSS, JavaScript, and SEO fundamentals. Quantify achievements where possible (e.g., "Launched X websites within Y months").

• Prepare Your Portfolio: Ensure your online portfolio is up-to-date and clearly showcases your best work, particularly projects built on no-code platforms. Organize it logically with clear descriptions for each project.

• Practice Your Pitch: Be ready to articulate your experience, your process for building websites, and how you manage projects independently during interviews. Practice explaining your portfolio items concisely.

• Research hammerjack: Understand their mission, values, and approach to connecting talent with businesses. Familiarize yourself with their industry position and employee recognition.

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

---