Are you planning to build or revamp your business website and wondering whether to hire a freelancer or an agency?

As someone who has worked as both a freelancer and alongside agencies, I often help clients navigate this decision. Each option has its strengths and challenges, and understanding how they operate can make all the difference in choosing the right fit for your business.

Unfortunately there is no easy answer to this question but lets break it down together...

Knowing Your Needs

Before deciding whether to hire a freelancer or an agency, it’s essential to clarify exactly what you need from your website. This involves understanding two key areas: functional requirements and non-functional requirements.

• Functional Requirements: These are the specific features your website must include to serve its purpose. For example, an online store needs a shopping cart and payment gateway, while a service-based business might require a booking system or contact forms.
• Non-Functional Requirements: These focus on the performance and quality of your website, such as its speed, security, scalability, or user experience. These elements ensure the site runs smoothly and keeps users engaged.

Do You Even Need a Website?

Sometimes, your goals might not even require a full website. For instance:

• If you’re promoting a personal portfolio, platforms like Behance or LinkedIn might be sufficient.
• For selling products, Ebay, Etsy, or even Instagram Shops could do the job.
• If you’re building a community, email newsletters or platforms like Substack might work better.

Choosing the Right Technology

Once you’ve defined your needs, you can research the best technologies to achieve your goals. Some popular options include:

• WordPress: Versatile and ideal for content-heavy websites, blogs, or small business sites.
• Shopify/WooCommerce: Designed for e-commerce with robust tools for inventory, payments, and shipping.
• React/Vue.js: Great for highly interactive websites or web apps.
• No-Code Platforms (e.g., Squarespace, Wix): Perfect for smaller budgets or simple sites with a quick turnaround.

Finding the Right Specialist

Having a clear understanding of your requirements will make it easier to find a specialist freelancer or agency in the right field. A freelancer with expertise in WordPress might be perfect for a small business blog, while an agency with a dedicated team could be better suited for building a complex e-commerce platform or custom web app.

The more detailed your brief, the easier it will be to match your project with the right professional.

How Freelancers Operate

Freelancers are independent professionals who work on a project-by-project basis. Their operating style tends to be more flexible and personalised, often offering a close, one-on-one working relationship.

Key Characteristics of Freelancers:

• Direct Communication: You’ll work closely with the freelancer, often directly discussing ideas, updates, and feedback.
• Specialisation: Freelancers typically focus on specific areas, such as web design, development, or SEO. This makes them ideal for targeted projects.
• Flexible Workflow: Freelancers can adapt their schedule to meet your needs, but their availability may vary, especially if they’re juggling multiple clients.
• Cost-Effective: Without the overheads of a larger team, freelancers often charge lower rates than agencies.

Drawbacks of Freelancers:

• Limited Resources: Freelancers work solo, so you might need to hire multiple specialists for different aspects of the project, like design and development.
• Dependence on One Person: If your freelancer becomes unavailable or faces delays, it could affect the entire project timeline.

How Agencies Operate

Agencies are businesses with a team of professionals offering a wide range of services under one roof. They typically have structured processes and work collaboratively to complete projects.

Key Characteristics of Agencies:

• Team Expertise: Agencies provide access to a variety of specialists, from designers and developers to marketers and project managers.
• Established Processes: Agencies often follow a well-defined workflow, including planning, development, and quality assurance.
• Scalability: With more resources, agencies can handle larger or more complex projects and often meet tighter deadlines.
• Comprehensive Services: Agencies can manage your project end-to-end, from strategy and design to post-launch support.

Drawbacks of Agencies:

• Higher Costs: Agencies usually charge more to cover team salaries, office expenses, and other overheads.
• Less Personalised Attention: With multiple clients, you might not receive the same level of direct communication as you would with a freelancer.
• Rigid Processes: Agencies may have less flexibility in adapting to changes mid-project.

Pros and Cons of Hiring a Freelancer

Pros:

1. Cost-Effectiveness: Freelancers are typically more affordable than agencies, as they don’t have the overheads of a team or office space.
2. Flexibility: Working with a freelancer often allows for a more personal relationship and a customised approach to your project.
3. Specialisation: Many freelancers focus on specific niches or skills, offering expertise in areas like WordPress, SEO, or e-commerce.

Cons:

1. Limited Capacity: Freelancers may struggle to handle large or complex projects requiring multiple disciplines.
2. Availability Risks: If your freelancer is unavailable or unresponsive, your project may face delays.
3. Support Challenges: Freelancers may not provide consistent ongoing support or have the capacity for long-term maintenance.

Pros and Cons of Hiring an Agency

Pros

1. Team Collaboration: Agencies bring together experts in design, development, marketing, and strategy, ensuring a well-rounded approach.
2. Scalability: With more resources, agencies can handle large-scale or complex projects and adapt to tight deadlines or additional requirements.
3. Reliability: Agencies often have dedicated project managers and established processes, making them a dependable choice for long-term support.

Cons:

1. Higher Costs: Agencies charge premium prices to cover their overheads, team salaries, and administrative expenses.
2. Less Personalised Service: With multiple clients, agencies may offer less one-on-one attention compared to freelancers.
3. Possible Bureaucracy: Structured workflows and internal processes can lead to longer turnaround times or less flexibility.

Hybrid Solutions: Best of Both Worlds

In some cases, combining the strengths of both a freelancer and an agency can provide the ideal solution for your website needs. A hybrid approach allows businesses to tap into the specific strengths of both options, creating a balanced and cost-effective strategy.

Scenarios for Combining Freelancers and Agencies:

