Legal Homepage Redesign
Adobe XD-to-WordPress homepage redesign delivered for a US legal practice — 10 tickets, ~59 hours across two related practices, ~4 months calendar span.
Screenshots captured by automated tooling — some elements may not have loaded fully or may layer on top of each other. For the most accurate view, visit the live site →
Build the new homepage against the agency Figma. Deliver as a draft. Accept one principal post-review round. Launch only after sign-off.
Client (end user): Rose Knows Law — a US legal practice
Engagement: White-label development for a US marketing agency
Delivered: November 2024 – March 2025 · ~4 months · ~59 hours across 10 tickets (two related legal practices)
The Craft of a Homepage Redesign
One Adobe XD mockup for a US legal practice’s homepage, extended across two related practices under the same agency — Dale Rose Law and Rose Knows Law — each on its own WP Engine staging environment, each reviewed and cleared separately before live promotion. The brief was redesign the homepage, then adapt the colour palette and fonts for the full site; a location-specific content constraint on the Dale Rose practice-area pages was flagged to the agency rather than silently overwritten.
Snapshot
| Field | Value |
|---|---|
| End-client industry | Legal |
| End-client | Rose Knows Law (US legal practice) |
| Engagement | White-label homepage redesign and related development for a US marketing agency specialising in local-business websites |
| Project Type | Adobe XD-to-WordPress homepage redesign — built on staging, released after agency review; plus menu changes and backlog resolution for the same practice |
| Scope | 1 homepage redesign — full redesign to agency Adobe XD, built in WordPress draft on staging, launched after agency review; plus 9 related tickets spanning menu navigation, backlog fixes, content pages, and WordPress updates for Rose Knows Law and a related practice (Dale Rose Law) under the same agency |
| Timeline | ~4 months (Nov 2024 – Mar 2025), on the agency’s cadence |
| Effort | ~59 hours — ~40h homepage redesign (Dale Rose Law) · ~13h Rose Knows Law changes (menu, backlog, homepage redesign, additional pages) · ~6h management and updates |
| Team | 5 specialists (dev + QA + project lead) |
| Design handoff | Adobe XD mockup (agency-owned; design URL withheld) — approved brief explicitly required applying new design to existing site |
| Tech Stack | WordPress · Elementor · Gravity Forms · Rank Math SEO · WP Engine · Site Checker (xaverPRO QA plugin) |
| Build mode | Staging-first — new homepage built on WP Engine staging in parallel to live site, no mid-build live exposure |
| Delivered | Homepage redesign shipped to spec, menu navigation updated, backlog issues resolved, content pages added, site live at roseknowslaw.com |
| Review rounds | ≈8 review rounds across the 120-day calendar window |
| Per-ticket effort | 10 internal Redmine tickets · median 4h / P75 5h per ticket |
The Brief
A US marketing agency retained by Rose Knows Law — a US legal practice — needed a development partner to redesign the practice’s homepage and carry a set of related changes. The brief arrived in two streams: a homepage redesign for a related legal practice (Dale Rose Law) based on an approved Adobe XD mockup, and a set of ongoing changes for Rose Knows Law itself — menu navigation improvements, a homepage redesign, backlog issue resolution, and additional pages.
The explicit constraints were: the homepage redesign had to be built on staging first, not pushed live until the agency reviewed and approved it; and menu navigation changes had to work consistently across desktop and mobile without breaking the existing site structure.
A limitation emerged on the related practice (Dale Rose Law): the legacy practice-area content had been written specifically for a single location (McKinney) and could not be automatically re-purposed for multi-location display within the existing template architecture — the old site’s location-specific copy was embedded in page content, not the taxonomy layer. We flagged the structural constraint to the agency rather than attempting a content rewrite outside scope.
The ask was concise: match the Adobe XD in WordPress/Elementor; ship a staging build; resolve the backlog; update the navigation; add content pages as requested; remain outside the end-client-facing loop throughout.
Risk Context. A legal-industry homepage carries higher per-pixel stakes than most local-business sites. Every visual element on screen — attorney names, practice areas, contact calls-to-action — sits adjacent to compliance-sensitive material. The redesign was never pushed live until the agency had reviewed the staging build; at every moment during development, the live homepage was either the unchanged original or the fully-reviewed new version, never a half-finished hybrid. Staging-first delivery is not a process nicety on this engagement type — it is the operational gate that protects the agency from a live-site incident on a retained legal client.
The related-practice work (Dale Rose Law) followed the same staging-first model: a 40-hour homepage redesign built on a separate staging environment, reviewed by the agency, and promoted to live only after sign-off. The two practices shared an agency and a delivery team, but each had its own staging surface and its own review gate.
How We Did It
1. Adobe XD-to-WordPress, staging-first. The homepage was built entirely in WordPress/Elementor against the approved Adobe XD frames — hero, service sections, attorney profiles, contact callout, footer. Because Elementor was already installed on the site, the build slotted into the existing theme and global style system without introducing a new page-builder dependency.
2. Built on staging, not live. The new homepage was staged on a WP Engine staging environment in parallel to the existing live homepage. Every QA pass ran against the staging site until launch. This is the operational safeguard specifically requested by the agency on this project type and this client industry — a legal practice cannot afford a half-shipped homepage going live mid-QA.
The principle behind this is simple: on a redesign of a legal-industry homepage, the dev team’s default must be staging-first. A dental or restaurant site tolerates optimistic shipping; a law firm does not.
3. Menu navigation redesign — desktop and mobile. A separate ticket addressed the navigation structure: increasing text size on desktop, implementing dropdown menus on mobile, and ensuring the menu remained practical across both viewports. The developer proposed a pop-up side-menu over a standard horizontal bar because the legal practice-area set spanned multiple locations and the standard pattern would have overflowed the viewport; the agency confirmed the approach before implementation. The mobile dropdown was handled separately as a toggle pattern, chosen over a desktop-style persistent menu bar because the site’s navigation depth made it impractical for a small screen.
4. Backlog resolution and content pages. The agency supplied a Google Sheets backlog of issues for Rose Knows Law. The team reviewed the backlog, triaged items, and resolved them through tracked tickets. A separate content-page ticket added an attorney bio page for the related practice, using existing site imagery and supplied copy.
5. Internal QA before agency handoff. QA passed against desktop and mobile viewports, catching the usual residue of any XD-to-Elementor translation (padding behaviour, link targets, form-block wiring, menu responsiveness). The agency then reviewed the staging build and surfaced any final comments before live promotion.
The legacy practice-area copy on the related practice was written for a single location — McKinney — and the new design couldn’t absorb it silently. We flagged the structural constraint to the agency rather than rewriting content outside scope; the visual redesign shipped clean, and the copy decision stayed with the agency.
Operational Integrity at handoff
The Dale Rose homepage build on WP Engine staging (issue #201) moved to internal status «Проверено, на отправку» — verified, ready for send — on 26 February 2025 before the agency saw the staging build; the live homepage remained untouched throughout, and the issue was marked resolved only after agency confirmation. 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
| Metric | Outcome |
|---|---|
| Homepage redesign | Shipped — Adobe XD implemented in Elementor, replacing the previous live homepage (Dale Rose Law) |
| Homepage redesign (Rose Knows Law) | Shipped — homepage redesigned per agency brief |
| Build mode | Staging-first — new homepage built on WP Engine staging in parallel to live site, no mid-build live exposure |
| Menu navigation | Redesigned — desktop text size increased, mobile dropdown implemented, pop-up side-menu pattern applied for large navigation sets |
| Backlog resolution | Google Sheets backlog reviewed and resolved through tracked tickets |
| Content pages | 1 attorney bio page added (Adam Rose) for related practice |
| WordPress updates | 2 update tickets closed |
| Timeline | ~4 months (Nov 2024 – Mar 2025), delivered on the agency’s cadence |
| Effort | ~59 hours — ~40h homepage redesign · ~13h Rose Knows Law changes · ~6h management and updates |
| Team | 4 specialists — no dedicated strategist, no design lead (agency-owned), no SEO lead (no migration scope) |
| Site status, verified 2026-04 | roseknowslaw.com live, returning HTTP 200 from a fresh curl check |
The outcome, restated plainly: the agency’s Adobe XD was implemented in Elementor on a staging site, reviewed internally and by the agency, and promoted to live — alongside menu navigation updates, backlog resolution, and content-page additions — all inside ~4 months and about 59 hours of effort.
Process
| Phase | Duration | Outcome |
|---|---|---|
| Brief & estimation | ~1 week | Adobe XD reviewed, Elementor confirmed, staging-first delivery model agreed |
| Homepage build (staging) | ~3 weeks | Full homepage implemented in Elementor on WP Engine staging (Dale Rose Law) |
| Rose Knows Law changes | ~6 weeks | Menu navigation updated, backlog resolved, homepage redesigned, additional pages built |
| Internal QA | ~1 week | Desktop + mobile verification; residue logged and fixed |
| Launch | ~1 week | Pages published live; post-launch verification completed |
Phases overlap — Rose Knows Law changes were worked concurrently with the Dale Rose Law homepage build, and the backlog resolution ran in parallel with the navigation redesign. This is characteristic of a multi-stream engagement where the QA loop runs continuously rather than in distinct sequential phases.
Team
Delivery team
- Nikita Tumasevic — homepage build in Elementor against Adobe XD; menu navigation redesign
- Pavel Sazhin — project management and QA iterations
- Anna Polunina — implementation support and QA
- Vladimir Kozlov — backlog resolution and additional pages for Rose Knows Law
- Anton Hersun, xaverPRO — project lead (estimation, agency-side communication, sign-off, QA coordination)
Agency-side project management, design, and client communication remained with the partner agency throughout. Our team was invisible to the end client.
For agencies commissioning a single-page redesign on a retained client
If your agency has a retained legal client whose homepage needs a visual redesign but whose legacy content carries structural constraints the new design can’t absorb, the right dev partner surfaces the constraint before build starts — not after it ships.
Send an Adobe XD mockup and a short note on any legacy content or navigation structure concerns. We will return a fixed-hours quote and flag anything in the spec that needs an agency decision before work begins — no cost, no obligation to proceed.
Don't have a spec yet? Send a one-paragraph description — we'll come back with the questions worth asking. Send a description →
draft page
This case is single-page. The same discipline scales to multi-page.
Homepage Redesign and Multi-Page Redesign share the same core methodology — Figma-led, tool-ecosystem-matched, draft-first. Scale differs; discipline does not.