WordPress

SmartVault

A cutting-edge multilingual solution tailored for a prominent cloud-based document management provider.

What I Did

SmartVault’s old site struggled with lead generation, so I developed a high-performing front-end with GSAP animations and a flexible backend supporting both US and UK audiences. Working closely with the client, I ensured the build aligned with their goals. Google Analytics revealed a larger-than-expected mobile audience, so I prioritised mobile-friendly modules while maintaining interactivity on larger screens.

Overview

General:

Multilingual site with GeoTargetingWP for US and UK audiences.
Bespoke federated site search functionality

Backend:

Flexible, drag-and-drop backend
Code-free backend and site management
Form integration with Pardot

Optimisation & Accessibility:

WebP imagery optimised for performance
Compliant with Google and ADA accessibility standards

Notable Results:

Implemented GeoTargetingWP, leveraging IP or HTML5 geolocation to accurately target 99.9% of users, while remaining GDPR compliant.
24% boost in pricing page engagement through improved design and multi-currency, subscription support.

Tech Stack

Languages:

HTML5
PHP
CSS/SCSS
JavaScript (ES6)
AJAX
MySQL

DevTools:

WPBakery
ACF
GitHub
CookieBot
GeoTargetingWP

Libraries:

Bootstrap 5
GSAP
ScrollTrigger
Glide JS

Design Tools Used:

Adobe XD

Third Party Tools Used:

Pardot
HotJar
Google Analytics
Google Search Console
Moz Pro

Front-End Development

SmartVault website pages on desktop and mobile

Technologies & Practises Used

Tools and methods employed to drive performance, scalability, and efficiency.

Let's Talk

Flexible Backend Design

Backend powered by WPBakery page builder, allowing for a completely flexible drag and drop experience

Scalable & Maintainable

Codebase employs modular design with SCSS and JS integrated into blocks for streamlined site maintenance and scalability

Mobile-First Design

Bootstrap 5 was used as the responsive framework, ensuring a mobile-first design for seamless user experiences across devices.

GDPR-Compliant Localisation

Implemented GeoTargetingWP to provide a bilingual experience for US and UK users while ensuring GDPR compliance.

GSAP Animations

GSAP and ScrollTrigger used for on page scroll animations (100% vanilla JavaScript implementation)

Optimised Performance

Implemented lazy loading for images to optimise performance, resulting in a homepage file size of only 4.1MB

Enhanced Reusability

Implemented BEM markup to effortlessly achieve reusability and scalability

UX-Driven Blog Navigation

Enhanced WordPress blog browsing with a custom AJAX pagination system for improved user experience

Key Results

24%

Back-End Development

Creating a User-Friendly Bilingual Backend System

The primary objective of the new website was to cater to both US and UK audiences. To achieve this, I used GeoTargetingWP to display specific content based on the user’s IP address, with a key focus on GDPR.

I incorporated this functionality into my custom WPBakery blocks, ensuring scalability for additional languages in the future. WPBakery’s flexibility allows for seamless creation of new pages using these custom blocks, offering complete flexibility in page design.

Enquire Now