How to customise the MaxiBlocks WordPress homepage design template for a small business

The MaxiBlocks homepage design template for a small business or creative agency is a versatile starting point for building an engaging and visually striking WordPress website. This guide will take you through each section of the template, explaining the elements included and offering customisation tips to help you make the template your own. We will also explore how to integrate animated number counters, block pattern text, and various other design elements that enhance user experience.

Whether you’re a consultancy, creative agency, or even a non-profit, this guide will walk you through how to use and modify this template to create a distinctive online presence that draws visitors in and encourages interaction.

Header section: Collaboration-focused headline

The header section of this WordPress homepage template features a large, eye-catching headline that reads, “Together we can do what none of us could do alone.” This text, designed in bold with certain words emphasised, makes an immediate impact and conveys a clear message of collaboration and unity. The playful icons around the headline, such as stylised eyes and a looping arrow, add a fun, creative element that helps draw users’ attention.

Below the headline is a “Start here” button, with rounded edges, inviting users to take immediate action. The button’s simplicity makes it clear and accessible for first-time visitors.

The header also includes a series of images of diverse people. These photos provide a human touch, making the website feel relatable and inclusive. The layout of these images, aligned horizontally in a consistent style, helps communicate a message of diversity and teamwork.

10 tips to customise the header section:

1. Replace the headline with your business slogan or a call to action that suits your brand tone.
2. Update the icons to match your niche; you can use icons from the WordPress icon library.
3. Replace the images with pictures of your team, adding a personal element to the website.
4. Modify the “Start here” button text to reflect a specific action, like “Get a Quote” or “Join Now”.
5. Customise the button colour to align with your brand colours.
6. Use an animated number counter alongside the headline to show impressive figures, like “500+ successful projects”.
7. Add a brief subheading below the headline to give more context to your brand message.
8. Consider changing the background colour or adding a subtle background pattern for contrast.
9. Use WooCommerce integration to make the “Start here” button link directly to a sign-up or purchase page.
10. Add social proof by overlaying logos of your best-known clients beneath the headline.

Partner logos section: Building trust

This section, placed below the images of individuals, features logos of well-known brands. Displaying these logos in grayscale gives a professional appearance while showing credibility and trusted associations.

10 tips to customise the partner logos section:

1. Replace existing logos with your own clients or partners to build trust with visitors.
2. Consider adding a headline like “Our trusted partners” or “Brands we’ve worked with” to provide context.
3. Add animation to make the logos scroll automatically for a dynamic effect.
4. Use block pattern text underneath to give a brief description of the partnerships.
5. Highlight notable projects or testimonials from these partners in a nearby section.
6. Add an interactive hover effect that expands logos or reveals more information.
7. Use logo patterns to maintain a consistent look throughout the page.
8. Change the alignment to a carousel-style display to save space.
9. Link each logo to a relevant case study or testimonial.
10. Include small descriptive text underneath each logo to explain your relationship with each partner.

Inspirational quote and team process section

This section includes an inspirational quote: “If everyone is moving forward together, then success takes care of itself”. Below the quote, two circular images represent creative aspects, such as hands on a laptop and hands holding a camera, along with corresponding headings and captions.

The section also features a four-box grid, detailing the team process. Each box is accompanied by a minimalist icon, representing different stages like research, concept, development, and growth.

10 tips to customise the inspirational and process section:

1. Replace the quote with one that aligns with your business’s mission or values.
2. Change the circular images to showcase your products, services, or team in action.
3. Use icons from the WordPress icon library to visually enhance each part of the process.
4. Edit the four-box grid titles to match your team’s workflow—e.g., “Discovery”, “Planning”, “Execution”, “Results”.
5. Add animated elements to the icons for a more engaging visual effect.
6. Integrate a call to action that encourages users to learn about your process in-depth.
7. Customise the captions to include a brief story or example of how your team has successfully completed projects.
8. Use block pattern text to draw attention to key points within the section.
9. Add a link to your WordPress blog for more insights into your team’s creative process.
10. Change the colour scheme to match your brand’s colours for consistency.

Call to action section: Let’s build something great

This section has a bold headline that says, “Let’s build something great!” along with a “Start here” button. The soft blue background contrasts well with the white text and arrow icon, creating an inviting and eye-catching design.

10 tips to customise the call to action section:

