Dunrite Insulation Complete Web Design

Web Design Case Study: Dunrite Insulation

Project Overview

Dunrite Insulation, managed by four brothers, has been a trusted name in insulation solutions for over two decades. With a desire to modernize their online presence and enhance their digital marketing, they engaged Darryl from Dazzas Design to build a professional, functional, and responsive website using WordPress.

The goal was to design a new website that would reflect the family values and professionalism behind Dunrite’s decades of service, while also improving customer interaction through forms, social integration, and SEO.

Objectives & Deliverables

Design and launch a 9-page WordPress website
Generate written content using AI and provide imagery from Canva Pro
Assist with domain and hosting setup
Configure SSL security, social media profiles, and domain-based emails
Ensure full mobile responsiveness and SEO-readiness
Integrate enquiry and quote forms with testing

Completed Website Pages

Home Page:
- 7 dynamic sections including a custom banner, contact form, and text content
- Custom archives for Services, Blogs, and Reviews using loop templates
About Us Page:
- 2 informative sections using text editors and widgets
- Integrated FAQ archive with loop templates
Homeowners Services Page:
- Designed as a single-page layout with a sidebar
- Program cards displayed using a custom archive and loop template
Builders Services Page:
- Similar format as Homeowners page
- Customized archive showcasing services tailored for the building industry
Blog Page:
- Blog cards created via a custom archive and loop template
- Each blog post features a sidebar layout for easy navigation and context
Image Gallery Page:
- Integrated with Google Drive via a plugin for streamlined image management
Get a Quote Page:
- Simple, user-friendly quote form with all relevant input fields
- Also included a pop-up form for instant booking and enquiry
Privacy Policy + Terms & Conditions Pages:
- Standard compliance pages to meet legal and industry requirements

Technical Implementation

Content Development:
- AI-generated, manually reviewed and optimized content tailored to Dunrite’s services
- Clients were encouraged to review and suggest edits before go-live
Imagery:
- All imagery sourced through Canva Pro to ensure professional quality and branding consistency
Domain & Hosting Setup:
- Assisted Brendan in purchasing hosting and domain
- Installed WordPress, configured SSL, and optimized performance
Social Media Integration:
- Created and configured Facebook, Instagram, and Google My Business pages
- Implemented social share and follow buttons across the site
Email Setup:
- Configured five domain-based Gmail accounts for team communication
Mobile Optimization:
- Every layout was adapted for full responsiveness on mobile, tablet, and desktop devices
- Special attention to spacing, image placement, and mobile interaction
Sticky Navigation Bar:
- Logo placed in the top left, menu on the right with integrated social icons
- Remains visible as users scroll for easier navigation
Basic SEO + Metadata Optimization:
- Yoast SEO plugin installed and configured
- Metadata, ALT tags, and filenames optimized across all images and pages
Google Search Console:
- Website submitted to Google Search Console and XML sitemap registered for indexing

Final Result

Dunrite Insulation’s new website is a modern, clean, and functional representation of their trusted family-run business. The structure enables customers to easily access service information, submit quote requests, and engage with the company via integrated social channels. With strong foundations in SEO, mobile design, and user experience, the new site sets Dunrite up for long-term online success.

CLIENT'S TESTIMONY

“Recently Darryl from Dazzas Designs redesigned my website, giving it the modern features required in today’s technical world. Darryl set out a clear Itinerary of what work needed to be done, with what programmes and what cost this would incur. This made it very easy for me as a customer. Darryl also did an amazing job on revitalizing my social media advertising and printed promotional material. This was all done within a reasonable budget.

Dazzas Designs exceeded the expectations I had in mind for my website and I would recommend his service to anybody wanting a professional website.”

Ross Mollenhauer

OTHER JOBS WITH SWIFT RESULTS:

Managers Facebook page advertising and creates promotion material, Design Aflame sign and coupons promos for print, Design website banners, and maintains WordPress site regularly.

project overview brief

Updated and revitalized the client’s website, adding modern and effective features to display relevant information. Also, optimized the website for mobile device viewers by adding a responsive element.

Change the theme, menu and colour scheme to be consistent with the website banners.
Create the following web pages; Home, About Us, Services, Products, Mobile Massage & Contact Us.
Develop a web page header with a navigational menu bar, logo, sliding banners, and social media buttons.
Also Develop a web page footer with Quick links, address details, contact details, social media icons, full length google location map, opening hours details.
Both header and footer are configured to be added in one location.
Create Individual Sub-Pages for each Massage Service (Aroma Touch, Bowen Therapy, Hot & Cold Stone Massage, Corporate Massage, Deep Tissue Massage, Kinesio Taping, Foot Reflexology, Reiki, Remedial Massage, Sports Massage, Swedish Massage).
Create About Us sub-pages (Links, Testimonials & Therapists).
Design & develop two landing page forms (via Aweber) to be place on the homepage.
On the About Us page display the company’s information in an accordion box.
On the Services page have smaller thumbnail images with two sentences describing each service & a “Read More” hyperlink leading to a sub-page with the full details of that service.
All thumbnail images & labels will link to sub-pages.
On the Products page display each Product’s details in an accordion box with slide images of each product.

CLIENT: Dragon and Lion Dance Events
COMPLETION DATE: October 2019
NUMBER OF PAGES: 6 Webpages
WEBSITE URL: https://dragondanceevents.com/
CMS: WordPress & Elementor PRO

CLIENT'S TESTIMONY