• Design and Development Split: You could hire a freelancer for the creative aspects, such as designing a unique and visually appealing website, and then bring in an agency to handle the more technical side, such as custom development, backend functionality, or complex integrations. This allows you to benefit from the freelancer's personal touch while leveraging the agency's resources and expertise for more technical requirements.
• SEO and Content: A freelancer with specialised knowledge in SEO or content writing can help ensure your website ranks well on search engines, while an agency can handle the larger-scale digital marketing strategy or the ongoing optimisation of your site.
• Short-Term and Long-Term Needs: Freelancers may be ideal for shorter, specific tasks like logo design or one-off landing pages, while an agency can provide ongoing support for larger projects, marketing, and strategy implementation.

Transitioning from Freelancer-Built Websites to Agency Support:

As your business grows, your website’s needs may become more complex and demanding. Here’s how you can smoothly transition:

1. Gradual Expansion: If you started with a freelancer for the initial website build, you can start involving an agency when your project requires more scalability, such as adding new features or increasing traffic.
2. Ongoing Support: Initially, freelancers might handle updates or small tweaks, but as your business scales, an agency can take over full-site maintenance, ensuring consistent performance and security.
3. Strategic Development: As your business evolves, you may want to expand your online presence with additional marketing or technology needs. Agencies can offer a broader range of services, including integrated marketing campaigns, advanced SEO strategies, and more robust tech infrastructure, which can be challenging for a freelancer alone to manage.

By blending the strengths of freelancers and agencies, you can create a more flexible and scalable solution that adapts to your growing needs.

Finding the Best Solution for Your Business

Choosing the right approach—whether a freelancer, agency, or hybrid—depends on the specific needs of your business and the scale of your website project. Here’s a quick guide to help you decide:

1. Start with Your Goals and Budget

• Small Business or Personal Project: If your website is relatively simple, with limited features, and you’re working on a tighter budget, a freelancer may be the best option. They provide a more personalised experience and cost-effective solutions.
• Growing Business with Complex Needs: If you’re looking for a more robust website with advanced functionality, ongoing support, or the ability to scale quickly, an agency may be the better choice. Agencies have the resources to handle larger, more complex projects.
• Hybrid for a Balanced Approach: If your project involves specific tasks like custom design or unique technical features, consider combining both. For instance, hire a freelancer for design and user experience, then work with an agency for development, marketing, and long-term support.

2. Consider Future Growth

• Scalability: If your business is growing quickly and you anticipate needing frequent updates, ongoing support, or scalability, an agency may be a good long-term partner. They can provide the infrastructure and resources you need as your website evolves.
• Flexibility: If you prefer flexibility and working closely with someone who can respond quickly to changes, a freelancer may be more suitable in the early stages. However, as your website grows, you can bring in an agency to handle larger, more complex projects.

3. Evaluate Your In-House Capabilities

If you already have a team or some technical expertise, a freelancer might be enough to cover specific areas like design or content creation. However, if you lack in-house resources, an agency can provide a more comprehensive service, from design to strategy, development, and maintenance.

4. Long-Term Relationship and Support

Consider the level of ongoing support you require. Freelancers can be ideal for short-term, specific tasks, but if your business demands continuous updates, performance optimisation, or customer service, an agency with dedicated resources may offer the reliability and consistency you need.

I recently came across an issue where I was trying to use an advanced image field from Meta Box inside an Oxygen Builder repeater. However, after I selected the dynamic data values in Oxygen the field was not displaying. Oxygen Builder support made clear that this was an existing issue and that it needed a workaround as they did not know when it would get fixed.

Therefore I thought I might share my solution here in a step-by-step tutorial in case you are having the same issue.

Create the Meta Box Pro fields

1. Create a Meta Box Pro ‘group’ field for your post type

Make sure the ‘Group’ field is clonable, this allows you to populate the filed group on the post.

2. Create an ‘Image Advanced’ field

Once you have created the Group field in step one you need to add an ‘Image Advanced’  inside the Meta Box Group field. Remember the ID you named the ‘Advanced Image’ field. In our example, the id is 'section_image'.

Add the custom code

According to Oxygen support, you can use global ‘$meta_box_current_group_fields;’ to get the current group inside the Oxygen Repeater.

Therefore I created the following function and added it with the Code Snippets plugin to the functions.pho: 

function get_oxygen_repeater_section_image_id() {

    global $meta_box_current_group_fields;

    // Get the image ID

    // Replace ‘section_image’ with your image ID

    $image_id = $meta_box_current_group_fields['section_image'][0];

    return $image_id;

}

Make sure you replace the image ID ‘section_image’ with your own image ID. Once you are done save and activate the snippet. 

Query the image ID in the oxygen repeater

Set up the repeater

Select ‘Query’ in the repeater settings, tick the ‘Use Meta Box Group’ box and select your Meta Box Group field below.

Add the image element

Drag the image element inside the repeater element. Select ‘Media Library’ in the primary settings of the image element.

Query the image ID

1. Select the ‘data’ option inside the ID field. 
   
2. Select ‘PHP Function Return value’ and the advanced dynamic data settings
   
3. Insert the name of the function we previously created: ‘get_oxygen_repeater_section_image_id’
   

Save your edits, clear the cache and reload the page. The image from your Meta box group field should display now.

This article explains why the oxygen menu items does not wrap it's children into a new row when they are overflowing the screen. To understand this article you will require a basic understanding on flex-box. You can watch this video by Kevin Powell or read about flexbox on the MDN Docs.

The 'issue' with the native menu in oxygen

The Oxygen menu's ol element is set up as a flex-box, but does not contain a 'flex-wrap:wrap', which allows flex elements that would horizontally overflow

/*Replace .menu with your menu class*/
.menu--footer ul {
flex-wrap:wrap;
}


.menu--footer ul li{
width: fit-content !important;
}