Leadership Consulting LP Built

Client (end user): Kazoo Leadership — leadership coaching and consulting practice
Engagement: White-label development for a US marketing agency
Delivered: June 2025 · 8 days · ~17 hours across build + QA

The Craft of a Homepage Redesign

A single-page LP on a fresh WordPress install, replacing an existing Squarespace site in 8 days — Figma-to-Elementor Pro on WP Engine, with Gravity Forms wired and six anchor sections resolving on mobile and desktop. The delivery constraint was precision: on a one-URL site, anchor navigation is not a secondary feature — it is the entire UX architecture, and a mis-wired target has nowhere to fall back to.

Snapshot

The Brief

A US marketing agency retained by Kazoo Leadership — a leadership coaching and consulting practice — needed a new LP built from a completed Figma design and deployed to the client’s domain. The existing site lived on Squarespace; the agency’s brief called for a fresh WordPress install on WP Engine, with Elementor Pro and Gravity Forms as the page-builder and forms stack. No migration of pages, no redirect map, no prior WordPress installation — a clean build on a blank WordPress instance.

The single-page format meant the page had to do everything: introduce the principal (David Hopkins), describe the service offerings, surface ideal-partner criteria, present testimonials, and accept enquiries — all as a scrollable one-page experience with jump-to sections. The Figma specified six anchor targets (About David, Services, Ideal Practice Partners, Testimonials, Contact) plus a jump-to-topic navigation element that had to resolve accurately against each.

The ask was direct: match the Figma in Elementor Pro on a new WP Engine staging instance; wire Gravity Forms to the client’s email address; make anchor navigation functional and pixel-accurate on mobile and desktop; hand off when QA is satisfied.

How We Did It

1. Figma-to-Elementor Pro on a clean WordPress install. Nikita Tumasevic built the full LP against the approved Figma on a WP Engine staging instance provisioned for the project. Elementor Pro and Gravity Forms were installed before build started; the LP was the only URL on the WordPress installation, keeping the build environment uncluttered and the QA surface minimal.

2. Anchor-nav implementation across six named sections. The Figma specified a jump-to-topic navigation menu with six named destinations. Each section required a matching Elementor anchor target — precisely labelled per the design spec — with the jump-to list resolving correctly on both desktop and mobile. This is straightforward in Elementor but requires explicit QA: an anchor that looks correct at full desktop width can silently mis-fire on mobile where the section height changes. An initial QA pass identified an anchor that had not yet been wired to the contact section; a second pass confirmed all six resolved correctly after the fix.

3. Figma-faithful layout across viewports. The QA review against the Figma flagged several layout deltas that are characteristic of Figma-to-Elementor translation: a hero section rendered at reduced width relative to the design’s full-bleed intent; a letter-spacing specification in the typography that Elementor’s default settings did not honour; and a mobile layout with compressed sections that needed a breakpoint correction. Pavel Sazhin documented each delta with reference screenshots; Nikita applied the corrections before the QA was advanced to sign-off.

4. Form routing and pre-handoff verification. Gravity Forms was wired to the client’s email address (david@kazooleadership.com) for the contact section at the base of the page. Pre-handoff QA confirmed form routing, all anchor jumps, and the page across three screen widths before the staging instance was presented to the agency for review.

The contact-button anchor was the fix that closed the build. Pavel’s first QA pass flagged all five jump-to-topic targets as unwired; Nikita wired them; a second pass two days later caught the contact button — not in the menu, but reachable from every CTA on the page. On a one-URL site, every anchor either resolves or it breaks the only navigation structure the page has.

Operational Integrity at handoff

QA on this single-page LP ran two passes — the first flagged a broken mobile layout at small screen widths and all five anchor targets in the jump-to-topic menu as unwired; a second pass after Nikita’s fixes caught one additional contact-button anchor before the build was presented to the agency. Pre-handoff QA ran through Site Checker — see our QA discipline for the categories and the fail-zero gate. The agency’s own QA layer — their tools, their process — ran post-handoff and surfaced issues into the shared backlog for our fix loop until they signed off.

Results

The outcome, restated plainly: a single-page LP was built against a Figma on a fresh WordPress install, QA’d for anchor accuracy and layout fidelity across viewports, form-routed, and delivered to the agency’s staging sign-off inside eight calendar days and seventeen hours of effort.

Process

On a single-page engagement the revision loop closes quickly — each fix is isolated to a known Elementor section rather than distributed across a multi-page template tree. QA and revisions ran as one continuous pass on the final day before handoff.

Team

Delivery team

• Nikita Tumasevic — LP build in Elementor Pro against Figma; layout revisions and anchor implementation
• Pavel Sazhin — QA against Figma and viewports; revision direction; sign-off before handoff
• Anton Hersun, xaverPRO — project lead (estimation, agency-side communication, staging environment setup, sign-off coordination)

Agency-side project management, design, and client communication remained with the partner agency throughout. Our team was invisible to the end client. The brief, Figma, and all feedback came through the agency; the client received a finished page.

For agencies commissioning a single-page redesign on a retained client