Qatium provides water management software to help water management companies transform their operations and planning with the assistance of digital tools.
They challenged us to deliver a headless eCommerce website that would enable them to target 3 global territories in 3 different languages.
- Lead time:
- 4 Months
- Sector:
- Utilities
- Target Type:
- B2B
- Website Goal:
- Improve the UX & establish eCommerce functionality
- Services:
- Web Design, Web Development, Headless eCommerce, International Targeting, WordPress, Shopify Digital Marketing
The challenge
Qatium challenged us to overhaul their digital user experience and deliver a market leading website experience to their customers.
They were ready to deliver a headless eCommerce website that would provide greater payment dexterity and the ability to set up subscription payments.
- Scope
- Figma Wireframe Prototypes
- Figma Design Prototypes
- UX Design
- WordPress Development
- Multi-lingual & Multi-territory
- Headless Shopify
- Subscription Payments
- Auth0 Integration
- Hubspot Integration
- SEO Strategy
- Content Entry & Migration
- Resource
- 1 x UX & UI Designer
- 1 x Website Designer
- 1 x WordPress Developer
- 1 x Backend Developer
- 1 x Quality Assurance Tester
- 1 x Project Manager
- 1 x SEO Strategist
The website
We delivered a headless Shopify website with a WordPress head that enabled Qatium to set up monthly subscriptions and sell add ons to their packages.
Qatium had an established brand and website design, and wanted to focus on overhauling the user experience design to improve the performance and user flows on their site.
Flexible payments
The client can accept a variety of payment types including single payments, subscriptions, and add ons.
Optimised Checkout
The website leverages Shopify’s checkout process for maximum conversions.
UX Design
Our design work transformed the user experience, increasing conversions and engagement rates.
International targeting
Our team created a multi-territory website that targets 3 European regions in 3 languages. Qatium is able to tailor their messaging, SEO strategy and packages by region and sell in the local currency.
+
1
3
target territories
Website integrations
Our developers integrated with Auth0, Hubspot and Shopify to deliver the new infrastructure. Hubspot is the master of Qatium’s data and data is passed between systems to ensure that all customer, order and contact form data is unified in one system.
Auth0 is used to determine which products customers have clearance to purchase based on their subscription level. The integration checks the customer record data in Hubspot to approve or disapprove purchases, and then passes completed order data back into Hubspot.
SEO strategy
We delivered an SEO strategy to grow Qatium’s keyword rankings and enable them to be found in search engines by more prospective clients. By focusing on strategic keyword targets that Qatium has a significant opportunity of achieving, they were able to grow their organic market penetration.
+
1
71
%
Increase in search engine visibility since launch
In the chart above, blue bars represent positions 1-3 in Google, green represents rankings on the rest of page 1, purple represents page 2 rankings and orange shows pages 3-5.
You can see that rankings rose immediately after the new website launch.
Related work
RSL Awards is an international awarding body based in the UK that provides music grading, lessons, exams and learning materials.
They had an established offline network of schools, colleges, universities, music teachers and students who purchased their lessons, materials and gradings but their digital infrastructure was segmented. RSL needed to digitally transform their online ecosystem with the delivery of a new headless eCommerce website and technology stack to deliver a seamless omni-channel user experience.
- Lead time:
- 12 Months
- Sector:
- Musical Education & Awards
- Target Type:
- B2B & B2C
- Demographic
- Music Teachers & Schools, Parents, International Distributors
- Website Goal:
- Increase sales, Increase teacher sign ups, modernise the interface
- Services:
- Web Design, Web Development, Headless Shopify, WordPress, Digital Marketing, eCommerce, Digital Transformation
The challenge
Having grown organically over time, RSL’s website had become disjointed and difficult to use. It utilised a number of different systems, websites and technologies to deliver a broad range of functions. For example, one website was used to sell learning materials and another was used for lesson and exam bookings. This segmented approach overcomplicated the user experience and made it impossible to purchase complimentary products such as lessons, music books and exams together.
RSL challenged us to overhaul their digital infrastructure and deliver a unified website with an omni-channel user experience that would deliver a high quality and consistent user experience.
Our approach
Our team delivered a digital transformation process for RSL, selecting new technology that would enable them to unify their user journeys into a single intuitive website with more accessible content.
By combining the user journeys, we enabled RSL to tap into the gift giving market which funds a significant proportion of musical education, with the majority of learning being financed by parents or grandparents.
We delivered a technology review, proof of concept, new website, headless eCommerce system and SEO strategy to create a high performance website that was intuitive, flexible and provided a seamless user experience. The new ecosystem has a number of deep integrations that were managed by our development team to ensure that data was seamlessly and securely passed between systems.
- Scope
- Digital Transformation
- Technical Assessment
- Adobe XD Wireframe Prototypes
- Adobe XD Web Design Prototypes
- UX Design
- International WordPress Development
- Multilingual & Multi-currency
- Headless Shopify
- eCommerce
- SEO Strategy
- Integration with CloudApp & Dynamics
- Resource
- 1 x SEO Strategist
- 1 x Website Designer
- 1 x Technical Solutions Architect
- 2 x WordPress Developer
- 1 x Shopify Developer
- 1 x Backend Developer
- 1 x Quality Assurance Tester
- 1 x Project Manager
Technical review
We assessed RSL’s business requirements and proposed a technical solution that leveraged multiple systems as part of a composable architecture approach. By combining a number of market-leading solutions, we could deliver a high performance website while avoiding the high costs and risks associated with delivering custom functionality.
Our solution utilises Headless Shopify as the eCommerce engine behind the site. WordPress was selected as the CMS ‘head’ to provide RSL with the most content dexterity and the best SEO outcomes. Microsoft Dynamics was retained as RSL’s ERP system and we utilised RSL’s API to integrate with WordPress and Shopify.
Combining technology adds a level of complexity to a project and it’s critical to ensure that the systems work in harmony together. We created a proof of concept of our recommended technology stack (WordPress, Shopify, Dynamics and RSL’s internal API) before the website project started to test how the systems worked together and check the integration points.
eCommerce website
We delivered a headless Shopify eCommerce system with a WordPress ‘head’ to provide RSL with a high level of content management flexibility while also meeting performance requirements for the site.
WordPress enables us to overcome the native SEO limitations of Shopify, utilising the best parts of each system and laying the groundwork to secure new keyword rankings for RSL Awards.
The eCommerce website pulls data from RSL’s backend system (Microsoft Dynamics) so users can find music teachers, book exams and undertake key searches on the site. The website pulls product information from Shopify and utilises the Shopify checkout to handle the shop experience.
In collaboration with RSL’s internal IT team, we integrated Microsoft Dynamics with Shopify. It was important that Dynamics remained the data source for all data behind the site so this integration enables products to be added to Dynamics, pulled into Shopify, then pushed to the eCommerce website for users to browse. Dynamics listens for when orders are placed via Shopify and pulls orders back into Dynamics to be actioned by the RSL team.
For RSL’s customers, the website experience is seamless and is all handled within a single interface, giving the impression that everything is handled by a single system.
Multi-currency purchases
RSL Awards enables customers to purchase products in their local currency based on their location.
The website has the ability to incorporate multi-lingual and specific multi-territory targeting as the business continues to grow their international digital offering.
Omni-channel user experience
Our team delivered a consistent omni-channel experience for RSL customers, aligning the online and offline experience.
Taking a headless approach enables data to be served from a single source (Microsoft Dynamics) to multiple user interfaces and customer touch points. In practice, this means that users receive a connected and consistent experience whether they call RSL’s phoneline, check availability and products via the website, or if they call a tutor to book a music lesson.
This change has been truly transformational for RSL and delivers a flexible and robust platform for future business growth.
Find a teacher tool
Students can find music teachers and schools in their area via the find a teacher tool. Availability is pulled dynamically from Microsoft Dynamics into the WordPress website interface, delivering rapid search results that are specific to the user’s search criteria.
Map view
Location is an important factor for RSL customers when finding music lessons. To improve the conversion rate and provide a seamless user journey, we introduced a map view to the ‘find a teacher’ search.
SEO strategy
RSL’s existing website was performing very well in search engines, with over 100 keywords in the top 3 positions of Google.
For businesses performing well for SEO, significantly changing the website can be a large risk so RSL’s marketing team challenged us to preserve and build upon rankings with the new website launch.
We delivered an SEO strategy that benchmarked RSL’s existing performance and identified opportunities to improve their digital footprint. After analysing hundreds of keywords, our SEO team selected the ones that had high search volumes, high intent and RSL had a statistical opportunity of ranking for in search engines.
The website was built around the strategy – everything from the user journeys, website structure and code base impacts the ranking opportunity of a website so delivering the website around the strategy ensured that RSL was positioned to climb the rankings.
SEO results
The chart above represents the keyword positions held by the RSL Awards website since launch. Blue bars represent positions 1-3 in Google, green represents the remainder of page 1 in Google, and purple shows page 2 listings.
In the 2 months following launch, RSL’s keyword rankings remained extremely stable and their search engine visibility grew by over 11%.
+
1
11
%
Increase in search engine visibility since launch
Related work
Powerleague is the UK’s largest booking platforms for sports pitches. Their focus has primarily been football pitches, however they also provide other facilities, pitches and courts, as well as venue hire, parties and events.
They were ready to take their business to the next level and invest in their digital customer experience by undertaking a digital transformation process.
- Lead time:
- 10 Months
- Sector:
- Sport & Leisure
- Target Type:
- B2B & B2C
- Demographic
- Sport Players, Parents & Corporate
- Website Goal:
- Increase Bookings & Consolidate Business
- Services:
- Digital Transformation, UX & UI Design, Mobile App Development, Web Design, Web Development, WordPress, Digital Marketing
“1st big leap forward in terms of digital transformation at Powerleague with many more steps to come. Exciting times and of course all about making our customers lives easier and giving them quick and easy bookings with a host of leading edge enhancements to follow. ⚽️⚽️⚽️”
The challenge
Powerleague had grown beyond the capabilities of their existing digital infrastructure. They challenged us to assess their technology requirements and deliver a new digital ecosystem that provided a seamless omni-channel user experience to their customers. It needed to be innovative, secure and scalable.
The client had an aggressive growth strategy, with plans to rapidly expand to new clubs and territories. They recognised the need for digital scalability in their UX & UI, integrations and technology.
We were hired to deliver the digital transformation of Powerleague’s technical infrastructure including their international customer-facing website, booking flow, mobile app, and the complex integrations that passed data between systems.
- Scope
- Digital Transformation
- Adobe XD Wireframe Prototypes
- Adobe XD Design Prototypes
- UX Design
- WordPress Development
- React Native Development
- API Consultation & Mapping
- Complex API Integrations
- Website & Booking Flow
- Mobile App
- Multi-territory & Multilingual
- SEO Strategy
- Resource
- 1 x Creative Director
- 2 x UX / UI Designers
- 1 x Technical Lead
- 2 x WordPress Developers
- 2 x Backend Developers
- 3 x React Native Developers
- 1 x Digital Marketing Specialist
- 2 x Quality Assurance Testers
- 1 x Technical Project Manager
Discovery and technical review
With tens of thousands of customers each month and millions of pounds in revenue passing through the website and app, Powerleague needed a robust technical solution that would also fulfil their marketing requirements. We assessed Powerleague’s existing technology and made technical recommendations based on the objectives of their business, as well as the scalability and longevity of prospective solutions.
Our technical team selected WordPress as the website CMS for the customer-facing website. React Native was selected to deliver an Android and IOS mobile app, and Powerleague retained their existing custom eCommerce platform. Each of these systems were delivered as part of a headless architecture that leveraged Powerleague’s backend database to feed the interfaces with consistent live data.
The setup was designed to automate as much as possible by integrating with Powerleague’s backend database. The website and mobile app dynamically pull information from the booking system based on the user’s search, keeping load speeds high while streamlining the user experience. This approach enabled us to offer dynamic search results where users only see results that are available for booking, reducing the cognitive burden and increasing conversion rates.
Interface research and UX
We started the UX design process with a research phase where our UX team explored complex booking flows within and outside of Powerleague’s industry. We focused on flows that had complex search and booking requirements and managed large amounts of data.
Using these insights, we created a comprehensive set of website and mobile app designs. Our team transformed the designs into clickable prototypes for the client to test and review.
The website designs consolidated 2 websites into a single site, making Powerleague the largest pitch booking website in the UK. The new design improved the accessibility of information and the overall user experience, reducing the number of clicks between search and purchase. The new website focused on scalability, automation, and driving performance improvements – increasing the number of bookings and delivering a market leading design.
The search
The new search function uses IP detection to search for pitch booking venues near the user, reducing the steps required to find a pitch. It automatically pulls the 2 most similar venues alongside any selected venue, enabling users to compare within a single booking flow window.
Powerleague has a different booking flow and available booking horizon for each type of booking and location. The website and app incorporate these tailored flows, guiding users through the requirements and availability for their booking. For example, Powerleague only accepts football pitch bookings up to 10 days ahead and this is reflected on the football booking flow and calendar view.
Managing the data
Powerleague’s website needed to manage a colossal amount of data, with millions of potential combinations of venues, pitches and time slots.
Finding the best time slot
Customers can easily compare time slots, availability and pricing.
The booking flow
We display pricing in a calendar view that enables users to see the cost of different time slots and select the best deal for them. The majority of bookings are made for peak time slots so we automatically show these first.
To encourage repeat business, users are able to block book during the checkout, increasing the value of the booking for Powerleague and simplifying the booking process for users.
Split payments
The majority of Powerleague’s bookings are made by an individual on behalf of their team and Powerleague were aware of the offline booking friction that resulted from the organiser chasing teammates for money. Our team introduced a split payments function that enables the payment to be divided between teammates at the checkout – taking the financial pressure off a single individual.
API consultation & integration
To deliver the strongest user journeys, the booking software API needed to be customised. We planned the website functionality and created a brief outlining the endpoints that needed to be delivered by the booking software team.
We collaborated with Powerleague’s software team to develop new endpoints and ensure that information was seamlessly passed in both directions between the app, website and booking system.
The brand
We extended the brand for digital use, creating shape form and animations that can be used across the site.
API & cache
The website is cached to deliver fast results and the cache is updated every 2 hours to ensure data is current.
The menu
The mega-menu was structured to combine the key content from both websites, ensuring that the user journey is smooth and content is accessible.
Map view
Visitors can use the map search to find a venue near them.
Going Headless
We delivered Powerleague’s project using a headless approach. We utilised their backend booking system as the backend engine for the site data and WordPress as the ‘head’. WordPress gives Powerleague a very high level of customisation and content management while the backend booking system enables us to effectively manage data and bookings.
This approach moves Powerleague towards an omni-channel offering, where the mobile app and website have distinct user journeys, functionality and user interfaces but pull data from a consistent data source. This enables users to have a consistent experience across devices while benefiting from different interfaces.
The headless solution enables us to maintain rapid load speeds and a high level of security, despite the large amount of data being handled.
Multi-territory
The new website includes content for 2 territories, the UK and the Netherlands, and the website is available in English and Dutch.
Our developers coded IP detection to direct users to the appropriate content based on their location, and our technical SEO team have optimised the website to ensure that the correct website content ranks in regional search engines.
Powerleague have ambitious expansion plans and the new website sets them up for future growth and launches in new territories.
The mobile app
A ginormous amount of data needed to be available to customers via the mobile app, including venue details, availability, variable pricing and event information. Handling this information on a small mobile screen was a challenge. We needed to ensure that the user experience was simple and intuitive, while also delivering the full range of functionality.
In the research phase, we explored complex mobile booking experiences across a range of industries including travel, hospitality and entertainment. We focused our research around search functionality, search results, filters, and content hierarchy, which enabled our design team to combine innovative mobile design with industry best practice to deliver a tremendous amount of data and functionality in an intuitive way for Powerleague’s customers.
Our team developed the app in React Native and integrated with Powerleague’s booking software to present users with the data they needed as part of their booking experience.
New mobile functionality
Powerleague’s new mobile app hosts additional features that are exclusive to the app.
Football Leagues were introduced alongside a Player Marketplace where football players can apply to join teams, and teams can place ads for players then manage applications and rate their performance.
Marketing
Powerleague were keen to move towards a campaign based marketing strategy and needed a website that would provide the dexterity to create new content in line with campaigns. They needed full content control and the ability to move quickly.
We delivered the website on WordPress which enables their team to manage and create new content independently.
SEO
Our team delivered an SEO strategy that was used to create and optimise the new website, setting Powerleague up for keyword growth in search engines.
Related work
Give A Grad A Go is a global graduate recruitment agency that challenged our team to completely overhaul their digital infrastructure and marketing. They needed help to enable their team, expand their market share and elevate their customer experience.
We delivered a new brand, website and marketing strategy, as well as a custom self-service jobs portal.
- Lead time:
- 28 weeks
- Sector:
- Recruitment
- Target Type:
- B2B & B2C
- Demographic
- Employers & Graduate Candidates
- Website Goal:
- Increase pool of employers and graduates, improve Google rankings, enable marketing team
- Services:
- Digital Transformation, Branding, Digital Marketing, Web Design, Web Development, eCommerce, Jobs Portal, WordPress, Laravel
“We’ve had a brilliant experience working with Plug & Play — I wouldn’t have trusted this project to any other of the agencies we initially spoke to.”
The challenge
Give A Grad had ambitious growth targets and were ready to rethink their customer experience and utilise beautiful design and high performance technology to achieve their objectives.
They challenged us to create a new brand identity and launch a sector leading recruitment website that would showcase their offering and attract graduate employers and job seekers with an effective marketing strategy.
Give A Grad also partnered with us to deliver a self-service jobs portal that would enable them to tap into a new part of the recruitment market. The website and jobs portal needed to integrate seamlessly to deliver the best user experience to job seekers.
- Scope
- UX & UI Design
- Adobe XD Wireframe Prototypes
- Adobe XD Design Prototypes
- UX Design
- WordPress Development
- Laravel Development
- WordPress Website
- Multi-territory
- Jobs Portal
- International SEO Strategy
- Brand Identity
- Digital Transformation
- Resource
- 1 x Lead Designer
- 1 x UX Designer
- 1 x Brand Designer
- 1 x Technical Lead
- 1 x Laravel Developer
- 1 x WordPress Developer
- 1 x Digital Marketing Specialist
- 1 x Quality Assurance Tester
- 1 x Project Manager
Digital transformation
The project involved a number of interfaces and required a complete overhaul of Give A Grad’s technology. Our team created a digital transformation roadmap and strategically selected technology to meet the current and future needs of the business.
SEO
Give a Grad A Go already had an established digital footprint in the UK and Australia and ranked for a variety of high value keywords. Our team delivered an SEO strategy that would take their search engine rankings to the next level by growing existing rankings and expanding their keywords targets.
+
1
51
%
Increase in UK search engine visibility following launch
+
1
42
%
Increase in Australian search engine visibility following launch
The charts above show Give A Grad A Go’s keyword rankings following the new website launch. The blue bars represent positions 1-3 in Google, green bars represent rankings on the rest of page 1, and purple bars represent page 2 rankings.
The international website
The new website design specifically targets graduates, utilising the new brand identity to create a playful and fun design that aligns with Give A Grad’s target audience.
We developed the website in WordPress with 2 territories to target the UK and Australia. Each territory has optimised regional messaging and a regional SEO strategy to maximise reach, discoverability and conversion rate.
Resource hub
We grouped articles into user friendly guides that provide a continuous user journey that encourages content consumption and keeps users on the site.
Design style
We created a playful website design that would appeal to Give A Grad’s target demographic.
Job search
As the powerhouse of the new website, the job search needed to be fast, intuitive and deliver high quality results. We introduced a number of new features to provide a seamless and engaging user experience.
- A split screen view for easy job searching
- An optimised text layout for job post skim-ability
- A tagging structure to highlight job benefits
- A map view to visually represent locations
Jobs portal
We launched a new self-service jobs portal that enables Give A Grad to capture a greater percentage of the recruitment market. The portal enables employers and candidates to manage job ads and applications and seamlessly integrates with the website.
Our UX design team constructed optimised UX designs and user flows to deliver a portal that is intuitive, fast and engaging. Our developers coded the portal using Laravel which provides Give A Grad with a flexible framework that can be expanded as the business need grows.
Developing the brand
Give A Grad’s old brand was dated and no longer reflected the business size and position in the market. They needed a new brand identity that would provide greater flexibility and could grow with the business.
We created a playful and bold brand that targeted graduates and appeared professional and trustworthy to employers. Balancing the two main audience types was critical to producing a successful brand.
Logo
Drawing on inspiration from brands such as Whatsapp, the speech bubble represents approachability and the ‘keeping in touch’ culture.
The use of lowercase letters in the logo creates a personable feel in contrast to the corporate image presented by many competitor brands.
Shape & form
We created a series of fun shapes to compliment the new logo. The shapes act like physical stickers and can be overlapped to break up layouts and create depth.
Patterns
We created 4 core brand patterns that are a nod to sketchbook aesthetics. They add texture to large areas and elevate simple content into something fresh and interesting.
Colour & gradients
The new colour palette combines vibrant dark and light colours that can also be utilised as gradients. We established colour pairing guidelines to enable the Give A Grad team to consistently apply the brand colours.
Related work
Cole & Son is a luxury wallpaper company that produces unique high end designs for their customers. They came to us during a period of change, when they were restructuring their distribution channels and starting to sell direct to consumers in a number of key territories. They needed an elevated eCommerce store that would rival their offline customer experience and showcase their beautiful designs. The website needed to support their ambitious growth plans and push the boundaries of what had been done in their industry.
- Lead time:
- 20 weeks
- Sector:
- Luxury Interiors
- Target Type:
- B2C
- Demographic
- Affluent & Design Driven Consumers
- Website Goal:
- Sell Direct to Consumers, Increase Revenue, Enable Cole & Son Marketing Team
- Services:
- Digital Marketing, Web Design, Website Development, Headless Shopify
- Awards
- Best Cross Border Campaign - eCommerce Awards
- CSS Design Awards, Awwwards
Post-launch website results
The new website has delivered significant increases in average order value and revenue.
x
1
10
ROI on PPC spend
+
1
101
%
Revenue increase
+
1
193
%
Average order value
- Scope
- Adobe XD Wireframe Prototypes
- Adobe XD Design Prototypes
- Headless Shopify Development
- WordPress Development
- Multi-territory
- SEO Strategy
- PPC
- CRO
- eCommerce
- Resource
- 1 x Lead Designer
- 1 x UX Designer
- 1 x Technical Lead
- 1 x Shopify Developer
- 1 x WordPress Developer
- 1 x Digital Marketing Specialist
- 1 x Quality Assurance Tester
- 1 x Project Manager
The challenge
Cole & Son had an existing eCommerce store that was built on Shopify and had experienced some success. However, the site was suffering from some typical Shopify challenges and wasn’t able to scale in the manner that Cole & Son required to meet their growth targets.
These challenges included:
- Slow site speed
- Lack of design flexibility
- Limited functionality
- Limited control of SEO factors
- Restricted international capabilities
Cole & Son challenged us to find a solution that would enable them to internationalise the business and drive growth.
Headless Shopify Development
We implemented a Headless Shopify solution to overcome the challenges that Cole & Son faced on the existing website. The client liked Shopify’s interface but their existing solution was holding them back. Our Headless Shopify solution enables Cole & Son to maintain their existing eCommerce management system while gaining a new frontend website interface that provides greater flexibility and performance.
We decoupled the frontend and backend of Cole & Son’s eCommerce website, retaining the backend eCommerce management in Shopify and replacing the Shopify frontend with a WordPress ‘head’. The WordPress CMS provides the client with a user friendly interface to manage their website content while also while achieving a custom website design, enhanced SEO performance, user engagement, site speed and website security.
Headless proof of concept
To select the best headless solution for Cole & Son, we rigorously tested a number of options during a proof of concept process. We started by defining the client’s success criteria for their Headless Shopify website. We selected 8 potential CMS options and reviewed the documentation to score each one on a predefined rating scale.
We created a proof of concept for each of the 3 highest scoring CMS’s and tested the Shopify integration and key functionality. Based on Cole & Son’s requirements, WordPress was selected as the best CMS for the headless solution.
The design
With established roots in the fashion world, design is an integral part of Cole & Son’s business. We created a unique and editorial feel with the new website design. We created a flexible user interface that enabled Cole & Son’s marketing team to curate content throughout the site and fully showcase their collections and products.
On-page roll calculator
Purchasing wallpaper can be a complex process. Customers must consider the wall width and height, but also pattern repeats and pattern size. To simplify this process, we created a roll calculator that is available on every wallpaper product page. It is pre-set with the relevant product information so users only need to enter their wall dimensions to calculate the number of rolls required.
This feature increases customer satisfaction and removes a barrier to purchase.
Editorial design style
We created an editorial style design that connected the Cole & Son website with the brand’s roots in fashion.
On page roll calculator
We implemented an in-page roll calculator to enable customers to calculate the number of rolls needed with minimal effort.
Maximum flexibility
We created a flexible CMS that enables the Cole & Son team to curate pages around their products.
International expansion
Cole & Son’s previous website only sold to consumers in the UK. During the web build, they were in the process of changing their distribution model so they could sell directly to consumers worldwide, reducing their reliance on distributors.
Our challenge was to create and implement an international marketing strategy that would increase Cole & Son’s market penetration in target territories and enable customers to find the website and purchase products in their local currency.
We delivered 8 territories on the new website, with the flexibility to expand to additional territories in the future. Each territory was optimised for regional search engines, enabling local audiences to find the Cole & Son website and the content that was relevant to them.
Upon launch, Cole & Son rapidly experienced increases in sales and rankings, going from no footprint outside of the UK to having an established presence in the UK, US, Australia, New Zealand, Singapore, Sweden and Norway. Following launch, Cole & Son have added a further 4 territories including multilingual content and right to left page layouts for the Arabic language.
The international campaign won the Best Cross Border Campaign at the eCommerce Awards. Read about the full campaign strategy here.
International SEO growth
Our team generated huge global SEO growth for Cole & Son for a series of high value search terms.
Cole & Son’s rankings grew across all 8 target territories, increasing their search visibility by up to 2081%.
+
1
2081
%
Increase in UK search engine visibility
+
1
1210
%
Increase in New Zealand search engine visibility
+
1
523
%
Increase in US search engine visibility
SEO
Using WordPress as the CMS gave us greater dexterity when it came to optimising the site for SEO. We conducted extensive SEO research as part of a broad digital strategy and implemented an optimised landing page strategy.
Our global SEO strategy increased the breadth of keywords targeted and increased the specificity of content on the site to create new entry points from search engines in 7 geographical areas.
PPC
Our team launched a number of PPC campaigns for Cole & Son, unlocking a new revenue channel for the business. PPC has been extremely successful, generating a 10x return for every £1 spent with Google Ads.
- Brand Search Campaigns
- Broad Search Campaigns
- Performance Max Campaigns
- Google Shopping Ads
+
1
10
%
Increase in sales
Related work
With over 6,000 SKUs Walls and Floors are a large tile retailer who sell huge quantities of their products online. Boasting millions of orders and customer records, the website attracted hundreds of thousands of visitors each week. However, as the previous Walls and Floors website was ageing it was seeing a gradual drop in keyword rankings and conversion rates.
- Lead time:
- 18 Months
- Sector:
- Retail
- Target Type:
- B2C & B2B
- Demographic:
- DIY Consumers, Trade Customers
- Website Goal:
- Increase Online Sales
- Services:
- eCommerce Web Design, Digital Marketing
- Scope
- Continuous Data Migration
- Custom Design
- Magento
- Sage200 Integration
- Search Engine Optimisation
- Google Shopping
- Amazon Shopping Integration
- Pure360 Integration
- Resource
- 1x Marketing Strategist
- 2x Digital Marketing Specialists
- 2x Website Designers
- 4x Front-End Programmers
- 4x Back-End Programmers
- 2x Project Managers
- 2x Quality Assurance Testers
Post-launch website results
This established eCommerce retailer had over 5,000 pages that needed to be re-directed into a new URL structure as part of a wide ranging on-page optimisation strategy that delivered outstanding results.
+
1
1021
Organic keyword positions improved in Google over 6 months from launch as tracked by Moz.com
+
1
182
%
Increase in search visibility across the 1,453 keywords being tracked by Moz.com
1
625
Keywords that rank in the top 3 organic positions in Google 6 months after going live as tracked by Moz.com
Brief
We needed to modernise the existing look and feel to create an effortless experience for users. A key part of this user experience process was the in-depth analysis of the existing user flows and mapping user behaviour through their buying journeys. This insight fed into our eCommerce design process with the goal of driving conversion rates up across the website.
Post-launch keyword results
Walls and Floors have a large internal team who work solely on the website; updating products, creating promotions and ensuring the content is fresh and up to date. Their old website did not have an easy to use content management system meaning that the internal Walls and Floors team struggled with their day to day tasks. We took a brief from each member of the team to understand how the new website’s Magento eCommerce platform could help them complete their work more accurately and efficiently.
eCommerce SEO
In a competitive consumer eCommerce sector, organic keyword positions in search engines make a huge difference to sales revenue.
We carefully planned the structure of the new website including URL structure, category management and hierarchy, keyword selection and on-page specificity.
The result was the creation of 301 redirects for thousands of highly optimised pages. Over a 4 month period we increased the number of competitive keywords ranking in Google in positions 1 – 3 from 174 to 548 – increasing Walls and Floors’ marketplace visibility by over 127%.
Website features
With thousands of different products and product categories, having a clear navigation to help users quickly find what they are looking for was vital. Our design team worked with Walls and Floors to create a large drop down menu that divides the different tiles by category, colour, usage and popularity to help users quickly find the tile they are looking for.
Conversion rate optimisation
Customer reviews play an important role in the buying journey of any product online and Walls and Floors makes great use of TrustPilot to show potential customers that thousands of others have been impressed with the selection of tiles and the quality of the products and service. We integrated the TrustPilot reviews with the new website to maximise chances of conversion.
LiveChat is an increasingly popular tool used to help assist online visitors, ultimately encouraging them to convert into paying customers. We integrated the new website with Walls and Floors’ chosen third party Live Chat provider; Salesiq from Zoho.
Mobile eCommerce
A large proportion of purchases on the Walls and Floors website are made using mobile phones and tablet devices. To deliver on both SEO and CRO goals we needed to create a custom experience for these visitors, with distinct touch points and call to actions.
Integrating Sage 200 with Magento
To ensure data integrity across the business Walls and Floors use Sage 200 to manage products, stock, customers, orders and deliveries.
Our integration between Sage 200 and Magento was crucial to the success of this online shop. By implementing a live data migration process we were able to dove-tail Sage data with data from the legacy website, providing the business with a unified data set with which to launch their new website.
Related work
Daylight Company is a market leader in speciality daylight lighting. They provide high quality lighting for precision work in professional and domestic environments.
Their team challenged us to migrate 5 of their existing websites onto a single domain to create 1 impactful multilingual website. They needed an international eCommerce site that would provide their marketing team with complete content management control.
- Lead time:
- 9 months
- Sector:
- Speciality lighting
- Target Type:
- B2B & B2C
- Demographic:
- Professionals & hobbyists
- Website Goal:
- Migrate to a single domain, provide central control to marketing team
- Services:
- Web Design, Web Development, Digital Marketing, Ongoing monthly marketing and support retainer
- Scope
- Adobe XD designs
- WordPress
- WooCommerce
- Multilingual
- Multi-currency
- Responsive design
- Store locator functionality
- Domain change management
- SEO
- PPC
- IP detection
- Stock management integration
- Resource
- 1 x Project Manager
- 1 x Digital Marketing Specialist
- 1 x Website Designer
- 1 x Front-end Developer
- 1 x Back-end Developer
- 1 x Quality Assurance Tester
The challenge
The new Daylight Company website needed to unify multiple websites to create a single global site. It needed to facilitate the management of multiple languages and currencies and provide variable functionality across territories.
Product optimisation
Product pages and categories were optimised for high value keywords to increase organic traffic from customers with intent to buy.
A quality build
Daylight Company lamps are of the highest quality and it was imperative that their new website reflected this.
Inter-territory variations
eCommerce functionality can be turned on or off by territory to account for variations in product distribution strategies.
A conversion powerhouse
Reassurance elements such as product reviews, warranty information and delivery options were placed in key parts of the site to boost the website conversion rate.
Delivering a quality user experience
To create an intuitive browsing experience, we created a split screen product page. This enables users to browse product content on the left hand side while retaining the key call to action add to bag fixed on the right hand side along with reassurance elements. These features help increase the number of visitors converting into customers.
We implemented a streamlined and secure checkout process to reduce friction at the point of conversion. To encourage customers who abandon their basket to return to the site and complete their purchase, we set up email reminders to be sent in the days following their visit.
Post-launch website results
Daylight Company’s international website build and migration focused on delivering a quality user experience that would increase engagement and drive transactions. Their new website has successfully improved their Google rankings, organic traffic and sales.
+
1
110
%
Increase in organic traffic as tracked by Google Analytics.
+
1
74
%
Increase in global eCommerce sales as tracked by Google Analytics.
+
1
188
%
Increase in PPC revenue as tracked by Google Analytics.
“All the members of the Plug & Play team come across as very knowledgeable and are a delight to work with. You can certainly rely on their expertise; I trust their advice on any particular area of the website and e-commerce platform. They are an extension of my team, making sure that I am aware of their work, they monitor my website very closely and are proactive in suggesting amends.”
Optimising for Google
Migrating to a single domain presented a huge SEO ranking opportunity for Daylight Company. However, keywords needed to be managed carefully during the migration in order to maintain existing rankings and build new positions. Following extensive keyword research, our team created an SEO and migration strategy including a checklist and a 301 redirect list by mapping old URLs to new equivalent URLs.
We are continuing to work with Daylight Company’s ambitious marketing team to drive continuous growth in their market share and online visibility.
PPC
We increased the efficiency of Daylight Company’s PPC account by restructuring the campaigns, implementing best practice, improving the data quality, and delivering ongoing PPC management. The campaigns were international and targeted over 5 different countries with Search and Shopping Ads.
Our work focused on reducing the cost per conversion, eliminating wasted spend, and improving advert quality.
+
1
188
%
Increase in PPC revenue
Related work
Since starting back in 1860, Pearson has become an established British cycling brand. Now run by the fifth generation of the Pearson family, it is recognised as the world’s oldest bicycle business. Following impressive success in their London stores, they wanted to bring the business into the 21st century by improving their online offering. They approached us to boost their online conversion rate and help them appeal to new markets.
- Lead time:
- 6 months
- Sector:
- Sport & Leisure
- Target Type:
- B2C
- Demographic:
- Cyclists
- Website Goals:
- Launch New Brand, Drive Sales
- Services:
- eCommerce Web Design, Digital Marketing
- Scope
- Adobe XD Designs
- WordPress CMS
- WooCommerce Shop
- Responsive Design
- Apply Pay Integration
- Ongoing Digital Marketing
- Resource
- 1 x Project Manager
- 2 x Digital Marketing Specialists
- 1 x Website Designer
- 1 x Front-end Programmer
- 1 x Back-end Programmer
- 1 x Quality Assurance Tester
Taking success online
One of Pearson’s goals was to widen their offering of cycling apparel. They believe that cycling should be accessible to all and wanted to appeal to all cycling enthusiasts, not just the cycling gurus. To increase the accessibility of the new Pearson website to new cyclists, we created a website structure that enables users to shop by collections and by categories.
Photographic menu
We implemented a drop down menu to showcase imagery of the collections, apparel and bikes.
Clean and clear
Products are presented in a bold and clear way to provide a simple and intuitive user experience.
Dynamic imagery
Product page imagery updates as options and add-ons are selected, showcasing the customer’s final product.
Payment gateways
We integrated with 3 different payment gateways including Apple Pay to streamline the checkout process and meet market demand.
301 strategy
The new Pearson website launch involved both a rebrand and a domain change. We managed this process, taking measures to protect existing search engine rankings. Each URL from the old domain was mapped to the equivalent page on the new website and Google was informed of the rebrand.
Related work
Paxton design and manufacture security solutions for use in a broad variety of commercial environments. They train security system installers to fit Paxton products and equip them to sell Paxton solutions to their customers.
Paxton challenged us to unify 13 of their existing websites into 1 website with an improved user experience. They needed one core website with a flexible CMS to provide their marketing team with central control and reduce support requests to their IT team. It was essential for the new website to drive training sign ups and improve Paxton’s global search engine rankings.
- Lead time:
- 12 months
- Sector:
- Security
- Target Type:
- B2B
- Demographic:
- Security Installers
- Website Goal:
- Provide Central Control To Marketing Team
- Services:
- Web Design, Web Development, User Journey Mapping, Digital Marketing
- Scope
- Adobe XD wireframes
- WordPress CMS
- eCommerce
- API integrations for training and event sign ups
- API integrations for products and product search
- API integrations for installer search and feedback
- Multilingual
- IP detection
- Varnish cache
- Resource
- 1x Marketing Strategist
- 2 x Digital Marketing Specialists
- 2x Website Designers
- 2x Front-End Programmers
- 1x Back-End Programmer
- 1x Project Manager
- 1x Quality Assurance Tester
The challenge
The new website has 8 distinct territories with different content, language, currency and user access requirements that can be managed by the Paxton Marketing Team. With Paxton selling their solutions in over 50 countries, each territory pulls products from the Paxton API and the website enforces logic to remove duplicate products and create editable product pages.
Website territories can be navigated via a territory switcher which utilises IP detection to direct users to the content that is most relevant to their location.
Product catalogue
Product information is pulled from the Paxton API to create editable products in the CMS. The integration refreshes daily to keep the website and API in sync.
Product documentation
Placing installers at the heart of the user flow, product documentation and installation guides are added within each product page for ease of access.
Customer first approach
Installers have a dedicated section of the website to access resources, training and support.
Google optimised landing pages
The new website structure pivots around a complex keyword strategy spanning 8 different territories in order to drive search engine traffic.
Staying ahead
The speed of the website was considered from the ground up during the build. The complexity of the content and data being handled from combining content from 13 websites meant that if this wasn’t done carefully, there was every chance that the site would be too slow to use. The new website needed to handle the expected high volume of global traffic and number of simultaneous requests.
Results are cached by Varnish after the first page visit and the site makes use of the browser’s local storage to cache the common API responses/data. This reduces the number of API calls that need to be made and means that the more that users browse the website, the quicker it will be. Varnish cache is used to store and serve a static version of the website, making it much faster than in normal circumstances. Varnish cache is also used as a protective layer on top of the application which enables us to restrict access to the application to certain users and IP addresses.
Changing domain
Paxton UK content launched on the old US domain. Therefore, legacy UK and US rankings needed to be managed carefully to ensure that the correct content ranked in the correct country. We implemented a comprehensive 301 strategy to ensure that existing website rankings for all territories were maintained upon launch and the user transition was seamless.
Related work
Grand Prix Events
A 111% increase in eCommerce conversion rate for a leading ticket retailer.
Grand Prix Events is an established online retailer that sells tickets in the luxury sports sector. Building on their wealth of experience in eCommerce, they recognised the need to develop a new website that would increase their revenue. They needed to develop their organic keyword positions in search engines and improve their online conversion rate.
- Lead time:
- 12 months
- Sector:
- Events / Tickets
- Target Type:
- B2C and B2B
- Demographic:
- Wealthy Consumers / Hospitality
- Website Goal:
- Sell Tickets
- Services:
- eCommerce Web Design, Digital Marketing, Brand
- Awards:
- UK Digital Growth Awards - eCommerce Site Of The Year Nomination
- Scope
- Custom Design
- SVG Interactive Maps
- Branding
- WooCommerce
- WordPress
- Varnish Cache & Global CDN Management
- IP Location Detection
- Multi-currency
- SEO
- CRO
- PPC Management
- Xero Integration
- Content Migration
- Ongoing support
- Resource
- 2x Website Designers
- 1x Brand Designer
- 2x Front-End Developers
- 2x Back-End Developers
- 1x Project Manager
- 2x Quality Assurance Testers
- 1x SEO Strategist
- 1x Digital Marketing Specialist
- 1 x PPC specialist
Post-launch website results
We focused on streamlining the user journey and implemented designs that reassured visitors through the conversion funnel. This resulted in significant improvements to engagement, eCommerce conversion rate and revenue.
+
1
22
%
Increase in revenue
+
1
111
%
Increase in eCommerce conversion rate
-
1
16
%
Reduction in bounce rate
Our approach
Our new design focused on high quality imagery that illustrated the excitement of attending a Grand Prix. Custom circuit maps help users understand where a seat is located, and image galleries on the product pages show users the view from each seat.
Location detection
Depending on where you are in the world the website can automatically detect your location and supply the ticket prices in your localised currency.
Xero integration
To streamline operations the website is seamlessly connected to Xero, the accountancy software. This enables orders and invoices to be raised automatically, cutting down on back-office admin work.
Multi-Currency
The website takes sales in 4 currencies, with each Grand Prix having its own base currency in the back-end.
Conversion rate focus
The website has been designed to massively increase the online conversion rate. We saw large increases in visitor to purchasing rates following launch.
Search engine optimisation
A key consideration for the launch of the new Grand Prix Events website was SEO. Increasing search visibility in Google and improving rankings for key search terms is the first step in increasing online conversions, so we undertook a detailed SEO review of the website; optimising urls, on page content and meta titles and descriptions as well as implementing a comprehensive 301 strategy before launch.
Our SEO research showed us that users searched for specific races using keywords such as ‘British Grand Prix tickets’ or ‘Tickets to the Australian GP’. To provide the best user experience, we created landing pages for every race, enabling search engines to rank the most relevant pages and send users directly to specific Grand Prix pages. Each Grand Prix page contains useful information about attending the event and a variety of different ticket and package options. A secondary navigation allows users to navigate easily through each of the pages relevant to the race they’re interested in.
“Plug & Play understood our vision of creating an industry leading online platform to promote sports hospitality and event ticket sales. From start to finish they were always on hand to support us throughout. Deadlines and the proposed budget were met. I would highly recommend working with the Plug & Play team of experts.”
PPC campaigns
Our team recommended a number of Google Ads Search Campaigns to reach new audiences and support global ticket sales for F1 events. Campaigns were seasonal and location-specific which required careful management to ensure the budget was used effectively.
Our PPC management process focused on reducing the cost per conversion, increasing impression share and improving traffic quality. We did this by reallocating budget based on performance, and implementing tighter keyword and geographic targeting.
+
1
1134
%
Increase in PPC revenue
+
1
334
%
PPC conversion rate
+
1
220
%
PPC order value
Developing the brand
Our brief was to develop a subtle evolution of the brand that would still be instantly recognisable by Grand Prix Events’ existing client base. We focused on refining what was already there, making the form and shape of their device more unique and distinct.
Brand Guidelines