We are very grateful for the work of Dazzas Web & graphic design in putting together a very professional and modern website that suited our business, his attention to detail and speed to deliver.

Lam Tu Luan

wireframe sitemap

project overview brief

Design One WordPress site for Lam’s Dragon & Lion Dance Events business.

The following standard pages must be made; About, Dragon Dance, Lion Dance, Events, Gallery and Training Program.
Similar page layout to the to the Kung Fu website.
Colour scheme similar to the uniform; dark and light blue with a touch of Gold.

Client providing all the images, logos, and content needed for the site.
WordPress, Elemental Pro, and Business Google configuration needed.
Mobile-Friendly Layout: To further optimize your website, Darryl uses creative placement and modification elements to make it mobile friendly and 100% responsive on various mobile devices.
Design one custom video header, one custom image header (2 website sliding image banners need to be designed), and one custom footer. Second footer displaying google map on the training program page.
Booking, Enquire, and Brochure Buttons present on the screen throughout the site.
Develop Pop-up Box for a Booking form and an inquiry form that is triggered when the user attempts to exit.
Develop a full-size photo and video gallery with a lightbox view feature.
Custom event calendar widget setup and Event pages system.
SSL certificate configuration.
Basic SEO: optimize your webpage with keywords by configuring the Yoast SEO plug-in and applying On-Page Optimization.
Social Media Optimization: adding in buttons throughout your website that leads to respective social media pages.
Register the new website with Google Maps.

features and sections

ABOUT PAGE: The following sections on the About (front) page must be made and content added;
Section 1: Three-panel summaries of what you do (Dragon Dance, Lion Dance, a cinemograph slideshow of the facts).
Section 2: Main info. And short events list.
Section 3: Other Services and FAQ (accordion widget).
Section 4: Gallery preview (two media slideshows displaying images and videos with a link to the main Gallery page).
Section 5: Summary info of workshops and training.
Section 6: Enquiry form and Reviews.

DRAGON DANCE PAGE: The following sections on the Dragon Dance page must be made and content added;
Section 7: Full Info and Workshop details.
Section 8: Dragon Dance History-Info.

Lion DANCE PAGE: The following sections on the Lion Dance page must be made and content added;
Section 9: Full Info and Workshop details.
Section 10: Lion Dance History-Info.

Gallery page: The following sections on the Gallery page must be made and content added;
Section 11: Photo Gallery with the category selection tab.
Section 12: Video Gallery with the category selection tab.
Section 13: Facebook Gallery.
events page: The following sections on the Events page must be made and content added;
Section 14: Info and a full listing of events. Each event will have a page.

Training page: The following sections on the Training page must be made and content added;
Section 15: Full Training Program Info.
Section 16: Full Info on both Workshops.

before & after redesign

CLIENT: LTL Kung Fu School
COMPLETION DATE: October 2019
NUMBER OF PAGES: 5 Webpages
WEBSITE URL: https://kungfu-ltl.com/
CMS: WordPress & Elementor PRO

CLIENT'S TESTIMONY

We are very grateful for the work of Dazzas Web & graphic design in putting together a very professional and modern website that suited our business, his attention to detail, and speed to deliver.

Lam Tu Luan

wireframe sitemap

project overview brief

Design One WordPress site for Lam’s Kung Fu business.

The following standard pages must be made; About, KungFu Training, Gallery and Our Stories.
Similar page layout to the following example site; https://chuthephat.com.au/
Colour scheme similar to the Kung Fu uniform; dark and light blue.
Client proving all the images, logos and content needed for the site.
WordPress, Elemental Pro and Business Google configuration needed.
Mobile Friendly Layout: To further optimize your website, Darryl uses creative placement and modification elements to make it mobile friendly and 100% responsive on various mobile devices.
Design one custom video header, one custom image header (2 website sliding image banners need to be design) and one custom footer.
Develop Pop-up Box for Sign up form that is triggered when the user attempts to exit.
Develop a full size photo and video gallery with a lightbox view feature.
SSL certificate configuration.
Basic SEO: optimise your webpage with keywords by configuring the Yoast SEO plug-in and applying On-Page Optimization.
Social Media Optimization: adding in buttons throughout your website that lead to respective social media pages.
Register the new website with Google Maps.

features and sections

ABOUT PAGE: The following sections on the About (front) page must be made and content added;

Section 1: Main Info (Body & Mind, Self Defence, Fitness).
Section 2: Three panel summary of Kung Fu Training info, Introductory Course and Weapons training info ( each summary will link to more info on the KungFu Training page).
Section 3: The School info and FAQ (accordion widget).
Section 4: Your Teacher info.
Section 5: Gallery preview (two media slideshows displaying images and videos with a link to the main Gallery page).
Section 6: Our Stories preview (three-column panel with a link to the main Our Stories page).
Section 7: Reviews.

Gallery page: The following sections on the KungFu Training page must be made and content added;

Section 8: KungFu Photos – full size photo gallery with a lightbox view feature.
Section 9: KungFu Videos – full size video gallery with a lightbox view feature.

Our stories page: The following sections on the Our Stories page must be made and content added;

Section 10: Display all stories with Images for each.

KungFu Training page: The following sections on the KungFu Training page must be made and content added;

Section 11: KungFu Training full info.
Section 12: Introductory course full info.
Section 13: Weapons Training full info.
Section 14: Class Times and Prices.

Dunrite Insulation Complete Web Design

Web Design