Facebook Linkedin
Let's Talk

CELOTTI Marketing Web Design & Agency Collaboration

Web Design | WordPress | Elementor

CELOTTI Marketing Complete Web Design (1)

CELOTTI Marketing

Completion Date: November 30, -0001

Dazzas Design partnered with CELOTTI Marketing as a white-label WordPress and Elementor development contractor, providing specialist web design and development support across the agency’s growing portfolio of client projects.

The collaboration has involved delivering client websites, building responsive landing pages, recreating existing websites and webpages, troubleshooting and improving existing sites, and working closely with CELOTTI Marketing’s internal team to meet project requirements and agency deadlines.

In addition to supporting client work, Dazzas Design was engaged to design and develop CELOTTI Marketing’s own agency website, creating a flexible WordPress and Elementor-based platform that supports the agency’s marketing services, offerings and ongoing content management.

The Challenge

CELOTTI Marketing required a reliable WordPress development partner who could work seamlessly alongside its internal marketing team and provide the technical expertise needed to deliver multiple website projects.

The work needed to balance:

  • Agency deadlines and project priorities
  • Supplied designs and content
  • Accurate recreation of existing webpages
  • Responsive design across all devices
  • WordPress and Elementor development
  • Dynamic and reusable content structures
  • Website performance and usability
  • SEO fundamentals
  • Ongoing website updates and troubleshooting

 

Dazzas Design provided the development capability required to take supplied concepts, designs and content and turn them into functional, responsive WordPress websites.

 

CELOTTI Marketing Agency Website

Designing and developing the agency’s own digital presence

One of the key projects within the partnership was the design and development of the CELOTTI Marketing website.

The website was developed from the ground up using WordPress and Elementor Pro, with a focus on creating a professional, flexible and easily maintainable platform for the agency.

The website was structured around CELOTTI Marketing’s specialist marketing services for construction, infrastructure, trades and service-based businesses.

Website Development

The project included:

  • New WordPress installation and configuration
  • Domain and SSL configuration
  • WordPress and Elementor Pro setup
  • Responsive website development
  • Dynamic header and footer templates
  • Desktop and mobile navigation
  • Custom page layouts
  • Dynamic content structures
  • Custom Post Types (CPTs)
  • Archive and loop templates
  • Contact and enquiry forms
  • Consultation booking pop-up
  • Social media integration
  • Google Maps integration
  • Website performance optimisation
  • Basic SEO configuration
  • Google Search Console setup
  • User documentation and training resources

 

 

Custom Dynamic Content Architecture

A major component of the project was creating a flexible content architecture that would allow CELOTTI Marketing to manage recurring content through WordPress rather than manually rebuilding page sections.

Dazzas Design developed multiple dynamic content structures, including:

Advanced Dynamic Content

Custom single-page templates were developed for major content areas such as Offerings and Services.

This allowed individual offerings and services to have their own dedicated pages while maintaining a consistent visual structure across the website.

Service Categories

The Services section was structured around multiple service categories, including:

  • Branding & Collateral
  • Content & Social
  • Digital Campaigns & SEO
  • Hosting & Domain
  • Print & Collateral
  • Strategy & Consulting
  • Website Builds
  • Workshops & Training
  • Recruitment & Outsourcing

Custom Archives & Loop Templates

Custom archive and loop templates were created to display dynamic content throughout the website, including offerings, services, FAQs and other reusable content.

This approach made the website easier for the agency to maintain and expand as its services evolve.

 

 

Page Design & User Experience

The website was developed around a structured multi-page architecture covering key areas including:

  • Home
  • About
  • Offerings
  • Services
  • Contact
  • Privacy Policy
  • Terms & Conditions

 

The homepage incorporated multiple content sections, dynamic banners, service and offering displays, audience information, agency positioning and calls to action.

The About page incorporated agency information, FAQs and partnership information, while the Offerings and Services pages were designed around reusable dynamic content structures.

The current website positions CELOTTI Marketing around a coordinated marketing model combining strategy, people, execution and management.

 

 

Responsive Web Design

Every website was developed with responsive behaviour in mind.

Dazzas Design adapted and refined layouts to ensure content worked effectively across:

  • Widescreen displays
  • Desktop computers
  • Laptops
  • Tablets
  • Mobile devices

 

Rather than simply scaling desktop layouts down, elements were repositioned and modified where necessary to improve usability and readability on smaller screens.

 

 

SEO & Performance Foundations

The development process included foundational SEO and performance work to provide each website with a strong technical starting point.

