logo

WordPress Development Agency

020 3355 8747

Message Us
  • Home
  • About Impact®
    Learn More About Impact Media®
    • Meet The Team
       
    • Our Process
       
    • Why WordPress
       
    • Careers
       
    • Giving Back
       
    • 10K Tree Challenge
       
    James Coates
    Schedule a discovery call with UX Specialist James
    Book A Call
  • Our Services
    Learn More About Our Services
    • WordPress Web Design
       
    • UX Design
       
    • WordPress Web Development
       
    • WordPress Support & Maintenance
       
    • WordPress Multisite
       
    • WooCommerce Development
       
    • Replatforming To WordPress
       
    • Integrations & Plugins
       
    • Conversion Rate Optimisation
       
    • WordPress Training
       
    • UX Website Review
       
    • WordPress Health Check
       
    James Coates
    Schedule a discovery call with UX Specialist James
    Book A Call
  • Case Studies
  • Insights
  • Contact Us
WordPress Development Agency
020 3355 8747
logo logo
Book A Call
Back
Menu
  • Home
     
  •  
    About Impact Media
    Learn More About The Impacters
    • Meet The Team
       
    • Our Process
       
    • Why WordPress
       
    • Careers
       
    • Giving Back
       
    • 10K Tree Challenge
       
  •  
    Our Services
    Discover How We Can Help
    • WordPress Web Design
       
    • UX Design
       
    • WordPress Web Development
       
    • WordPress Support & Maintenance
       
    • WordPress Multisite
       
    • WooCommerce Development
       
    • Replatforming To WordPress
       
    • Integrations & Plugins
       
    • Conversion Rate Optimisation
       
    • WordPress Training
       
    • UX Website Review
       
    • WordPress Health Check
       
  • Case Studies
     
  • Insights
     
  • Contact Us
     
020 3355 8747
Mon - Fri • 9am - 5pm
Message Us
Close
Download Our Agency Price Guide
Download and discover our hourly, day and retainer rates including our bulk hour discounts.

Close
What To Expect From Booking Your Discovery Call with James
photo
1
Book your time using the scheduler below.
Let’s find a good time for us both to speak so we can dedicate the time to understand your frustrations and challenges.
2
Receive a Short Email Questionnaire
If I have any questions before our call I will email you, this could be for me to carry out some initial research so I’m all up to speed.
3
Video Conference Call
To discuss your challenges, being able to see my screen I can demonstrate ideas and tactics to help reach your objectives.
photo
What To Expect From Booking Your Discovery Call with James
1
2
3
Book your time using the scheduler below.
Let’s find a good time for us both to speak so we can dedicate the time to understand your frustrations and challenges.
Receive a Short Email Questionnaire
If I have any questions before our call I will email you, this could be for me to carry out some initial research so I’m all up to speed.
Video Conference Call
To discuss your challenges, being able to see my screen I can demonstrate ideas and tactics to help reach your objectives.
Home / Case Studies / Creating A Scalable Modular Content Driven Financial Industry WordPress Website
Home / Case Studies / Creating A Scalable Modular Content Driven Financial Industry WordPress Website
Back
Clear Business Finance
Litdx Thumbnail
Previous

Creating A WordPress Digital Events Platform & ...

Website Evolve
hanningfield industry thumbnail image
Up Next

WordPress Website Redesign To Improve UX & UI W...

Website Build

Creating A Scalable Modular Content Driven Financial Industry WordPress Website

Project Type
Website Build
Industry
Finance
Clear Business Finance provide many aspects of finance and leasing for businesses throughout the UK.
View Website
Clear Business Finance WordPress Website DesignClear Business Finance WordPress Website Design

Project Summary

Clear Business Finance provide many aspects of finance and leasing for businesses throughout the UK.

 

They were looking to redevelop their websites inline with a name change and rebrand project that was already underway.

 

We consolidated their 2 existing websites, and built them a content focused, modular WordPress website, which was the perfect centrepiece to their rebrand.

Key Features

  • UI Design
  • WordPress Web Design
  • WordPress Web Development
  • Pagespeed Improvements
  • Modular Design
  • Integration With Salesforce Pardot

Challenge & Objectives

Clear were running 2 independent websites. Their main website was on Squarespace, and a second on WordPress which was used for landing pages for their paid search traffic.

 

