From Modern UI/UX Design to SEO Migration:
How We Transformed Connected Audio Visual Websites for Increased SEO Traffic & Better User Experience

Country of Origin : Australia
Overview
Connected Audio Visual, an Australian-owned company, was founded in Kiama, NSW, and now operates from a state-of-the-art warehouse and showroom in Lake Illawarra. Renowned for their expertise, they are one of the nation's leading integrated technology providers, recognised with Control4 Diamond Status and as the 2022 Dealer of the Year. Their innovative solutions enhance lifestyles by incorporating advanced technologies into homes and businesses.
Client
Technology
Industry
Built For
Website
Why Did We Do This?
The Objective
The existing website had lost its appeal and functionality over time, failing to satisfy the needs of modern-day users in terms of the user experience and look and feel of the website.
An Outdated Design
The original Connected Audio Visual website was built in 2018 and emitted an outdated look and feel. It needed upgrading to address various concerns and to reflect the current brand identity.
Site Navigation
The client wanted to add more pages, so the site navigation needed to be updated.
Technical Updates
The WordPress and server PHP versions were outdated and needed an upgrade.
Improved User Experience
To make the site stand out from its competition, developing a custom design using the latest UI and UX best practices became evident.
A Responsive Design
A fully functional and visually appealing website accessible across devices, such as smartphones, tablets, and desktops, is the need of the hour.

What Inspired Our Actions?
The Challenges

The Need for a Modern, User-Centric Design to Align with Current Trends:
The primary challenge was to design and develop a user-friendly, visually appealing website that effectively showcases Connected Audio Visual's services and project sections.
Preserving SEO Performance and Ensuring Seamless Migration:
The new site must also preserve existing search engine optimisation (SEO) performance. In addition, URLs and content across service pages, blogs, and other resources had to be migrated. It is imperative to migrate these items seamlessly so the website's traffic and lead generation capabilities remain robust with the new design.
Responsive Web Design:
The new site must have a responsive web design that ensures optimal viewing and interaction experience across various devices, such as desktops, tablets, and mobile devices. A responsive web design can adapt to different screen sizes, providing a seamless user experience between devices.
Design Transformation
Before and After Design
Before




After




Branding

How Did Webential Help?
The Solution - Service and Implementation
Optimise Website Structure:
Our SEO team removed unnecessary or redundant links, streamlining the website’s structure for intuitive navigation. We also implemented an improved sitemap, enhancing user experience and search engine crawlability.
-
Wireframes and Mockups:
We created wireframes and mockups of the new design to visualise the changes and gather preliminary feedback.
-
Custom Design Implementation:
We provided a complete turnkey solution with custom design implementation. It ensured the website was functional and visually appealing, enhancing the user experience.
-
WordPress Design and Development:
We have redeveloped the website using Elementor, a versatile and user-friendly platform, ensuring a seamless and visually appealing experience for visitors.
-
Scalable Architecture:
The website was designed with scalability in mind to accommodate future growth and changes in the home automation industry.
-
Speed Optimisation:
We enhanced the website’s loading time and overall performance, ensuring visitors have a smooth browsing experience.
-
SEO Implementation:
We conducted an extensive SEO audit of the existing site to identify potential areas for improvement. This included optimising the site's page titles, meta descriptions, and content structure, as well as implementing a keyword strategy to improve key elements of the new site and to drive organic traffic to the site.

Core Technical Innovations
Technical Specs
CMS:
WordPress

Front-End Development:
Elementor (HTML5, CSS3)

Backend Development:
PHP

Database:
MySQL

SSL Certificate:
Let's Encrypt
Third-Party Library, Plugin, and Integration
Third-Party APIs
-
Rank Math SEO:
It is used for enhancing the website's SEO performance.
-
Google Tag Manager:
It is used for managing marketing tags on the website.
-
Google Analytics (GA4):
It is implemented for tracking user behaviour and site performance.
Streamlined Work Process
Work Process

Meeting
We received the client's email with the requirements. After analyzing the process, we communicated with the client to understand the requirements and prepared the scope of work.
Planning
We prepared the milestone-based priority tasks list and shared it with the client. We then started the web platform's custom UI/ UX design and shared it with the client to get suggestions and reviews.
Execution
Once our design team completed the design process, our development team started developing based on the milestone-wise priority tasks list in the WordPress CMS.
Delivery
Upon completing all milestones, we deployed the project on our staging server. Here, we conducted a thorough quality analysis and promptly resolved any errors. Then, we shared the staging URL with the client for their approval before finally deploying it on the client's server.
Success Achieved So Far
Results
The new website for Connected Audio Visual successfully met all the client’s needs and exceeded their expectations. The key outcomes included:

-
Improved User Experience:
The user-friendly design and responsive layout gave visitors a seamless browsing experience across all devices (i.e. desktops, tablets, and smartphones).
Enhanced User Engagement:
Enhanced user experience has led to higher engagement and lower bounce rates.
-
Customer Feedback:
The client has received positive customer feedback on the new design and functionality.
-
Enhanced Online Visibility:
The new website's SEO optimisation increased search engine rankings, driving more organic traffic.
Are You Ready to Brainstorm The Next Big Thing?
Let’s discuss how we can help you achieve your digital goals with a free consultation.