: Custom Gutenberg blocks for a global data company
Developed dynamic Gutenberg blocks to enhance editor capabilities, including a custom Chart.js block that ingested Google Sheets data for real-time visualization. Improved performance, accessibility, and overall usability across the platform.
- Chart build time
- Weeks → min
The challenge
Editors at a global data company publish charts constantly, and each one used to take developer time to build. That made data stories slow to publish and pulled developers away from other work. The site also had to stay fast and accessible across many custom content types, and its search had to return accurate results across all of them.
Leveraged Alpine.js and Tailwind CSS to craft dynamic, responsive user interfaces. Partnered with product owners to align technical features with business needs. Implemented robust testing strategies across browsers and devices to ensure reliability, while optimizing APIs for improved content search and handling of custom post types.
Highlights
- 01Built a custom Gutenberg block enabling rapid dynamic data visualization, reducing implementation time from weeks to minutes.
- 02Automated Google Sheets chart creation to accelerate content production and reduce manual workload for editors.
- 03Enhanced search API to improve accuracy of results across multiple custom post types.
- 04Optimized site speed and accessibility through performance tuning and refactoring.
What this means for your business
When your team depends on a developer for routine updates, the website becomes a bottleneck. Custom editor tools, like blocks that build themselves from a spreadsheet, put your staff back in control and cut publishing time sharply. The same idea works for a local business: menus, listings, schedules, or prices your staff can update in minutes. A migration or redesign is the right moment to build those tools in.
Stack
- Gutenberg
- Chart.js
- Google API
- WordPress
- JavaScript
- PHP
- React
- HTML
- CSS
- Tailwind CSS
- Alpine.js
- Figma
- Git
- Webpack
- REST API
- Accessibility (WCAG)
More work
- Athlean-XWebsites · 2017—2022
- Learn Athlean-XWebsites · 2017—2022
- Athlean-X PortalWebsites · 2017—2022
Need something like this?
- Website migrationMove from Contentful, Squarespace, Wix, Drupal, or old WordPress with every page inventoried and every URL redirected.
- Website redesignModernize an existing site: faster, mobile-first, accessible, and ready for local search.
- Website speedSlow pages fixed at the cause, measured on a real phone and verified against Core Web Vitals.
Related guides
Tell me what you’re working on and roughly when you need it. You’ll hear back within one business day.