Mobile Performance
53 -> 93 (+75.47%)
On June 5, 2025, I received a WhatsApp message from the PT Zumatic Saka Persada team. The request was very clear: they wanted a website that felt more organized, easier to manage internally, and no longer dependent on technical help just to update text, images, or pages.
The client said:
Hello Sir, I am considering cleaning up and simplifying my website. I want to be able to edit text, images, and pages myself without technical help. I am interested in migrating to blocks.
From the start, it was clear that the client already understood the value of WordPress blocks and was already interested in moving to a block-based editing workflow.
This was also not our first interaction. Back in September 2023, the client had contacted me to solve several technical issues on the same website. So the June 2025 project was a second phase: no longer a partial fix, but a broader transformation.
Once the discussion and audit started, I found that the challenge was not only about the content editor. The old design had UI and UX issues, the copywriting was not yet strong enough to support conversion, and the technical performance still left a lot of room for improvement. Because of that, I proposed a more comprehensive approach: converting the site to blocks while redesigning it at the same time. The client agreed, and that was the real start of the project.
Mobile Performance
53 -> 93 (+75.47%)
Desktop Performance
81 -> 100 (+23.46%)
HTTP Requests
122 -> 64 (-47.54%)
Load Time
3.33s -> 1.70s (-48.95%)
Content Workflow
Raw HTML + heavy builder -> blocks + ACF
Team Adoption
Training 4h -> 1.5h; 90% self-managed content
Want a quick audit to map the biggest improvement opportunities on your website? Get implementation recommendations in a free consultation session. Start a consultation.
Before getting into the technical implementation, here is the context behind PT Zumatic’s original website and why this project needed a more complete transformation.
When the client first contacted me in September 2023, the focus was still on solving a few technical issues. But after evaluation, it became clear that the problems were connected and layered:
Security and maintenance issues:
UX and content issues:
When the client came back in June 2025, the need had changed. They wanted a system that the internal team could manage without technical friction. That was the real turning point from “repair” into “transformation.”
The initial performance audit showed a fairly weak starting point.
PageSpeed Insights before optimization:
Browser speed test results before:
The homepage comparison shows the biggest visible change: from a stiff layout to a more modern, organized, and easier-to-scan structure.
The contact page also changed significantly, moving from a very basic layout to something much clearer and more credible for prospective clients:
The biggest operational challenge was content management. It was simply too technical for a non-technical team.
I started with a broader audit across five areas:
Based on the audit, the transformation focused on three main pillars:
I moved the website from WPBakery to GenerateBlocks Pro, which is lighter and easier to use. That decision was based on:
I also used GeneratePress as the base theme because:
One of the unique needs in this project was a very specific multilingual setup. PT Zumatic only needed dual language support for the Insights & News section. Because of that, I built a custom plugin with these characteristics:
With this setup, the admin team could manage bilingual content without needing a heavy multilingual plugin. In practice, the interface lets the admin:
The main benefits:
To replace the old raw HTML table system, I prepared:
This changed project input from a raw HTML task into a structured form that was much easier to use.
Project information management:
Advanced features:
Benefits for the PT Zumatic team:
Plugins removed or replaced:
New plugins added:
GeneratePress and GenerateBlocks are already fast on their own, but I still applied a few additional optimizations for stronger results:
Advanced optimization techniques:
PageSpeed Insights after optimization:
| Metric | Before Mobile | After Mobile | Before Desktop | After Desktop | Improvement |
|---|---|---|---|---|---|
| Performance | 53 | 93 | 81 | 100 | 75.47% (Mobile) |
| Accessibility | 93 | 100 | 98 | 100 | 7.53% (Mobile) |
| Best Practices | 96 | 100 | 96 | 100 | 4.17% |
| SEO | 85 | 100 | 85 | 100 | 17.65% |
Browser speed test after:
Note: transferred size increased because of newer content assets, but total resources dropped, request volume dropped significantly, and finish time improved by nearly 49%.
Want similar results for your website? Start with a free consultation and we will run a quick audit and suggest a practical implementation path. Contact us.
One of the biggest impacts of this project was actually inside the dashboard: it changed from something confusing into something much easier for the internal team to use.
The new dashboard now provides:
The browser-level comparison shows how the technical work translated into a more efficient loading pattern:
That reduction from 122 to 64 requests had a direct impact on loading speed.
The project pages also changed significantly, moving from a rigid system to something much more dynamic and easier to manage:
The new projects page now offers:
The services page also became more structured and clearer:
Content management became much easier in practice:
Training and adoption results:
After implementation, I gave training to the PT Zumatic team. The outcome was strong:
“This is already perfect. The management process has become very easy. Even though we still need a web developer for certain functions, for day-to-day work like adding a new project, a new page, or a new article, everything is already very easy and not too technical.”
— PT Zumatic Saka Persada Team
The PT Zumatic Saka Persada project shows that the right transformation can turn a website from an operational burden into a strong business asset that is also easy to manage.
If your website is facing similar challenges, such as slow performance, overly complex content management, or a need for custom functionality, we can help map the right strategy.
Available services:
Does a website always need a full redesign to become faster?
Not always. Many websites can first be improved by fixing technical bottlenecks such as assets, caching, plugins, database issues, or server configuration before a full redesign becomes necessary.
How do I choose between loading optimization, blocks conversion, or a redesign?
Start with an audit. If the main issue is technical, loading optimization is often enough. If the builder structure is too heavy or the UX is already outdated, blocks conversion or a redesign usually becomes the next step.
Contact us for a free consultation and we will map the most relevant next step for your website.
Founder of Harun Studio, web developer, blogger, and hosting reviewer. He helps business owners build healthier websites through design, development, and long-term maintenance.
Explore more insights that connect closely with this topic.
From a 404 error on firesystem.co.id to a full rebuild as hydrantsystem.co.id: a case study on building a lightweight, fast, and easy-to-manage website with a modern WordPress stack.
A Muslimadani.id case study: from a slow website to a faster online store that was more conversion-ready through bottleneck auditing, technical optimization, and infrastructure migration.
A Win Equipment case study showing how the website improved from a PageSpeed score of 27 to 92 through a full technical optimization approach.