From a fragile WordPress site to a component-driven Next.js website for a MarTech consultancy
Client: An enterprise marketing-technology (MarTech) consulting and services firm.
- Industry
- MarTech consulting
- Journey
- WordPress → Next.js
- Pages
- ~20 pages
- Design
- Figma system + brand refresh
The challenge
The live WordPress homepage showed a different hero slider from the one the client had approved in the editor.
A theme, page-builder and plugin stack made the site hard to maintain, extend and keep consistent.
The firm's growing range of services needed a modern, fast, enterprise-grade web presence.
What Robral built
Phase 1: traced the issue to the homepage pointing at a duplicate slider instance, and reconnected the approved version without a redesign.
Refined the brand identity, with colour palette, typography and gradient, while keeping the original logo concept.
Designed a Figma design system of reusable heroes, cards, grids, comparison tables and CTAs.
Phase 2: rebuilt the site in Next.js and React with Framer Motion animation, Firebase and Cloudflare.
- 2 phasesstabilise WordPress, then rebuild in Next.js
- ~20responsive pages on one component system
- 1reusable design system in Figma
Outcomes
- The client-approved homepage restored on the live WordPress site, quickly and with no rework.
- A modern, responsive website built for desktop, tablet and mobile, not just shrunk to fit.
- Reusable components that make new service and resource pages fast to add.
Technology & capabilities
Phase 2 · Next.js stack
- Next.js
- React
- Framer Motion
- Firebase
- Cloudflare
- Figma
- Shared Hosting
Phase 1 · WordPress stack
- WordPress
- Elementor
- Depicter
- Rank Math SEO
- Cloudflare
Relevant forConsulting and B2B services firms whose WordPress site has become hard to maintain, or that want a faster, modern, component-based website.
Delivered by Robral Technologies. Client identity is withheld; details are shared at a level that protects the client's confidentiality.
Facing something similar?
Tell us about your system. The usual first step is a 14-day proof of concept on one real slice.
Start a conversation