Our challenge was to consolidate both websites into one. The biggest challenge was that the new website needed to be far more adaptable than the previous 2 websites. Clear wanted the ability to not just create their own pages but to build their own pages using a library of functional assets.

Legacy Website
Desktop Old Website - Clear AF
Clear Business Finance Mobile Legacy
PAGESPEED SCORE
F
(36%)
Clear Business Finance Mobile Legacy
PAGESPEED SCORE
F
(36%)
Desktop Old Website - Clear AF

Solution

The sitemap was very ambitious however we knew that with the improved functionality we could deliver the website in a phased approach and allow the Clear team to continue roll out of their other content pages using pre-build blocks and brand assets that we would plan, design and develop all ready for the Clear team to implement.

A Content First Approach

The Clear team after going through their rebrand had spent time mapping out website pages and key content that they wished to include within the new website, this was extremely useful at the start of the project, as it helped define much of the content outline document that we include within our website strategy workshop.

 

After determining which pages would be included within the initial launch, and what the Clear team would like to create internally after launch, we had a phased rollout plan for both parties to follow.

Using Wireframes To Plan Layout & A Modular Content Structure

Planning a modular build is not about planning just page layouts, but planning the various content blocks that might make up that page.

 

The wireframes here were necessary to help visualise certain content blocks, in which you can see were reused from global call to action areas, testimonial sliders and next step blocks.

 

The wireframe process also helps to plan how to display what could be buckets of content in the best way possible without simply creating a continuous page.

 

This helps us to plan the certain type of functionality that can contain all of the content in an easy to use and easy to digest content block.

 

The wireframes were created for the 13 page templates across mobile, tablet and desktop devices.

Wireframes for Clear, showing About page and app page
UX Wireframes Design for Desktop and Mobile For Clear Business Finance
UX Wireframes Design for Desktop and Mobile For Clear Business Finance
UX Wireframes Design for Desktop and Mobile For Clear Business Finance

Creating The Bespoke UI Design

Apart from the updated identity our team followed the provided design guidelines whilst also introducing further character and depth to the identity with additional assets that can be seen through the use of the circular shapes throughout the website.

Clear Business Finance - Training Page Design
Clear Business Finance - Equipment Finance Page Design
Clear Business Finance - Careers Page Design
Clear Business Finance - App Page Design
Clear Business Finance - About Us Page Design
Clear Business Finance - Team Page Design

Tackling The Comprehensive Navigation Structure

Desktop navigation focused on showcasing the main service offering that would enable the user to make a single click. The same method was also required on both mobile and tablet devices. An overflow navigation was implemented for mobile devices.

 

The burger menu houses the remaining core pages of the site on all devices. With strong focus that the call to action was always prominently visible on all devices, shortening the copy based on device space. The client is able to change the microcopy within the call to action button.

Clear - UI Design for Navigation
Clear Business Finance - Mega Menu

Creating 13 Responsive Page Templates

Each of the 13 pages we designed were comprehensive and not as expected page templates with simplistic content blocks – using the modular reusable blocks we were able to build out deep content-rich pages that were executed for Mobile, tablet and desktop devices.

Mobile
Tablet
Desktop
Clear Business Finance WordPress Website Design Mobile Visuals

A Consistent Style Guide & Icon Library

We introduced a comprehensive library of Clear branded icons to coincide with the recent rebrands and colour updates. These were provided after launch and the Clear team have internally begun to add to them as their service offering grows.

Clear Business Finance - Assets - Icons Library
Clear Various UI Elements
Clear Business Finance - Mega Menu
Clear UI Design Elements

Built To Scale With Reusable UI Brand Styled Components

Focusing on components as well as content we approached the website with a firm understanding that many of the website blocks/components could be reused to allow the Clear team to actively create pages from scratch using the various building blocks.

 

 This feature coincides with the requirement to spin up service landing pages for paid search campaigns. The ability to rotate content can optimise the performance    of the page and measure the effectiveness and conversion rate.

 

Within WordPress our team developed the component to enable Clear to be able to add it to their page, restricting core styling access, meaning that the brand style couldn’t be adjusted by the various team members who have access, and consistency was retained.

