Unleash the Power of Transformation
Services
Overview
At Saigon Digital, we thrive on taking up exciting challenges, and our project with Celerity was indeed a rewarding experience. With their diverse range of IT services, Celerity needed a website that could adapt to their ever-evolving needs. Here's how we transformed their digital landscape.
LAUNCH WEBSITE
Celerity's Digital Evolution: JAMstack-Driven Success
Discover how Celerity, a dynamic IT service provider, redefined their digital presence with a JAMstack-powered website. From revolutionising functional visual-appealing design to optimising performance, this case study unveils their journey towards a faster, more efficient, and secure web platform. Explore the tech-stack that drove this transformation, along with the results that left Celerity poised for digital success.
Technologies used:
Optimise User-Experience with Google Lighthouse
Google Lighthouse is an open-source tool for website performance, auditing pages for performance, accessibility, SEO, Progressive Web App and Best Practices.
Using Google Lighthouse as a benchmark, we make sure that Celerity's website is performing flawlessly with excellent scores.
Here is the performance results: Google Lighthouse Report
Performance
Accessibility
Best Practices
SEO
If you want to get started manage with JAMstack, check out our JAMstack Versus Traditional Website Development!
The Challenge
Celerity had a unique set of requirements. They needed a website that could be their canvas, where they could feel empowered to create new pages, layouts and edit content with ease. One of the things we love doing here at Saigon Digital is to build tailored CMS solutions for our clients. Celerity was no different, we built a WordPress backend to allow for easy drag-and-drop editing for their component library.Â
Celerity’s new brand refresh and design required a strong set of frontend UI skills to bring the prototypes to life, it was quite the challenge alongside the go live deadline, nevertheless our team at Saigon Digital were more than up for it!
We create secure digital worlds for our customers, so you can look ahead with absolute confidence - helping you to make a real, positive impact on the world.
We have been creating secure digital worlds for customers for over 20 years.
We cares about your business success. Understanding that you should never be held back from achieving your ambitions because of your technology.
Celerity bridges the gap between client and vendor providing benefit from collaborative relationships that have been developed over many years of success with some of the world's most trusted technology vendors.
The Solutions
We love building with the JAMstack - and it’s all about creating modern, fast, and SEO-friendly websites. So, we decided to go with Gatsby.js, which was the clear choice for us as it’s built so well alongside WordPress as a Headless CMS. Our team already has a ton of experience with the Gatsby data layer & GraphQL alongside WordPress, and the requirements for this project favoured this approach.
Join Saigon Digital Newsletter
Get the exclusive Jamstack web dev case studies (and more) in your mailbox!
Outcomes
The previous Celerity website, which was initially built on WordPress, faced issues with speed and security. To address these concerns, we embarked on a comprehensive renovation, transitioning to a JAMstack architecture. This transformation not only significantly improved the website's speed and overall performance, but also enhanced its security, ensuring a smoother and safer user experience and to future proof the website for years to come.
And that's not all! We also introduced some captivating elements to the website using the GSAP framework and react-spring for animations, making it an even more engaging digital experience.
Harnessing the Power of Flexibility
- In the world of JAMstack, architecture is king. Our Celerity project was built on three pillars: client-side JavaScript, server-side APIs, and a database.
- Gatsby.js took the reins on the client side, generating static HTML pages from React components. WordPress, acting as the Headless CMS, dished out content via Gatsby's data layer & GraphQL APIs.
- To make styling a breeze, we wielded the mighty Tailwind CSS, a utility-first CSS framework that simplifies component styling.
Choosing the Right Tools
For the frontend UI and building the components, our team is a big fan of Tailwind CSS. It makes crafting highly customised user interfaces a breeze, which is ideal for accommodating our client's unique design preferences. Celerity uses HubSpot for their internal Marketing, this allowed us to work alongside the HubSpot form API where created gated content for their resources & downloads so their Marketing team could create high converting landing pages.
Crafting Excellent Performance
This project was a resounding success! We took Celerity's unique ideas and transformed them into a website that's fast, secure, and as unique as they are. We're thrilled with the results, and Celerity is now ready to embrace a new era of online success. Saigon Digital is now proud to say we help support the current live website and carry out continued SEO work to keep the website ticking along nicely.
The Results
Celerity now boasts a modern and fresh website. With faster load times, improved security, and a flexible CMS with its drag and drop page builder, they're all set to make their digital mark.
Since going live, Celerity has been on a mission to create new pages and content which has been a breeze. A harmonious blend of technology and creativity, our JAMstack approach has set Celerity on the path to digital greatness.
Securely manage and transform your legacy environments within the datacentre and hybrid cloud.
Thoughts from the Celerity
Saigon Digital's technical expertise has transformed Celerity's digital presence - the development of our new website has resulted in improvements across user experience, lead generation, and organic search performance. If we need advice or assistance, the response is immediate - it's like having an extension to the team.
Callum Graham-Rack
Marketing Assistant at Celerity UK
View More Projects
