Website rebuild case study / Lead generation
From an outdated theme site to a fast, clear agency website built for leads.
01 / The challenge
What the site had to do.
The old site ran on WordPress with a bought agency theme, Elementor, a slider plugin, a membership plugin and WooCommerce, and it still presented the company as a seller of Amazon, Walmart and eBay courses. The business had moved on to managing marketplace accounts for clients. The site had to explain that new offer clearly, load quickly on phones, keep the search traffic the old pages had earned, and turn visitors into consultation requests.
02 / My role
What I built.
Full redesign and rebuild: content audit of the old site, new site structure and copy, design and animation, the React and Vite build with static prerendering, technical SEO and structured data, a redirect map for every old URL, the contact form on my own SubmitDock plugin, automatic Google reviews, and deployment to the company's Hostinger hosting through GitHub Actions.
03 / What's on the site
Built to be used every day.
The company now has a website that says what it does today, loads as plain HTML on any device, and is built so the team can change copy, services and blog posts in data files without touching the design. The search history of the old site carried over through the redirect map instead of being thrown away.
Every old WordPress URL mapped to a 301 redirect or a 410
Contact form running on my SubmitDock plugin
Google reviews refreshed from the Business Profile on each build
Animated 3D hero with Three.js and smooth scrolling
Per-page schema, Open Graph images, sitemap and llms.txt
Before
A course website for a company that had become an agency.
Before the rebuild, empowerszone.com was a WordPress site on the Bizix agency theme with a child theme, Elementor and Elementor Pro, Revolution Slider, Ultimate Member, WooCommerce and Contact Form 7. Its title still read like a training business, with Amazon FBA training and Walmart and eBay courses. That stack is common, and nothing about it was broken, but each plugin added its own scripts and styles to every page, and the site's message no longer matched how the company earned its money.
I started with a content audit. I went through every page of the live site, listed each claim and figure, and marked the ones that needed the company's confirmation before they could appear on the new site. Nothing on the new site is invented: where the old copy was inconsistent or could not be checked, the item was held back or flagged for the owner to confirm.
Structure
A page for every service and every way people search for it.
The new site has 45 pages, each written for one clear purpose. The structure follows how sellers actually look for help: by marketplace, by task, and by location.
| Section | Pages | What it covers |
|---|---|---|
| Marketplace services | 9 | Amazon, Amazon Wholesale, Amazon Private Label, Walmart and WFS, eBay, TikTok Shop, account reinstatement, business setup, one-on-one training |
| Amazon services by task | 12 | Listing optimisation, PPC, Brand Registry, A+ content, catalogue, product research, sourcing, FBA prep, inventory, photography, video, inspection |
| Locations | 7 | Islamabad, Liverpool and New York offices, plus agency pages for Pakistan, the UK and the USA |
| Blog | 10 | The existing guides, rebuilt at their original URLs, and the blog index |
| Company | 7 | Home, about, services, portfolio, contact, privacy policy and terms |
The build
React for the design, static HTML for speed and search.
The site is a custom React and Vite application, but visitors and search engines never wait for JavaScript to see the content. At build time every route is rendered on the server and saved as its own HTML file, and React then takes over in the browser for the menus, animations and form. Crawlers, including AI search crawlers that do not run JavaScript, get the full text of every page.
The design uses GSAP for scroll animations, Lenis for smooth scrolling and a Three.js scene in the home page hero. The 3D scene loads lazily, after the page itself, so it never holds up the first paint. Images are served as WebP in several widths, so a phone downloads a phone-sized image. All copy, services, FAQs, reviews and blog posts live in data files, which means the content can change without touching a component.
Keeping the old traffic
Every old URL redirected, none left to break.
A rebuild that ignores the old URLs throws away the links and rankings the site has collected. I took every URL Google knew about from Search Console and mapped each one in the server's .htaccess file: a 301 redirect to the matching new page where one exists, and a 410 Gone for old pages that have no equivalent, so Google drops them cleanly instead of reporting errors. Blog posts were rebuilt at their original addresses, so they needed no redirect at all, and the old Yoast sitemaps now point to the new sitemap.
Unknown paths return a real 404 page with a 404 status, the www address redirects to the main domain, and hashed asset files are cached for a long time while the HTML stays fresh.
Leads and trust
A contact form on SubmitDock and reviews straight from Google.
The consultation form is the most important part of a lead-generation site. It validates each field in plain language as the visitor types, then sends the submission to SubmitDock, my free WordPress.org plugin for headless forms, running on a small WordPress install on a subdomain. Every enquiry is stored in WordPress and emailed to the team, so no lead is lost if an email fails.
Reviews matter just as much for an agency. A build script reads the company's Google Business Profile through the Places API before every deploy and on a daily schedule, so the rating, review count and testimonials on the site always match the live profile, and nobody has to copy reviews by hand.
SEO and launch
Search details on every page from day one.
Each page has its own title, description, canonical URL and Open Graph image, generated at build time. The structured data describes the company, its offices and opening hours, its leadership and the FAQs. The build also writes the sitemap, an llms.txt summary for AI assistants and IndexNow pings for Bing. Pushing to GitHub builds the site and uploads it to Hostinger over FTPS, so publishing a change takes one commit.
Questions
Empowers Zone FAQs
What did you build for Empowers Zone?+
A full redesign and rebuild of empowerszone.com: content audit, new structure and copy, design, a React and Vite site with every page prerendered to HTML, a redirect map for the old WordPress URLs, the contact form, Google reviews, SEO setup and automatic deployment.
Why move from WordPress to React for this site?+
The site is a marketing site with no shop or members area, so it did not need a database on every page view. A prerendered React site loads as static HTML, has no plugins to update, and still gave the client the custom design and animation they wanted. Forms stay on WordPress through SubmitDock.
How did you protect the old site's SEO during the rebuild?+
Every URL from Search Console got a 301 redirect to its new page or a 410 if it had no equivalent, blog posts kept their original URLs, and the old sitemaps redirect to the new one.
Can you rebuild my WordPress site like this?+
Yes. I rebuild slow theme and page-builder sites either as a cleaner WordPress site or as a prerendered React or Next.js site, and I keep your URLs and rankings safe with a full redirect map.
Start a conversation
Want your website rebuilt like this?
Tell me what you are building and where you need support. I’ll respond with a clear, practical next step.
Start your project