Clear - Reusable Modular Blocks - Accordion
Clear - Reusable Modular Blocks - Carousel
Clear - Reusable Modular Blocks - CTA
Clear - Reusable Modular Blocks - Steps
Clear - Reusable Modular Blocks - Tabbed Area
Clear - Reusable Modular Blocks - Testimonials

Introducing Core Functionality And Features

Sitewide Search

 

Because the new website sitemap was comprehensive a sitewide search was included to allow users to be able to search for content easily. Displaying the results in separate areas for news articles, case studies and generic service pages.

 
Introducing Finance Hub – Clear’s Blog and Insights Area

 

The blog area for Clear was going to play a large role around their content marketing strategy. As the team produced thought-leadership content on finance and industry insights, these articles were going to be shared and promoted on various social channels.

 
Capturing Contact Data Through Downloadable Guides

 

Another part of Clears marketing strategy was to share some of their thought leadership through downloadable whitepapers and guides.

 

These guides after being uploaded onto the website, were put behind an email optin form, so Clear could capture the potential leads who would benefit from the information they were sharing.

Clear Business Finance Thought Leadership Guides
Pardot Integration

 

The website contains various contact forms, email optin forms as well as application forms. Each of these forms are integrated with Pardot to synchronize data captured from the website directly into their email marketing platform and SalesForce CRM.

Technology & Plugins

Clear is powered by WordPress however Clear also uses Salesforce’s Pardot email marketing platform and we helped implement Pardot data capture forms into the website to ensure captured leads would automatically feed into Salesforce and Pardot.

 

Find out more about the plugins and custom integrations we’ve created here.

Technology Used within the Clear Business Finance Website

Results

Clear Finance Performance Case Study Before and After

The existing website had a pagespeed score of F 36% however on launch of the site, after Google tag manager was implemented we achieved a 94% A rating for page speed, reducing the page size by 4mb and shaving 2 seconds of page load time.

Feedback
We were looking for control over content and freedom to create pages without continually involving developers. Working with Impact we got a website that covers many angles and allows us to scale our website with greater creative control whilst also being very easy to use.
Michael Scott
Marketing Manager
Back
hanningfield industry thumbnail image
Hanningfield logo
Website Build

WordPress Website Redesign To Improve UX & UI While Protecting SEO Performance

Read Case Study
Litdx Thumbnail
Trade_Logo
Website Evolve

Creating A WordPress Digital Events Platform & Supporting A Live Week-Long Event

Read Case Study
Newer
Website Build

WordPress Website Redesign To Improve UX & UI While Protecting SEO Performance

hanningfield industry thumbnail image
Hanningfield logo
Read Case Study
Older
Website Evolve

Creating A WordPress Digital Events Platform & Supporting A Live Week-Long Event

Litdx Thumbnail
Trade_Logo
Read Case Study
Want more control over
how you manage content in WordPress?
Edit content that was previously restricted and get creative with building pages in WordPress.
Let's Chat
studio@impactmedia.co.uk
020 3355 8747
linkedin logo
twitter logo
facebook logo
instagram logo
wordpress logo white

About Impact

  • Company Profile
  • Meet The Impact® Family
  • Why We’re A WordPress Agency
  • Our Process
  • Careers
  • Awards
  • Partners
  • Giving Back
  • 10K Tree Challenge

WordPress Agency Services

  • WordPress Design
  • UX Design
  • WordPress Development
  • WooCommerce Development
  • Migrating To WordPress
  • Custom WordPress Integrations & Plugins
  • WordPress Multisite
  • Conversion Rate Optimisation
  • WordPress Training

WordPress Support

  • WordPress Support & Maintenance
  • WordPress Support Brochure
  • Case Studies
  • Insights
  • Contact Us

WordPress Agency London

86-90 Paul Street,

London, EC2A 4NE

+44 (0) 20 3355 8747

& Essex

Woodland Place, Hurricane Way,

Wickford, Essex, SS11 8YB

+44 (0) 1268 858292
  • Sitemap
  • Privacy Policy
  • Cookie Policy
Impact Media logo
© Impact Media® 2003 - 2022
Impact Media is a trading name of IMDMS LTD. Company Reg. 05970261
Impact® & Impact Media®
are registered trademarks of IMDMS LTD