1. Replace the headline to reflect your unique value proposition, such as “Transform your ideas with us today!”
2. Update the button text to be more specific, like “Schedule a Consultation”.
3. Add an animated number counter to highlight a significant achievement.
4. Link the button to a WordPress contact form to capture leads easily.
5. Change the background colour to add visual differentiation from other sections.
6. Add an icon next to the headline for visual appeal, using website icons that suit your business.
7. Create a subtle background animation to add energy to the page.
8. Integrate an email subscribe form directly into this section for better lead generation.
9. Add a small customer testimonial next to the CTA to build credibility.
10. Use WordPress accordion elements for frequently asked questions beneath the CTA.

Blog post teasers section

This blog section includes six article teasers, each with a headline, date, and comment count. The first box is highlighted in orange, giving it more prominence, while the rest remain neutral in white.

10 tips to customise the blog post teasers section:

1. Highlight a post that is most relevant to your target audience.
2. Customise the orange box to promote a featured article or an announcement.
3. Update the headlines to be more engaging by adding numbers or benefits.
4. Include a small “Read more” CTA beneath each teaser.
5. Use block pattern blog hero to showcase your most popular posts.
6. Link the articles to different categories of your WordPress blog for easy navigation.
7. Add a hover effect to make the article boxes more interactive.
8. Change the featured box colour to match your brand.
9. Integrate website images that relate to each blog post.
10. Use WordPress icons to visually represent each category.

Information boxes section

This section contains four cards, each with a brief title and a “Read more” link. The cards cover different aspects such as information, virtual pictures, and connection with audiences. The blue background offers a cohesive look with other sections of the page.

10 tips to customise the information boxes section:

1. Update the titles to reflect content relevant to your business.
2. Use website icons to represent each card for added clarity.
3. Add a subtle border or shadow to make the cards pop visually.
4. Change the order of the cards to emphasise the most important points.
5. Integrate small website images that support the card’s content.
6. Customise the “Read more” link text to be more engaging, e.g., “Discover More”.
7. Use an animated number counter within one of the cards to share key stats.
8. Add testimonials design beneath the cards to build trust.
9. Link the cards to specific sections of your WordPress blog or service pages.
10. Change the background colour to create visual contrast with surrounding sections.

Final call to action and footer section

The final call to action encourages users to take action: “Yes! Let’s create something extraordinary together.” The button labelled “Start Now” is highlighted in orange, providing a clear focal point. The footer includes essential business information, social media links, and segments for values and services.

10 tips to customise the final call to action and footer section:

1. Update the call to action text to better reflect your offer, such as “Get Started on Your Project Today!”
2. Change the button colour to a shade that matches your brand.
3. Add a WordPress contact form next to the CTA to make getting in touch easier.
4. Use an animated button to draw attention to the CTA.
5. Update the footer address with your business’s actual contact details.
6. Add a link to a 404 page for improved navigation.
7. Update social media links to include any other platforms you use.
8. Add icons from the WordPress icon library for each section of the footer.
9. Include a link to your FAQ pages for quick access.
10. Change the footer layout to include an email subscribe option.

Different types of websites that can use this WordPress homepage design

This MaxiBlocks homepage design template is highly flexible and can be adapted for various types of websites. Here are some examples:

• Health websites: Highlight health-related services and use testimonials to build trust.
• Diet homepage template: Include nutrition tips, success stories, and call to action examples for consultations.
• Agency homepage template: Showcase your projects and website team members for a professional appearance.
• Business homepage template: Use testimonials, pricing tables, and email subscribe forms to connect with clients.
• Non-profit homepage template: Share your mission and encourage donations with a clear call to action.
• Travel homepage template: Use the adventure and blog teasers to highlight travel destinations and itineraries.
• Home services homepage template: Showcase service icons and customer testimonials for credibility.
• Photography homepage template: Highlight your portfolio using a bold website hero section and gallery of website images.
• Consulting homepage template: Use the process section to outline how your services can help clients.
• Law firm homepage template: Use content patterns and client testimonials to present your expertise.

For more inspiration and to explore templates tailored for your industry, visit the MaxiBlocks demo page.

By customising each section with unique content and brand-specific elements, you can transform the MaxiBlocks WordPress homepage template into a distinctive, engaging website that meets your business’s needs.