• WordPress

Sparta

An industry-leading platform for trading intelligence, built with WPBakery’s powerful capabilities. Enhanced general traffic through effective SEO practices while driving meaningful revenue by attracting higher-quality visitors.

Visit Website
sparta-hero

What I Did

I began by identifying the website’s pain points, focusing on low engagement and conversion rates, and internal challenges with page creation and management. To boost conversions, I mapped out user journeys to refine page structure and enhance visitor engagement. I then turned these wireframes into an interactive website using WPBakery, GSAP, and ScrollTrigger animations to increase user interaction. On the backend, I developed a flexible system that allowed the client to easily create pages and posts with custom WPBakery blocks in conjunction with ACF. Working closely with the IT team, I deployed and monitored the site on their cloud hosting provider. The result was a satisfied client who’s committed to future projects.

overview-icon

Overview

General:

  • Custom ROI calculators boosting interaction and conversions
  • Custom on-page interactions driving lead generation

Backend:

  • Flexible, drag-and-drop backend
  • Code-free backend and site management

Optimisation & Accessibility:

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

Notable Results:

  • Developed, tested, reviewed, and deployed 39 pages within just three weeks
  • Achieved a perfect accessibility score on PageSpeed Insights, up from 62/100.
  • 26% increase in average scroll depth through performance and UX improvements.

laptop-fill

Tech Stack

Languages:

  • HTML5
  • PHP
  • CSS/SCSS
  • JavaScript (ES6)
  • AJAX
  • MySQL

DevTools:

  • WPBakery
  • ACF
  • GitHub
  • CookieBot

Libraries:

  • Bootstrap 5
  • GSAP
  • ScrollTrigger
  • Glide JS

Design Tools Used:

  • Adobe XD

Third Party Tools Used:

  • HubSpot Analytics
  • Microsoft Clarity
  • Google Analytics
  • Google Search Console
  • Moz Pro

Client Feedback

"Amit has a fantastic ability to break down technical complexities into actionable solutions, which made collaboration seamless even for non-technical stakeholders. His proactive communication ensured that the project stayed on track and that any challenges were swiftly resolved. The end result was a website that met and exceeded our expectations. Amit’s work directly contributed to strengthening our digital presence and enhancing our engagement with clients."

Front-End Development

sparta-front-end-1
sparta-front-end-1

Technologies & Practises Used

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

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.

Custom Admin Controls

Created a custom ACF theme options page, enabling admins to manage branding elements like colours, typography, and styles from the backend

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.4MB

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%
39
26%
100

Back-End Development

sparta-backend-1
sparta-backend-1

Constructing a Robust and Agile Backend Framework

A key project requirement was to enable internal teams to easily create pages and posts post-handover, which we achieved seamlessly. Each block was built modularly, and WPBakery was enhanced to pull parameters from the custom ACF options page, called “theme settings.”

The process was simple: admins could create branding elements under “theme settings” (e.g. new button styles). These options would then automatically appear in our custom WPBakery blocks, enabling the client to build unique, tailored layouts without any coding.

sparta-carousel-1 sparta-carousel-2

Ready to Get Started?

Enquire Now
WebManics