SEO

  • Yoast SEO configuration
  • Page metadata setup
  • Social media metadata
  • Open Graph image configuration
  • XML sitemap generation
  • Google Search Console registration
  • Sitemap submission

Image Optimisation

Website imagery was optimised by:

  • Reducing file sizes
  • Improving file naming
  • Adding relevant ALT text
  • Preparing images for web performance

 

Advanced on-page SEO was outside the scope of the standard development brief unless separately requested.

 

Forms & Integrations

The CELOTTI Marketing website included multiple enquiry and conversion points.

Dazzas Design developed and configured:

  • General enquiry forms
  • Consultation booking pop-up forms
  • Form testing and configuration
  • Social media profile links
  • Social sharing functionality
  • Google Maps integration
  • Support for payment processor setup where required

These features were designed to make it easier for visitors to engage with CELOTTI Marketing and enquire about its services.

White-Label Agency Development

Beyond the CELOTTI Marketing website, Dazzas Design has supported the agency through white-label WordPress and Elementor development across multiple client projects.

This has included delivering four client website projects while collaborating directly with the agency’s internal marketing team.

Agency Development Services

WordPress & Elementor Development

Turning supplied designs and content into functional WordPress websites and pages.

Website Recreation

Accurately rebuilding existing webpages within Elementor while improving responsiveness and usability where required.

Landing Pages

Creating responsive landing pages designed around supplied layouts, content and campaign requirements.

Responsive Development

Ensuring websites perform consistently across desktop, tablet and mobile devices.

Existing Website Updates

Updating and improving websites that were originally created using other page builders, including Divi.

Troubleshooting

Identifying and resolving WordPress, Elementor and website layout issues.

Ongoing Improvements

Making content, design, functionality and usability improvements as projects progress.

 

 

Working Within an Agency Environment

Working as a white-label development partner required Dazzas Design to adapt to CELOTTI Marketing’s existing processes and project workflow.

The collaboration included:

  • Working from agency-supplied briefs
  • Reviewing supplied designs and content
  • Communicating with the internal marketing team
  • Recording updates and tasks in ClickUp
  • Email communication and project coordination
  • Implementing requested revisions
  • Working across multiple projects simultaneously
  • Meeting agreed agency deadlines
  • Maintaining consistency with supplied designs and branding

 

This allowed CELOTTI Marketing to extend its web development capability without needing to manage an additional full-time developer.

 

Documentation & Handover

For the agency website, Dazzas Design also prepared comprehensive documentation to support future website management.

The user documentation covered:

  • WordPress dashboard access
  • Hosting access
  • Website maintenance
  • Quarterly maintenance processes
  • Monthly website checklists
  • Editing content through Elementor
  • Managing Custom Post Types
  • Updating website content
  • General website administration

 

The goal was to ensure the website could continue to be managed and maintained efficiently after development.

 

The Result

The partnership has provided CELOTTI Marketing with an ongoing WordPress and Elementor development resource capable of supporting both the agency’s own digital presence and its client projects.

For CELOTTI Marketing’s own website, Dazzas Design delivered a custom WordPress and Elementor platform with responsive layouts, reusable dynamic content, custom templates, service structures, enquiry functionality and SEO foundations.

For agency client work, Dazzas Design has provided the technical development support needed to transform supplied designs and content into responsive, functional WordPress websites while working within the agency’s existing workflow.

The result is a flexible development partnership that allows CELOTTI Marketing to focus on its marketing strategy and client relationships while Dazzas Design provides specialist WordPress and Elementor development support behind the scenes.

 

Key Deliverables

Agency Website

  • WordPress & Elementor Pro development
  • Custom responsive design
  • Dynamic content architecture
  • Custom Post Types
  • Archive and loop templates
  • Service and offering templates
  • Responsive navigation
  • Enquiry and booking forms
  • SEO foundations
  • Image optimisation
  • Social media integration
  • Google Search Console setup
  • Documentation and handover

White-Label Agency Support

  • 4 client website projects
  • WordPress development
  • Elementor development
  • Landing pages
  • Website recreation
  • Divi website updates
  • Responsive design
  • Troubleshooting
  • Website optimisation
  • Ongoing improvements
  • Agency collaboration
  • ClickUp project workflow

 

Partnership at a Glance

Client: CELOTTI Marketing
Engagement: White-Label WordPress & Elementor Development
Period: October 2025 – Present
Agency Website: Designed & Developed by Dazzas Design
Client Projects: 4 websites delivered
Platform: WordPress + Elementor Pro
Role: WordPress & Elementor Developer / Web Design Partner
Working Model: Ongoing agency collaboration

“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

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

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

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

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.

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

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

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.

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.

before & after redesign