WooCommerce Store Rebuild
A custom WordPress and WooCommerce rebuild for a Qatar flower and chocolate shop, compared page by page with the store it replaced. The new build now runs at theluxflo.com.
A custom WordPress and WooCommerce rebuild for a Qatar flower and chocolate shop, compared page by page with the store it replaced. The new build now runs at theluxflo.com.
27 old and new page measurements, plus 25 side-by-side screenshot comparisons
Fewer requests on all 21 pages that exist on both sides
Page weight fell on most pages but rose on Empty cart, Cart with one item, Checkout with one item and Login and register
Same routes and screen sizes, tested on 5 November 2026. No orders were placed
Lighthouse 12.8.2: one run on the old store, the median of three on the new build
Page requests and weight come from one browser load. Weight is what the browser reports, so third-party files may count low
The new build was measured on its test address before launch, so live figures can differ
How this project was built and the exact stack running in production.
A deliberately lean plugin set kept to caching, SEO, analytics, and security — the layout and templates are custom-coded, not assembled with a page builder.
The old screenshots were taken on 5 November 2026, before the new build went live on theluxflo.com. Both sides use the same route and the same screen size.
Old
Performance 54, accessibility 83. Largest content 7.5 s, blocking 308 ms, layout shift 0.000. 1,349 KiB across 119 requests.
New
Performance 75, accessibility 91. Largest content 4.9 s, blocking 4 ms, layout shift 0.000. 922 KiB across 39 requests.
Old
Performance 85, accessibility 83. Largest content 1.9 s, blocking 60 ms, layout shift 0.013. 1,932 KiB across 134 requests.
New
Performance 97, accessibility 96. Largest content 1.1 s, blocking 0 ms, layout shift 0.000. 1,054 KiB across 43 requests.
Old
Performance 63, accessibility 85. Largest content 7.6 s, blocking 155 ms, layout shift 0.039. 1,252 KiB across 116 requests.
New
Performance 76, accessibility 92. Largest content 4.5 s, blocking 123 ms, layout shift 0.000. 738 KiB across 36 requests.
Old
Performance 90, accessibility 85. Largest content 1.6 s, blocking 0 ms, layout shift 0.000. 1,284 KiB across 117 requests.
New
Performance 98, accessibility 97. Largest content 1.0 s, blocking 0 ms, layout shift 0.001. 748 KiB across 36 requests.
Old
200 response. 129 requests, 1,574 KB, 33 scripts, 52 stylesheets, 2,397 page elements. No main heading. Phone: 115 requests, 1,039 KB. Demo template text is on the page.
New
200 response. 33 requests, 771 KB, 4 scripts, 2 stylesheets, 2,273 page elements. No main heading. Phone: 28 requests, 661 KB. Demo text removed.
Old
200 response. 86 requests, 597 KB, 30 scripts, 36 stylesheets, 765 page elements. Phone: 85 requests, 675 KB.
New
200 response. 43 requests, 482 KB, 11 scripts, 2 stylesheets, 992 page elements. Phone: 37 requests, 461 KB.
Old
200 response. 86 requests, 582 KB, 30 scripts, 36 stylesheets, 788 page elements. Phone: 85 requests, 710 KB.
New
200 response. 36 requests, 472 KB, 4 scripts, 2 stylesheets, 1,018 page elements. Phone: 32 requests, 475 KB.
Old
200 response. 86 requests, 559 KB, 30 scripts, 36 stylesheets, 792 page elements. Phone: 85 requests, 664 KB.
New
200 response. 36 requests, 496 KB, 4 scripts, 2 stylesheets, 1,022 page elements. Phone: 30 requests, 406 KB.
Old
200 response. 86 requests, 664 KB, 30 scripts, 36 stylesheets, 792 page elements. Phone: 85 requests, 866 KB.
New
200 response. 36 requests, 648 KB, 4 scripts, 2 stylesheets, 1,020 page elements. Phone: 30 requests, 567 KB.
Old
200 response. 86 requests, 613 KB, 30 scripts, 36 stylesheets, 787 page elements. Phone: 85 requests, 711 KB.
New
200 response. 36 requests, 505 KB, 4 scripts, 2 stylesheets, 1,006 page elements. Phone: 32 requests, 461 KB.
Old
200 response. 112 requests, 1,108 KB, 38 scripts, 41 stylesheets, 896 page elements. Phone: 111 requests, 1,100 KB. 2 images have no alt attribute.
New
200 response. 23 requests, 682 KB, 4 scripts, 2 stylesheets, 578 page elements. Phone: 23 requests, 671 KB. All images have an alt attribute.
Old
200 response. 75 requests, 432 KB, 30 scripts, 37 stylesheets, 449 page elements. Phone: 74 requests, 410 KB.
New
200 response. 19 requests, 254 KB, 10 scripts, 2 stylesheets, 379 page elements. Phone: 19 requests, 234 KB.
Old
200 response. 82 requests, 542 KB, 34 scripts, 38 stylesheets, 479 page elements. No main heading. Phone: 81 requests, 521 KB.
New
200 response. 29 requests, 651 KB, 20 scripts, 3 stylesheets, 380 page elements. Phone: 29 requests, 631 KB.
Old
200 response. 84 requests, 587 KB, 32 scripts, 38 stylesheets, 792 page elements. No main heading. Phone: 83 requests, 564 KB. 2 images have no alt attribute.
New
200 response. 31 requests, 675 KB, 20 scripts, 4 stylesheets, 495 page elements. Phone: 31 requests, 669 KB. All images have an alt attribute.
Old
200 response. 97 requests, 700 KB, 41 scripts, 42 stylesheets, 738 page elements. Phone: 96 requests, 678 KB. The main heading in the code reads Privacy Policy.
New
200 response. 41 requests, 737 KB, 26 scripts, 8 stylesheets, 749 page elements. Phone: 41 requests, 717 KB. The main heading reads Checkout. Payment methods are off on the test address.
Old
200 response. 78 requests, 503 KB, 32 scripts, 38 stylesheets, 498 page elements. No main heading. Phone: 77 requests, 482 KB.
New
200 response. 29 requests, 907 KB, 18 scripts, 4 stylesheets, 478 page elements. Phone: 29 requests, 887 KB.
Old
200 response. 75 requests, 432 KB, 30 scripts, 37 stylesheets, 454 page elements. No main heading. Phone: 74 requests, 410 KB.
New
200 response. 12 requests, 238 KB, 4 scripts, 2 stylesheets, 380 page elements. Phone: 12 requests, 217 KB.
Old
200 response. 82 requests, 698 KB, 30 scripts, 40 stylesheets, 560 page elements. Phone: 80 requests, 648 KB. 3 images fail to load. Demo template text is on the page.
New
200 response. 18 requests, 687 KB, 4 scripts, 2 stylesheets, 468 page elements. Phone: 17 requests, 563 KB. No failed images. Real photos of the shop.
Old
200 response. 87 requests, 476 KB, 38 scripts, 40 stylesheets, 524 page elements. No main heading. Phone: 86 requests, 455 KB.
New
200 response. 13 requests, 276 KB, 4 scripts, 2 stylesheets, 417 page elements. Phone: 13 requests, 256 KB.
Old
200 response. 78 requests, 444 KB, 31 scripts, 38 stylesheets, 581 page elements. No main heading. Phone: 77 requests, 423 KB. Page source names delivery areas in New York.
New
200 response. 12 requests, 235 KB, 4 scripts, 2 stylesheets, 407 page elements. Phone: 12 requests, 215 KB. Answers written for Luxflo in Qatar.
Old
200 response. 75 requests, 432 KB, 30 scripts, 37 stylesheets, 448 page elements. No main heading. Phone: 74 requests, 411 KB.
New
200 response. 12 requests, 234 KB, 4 scripts, 2 stylesheets, 359 page elements. Phone: 12 requests, 214 KB.
Old
200 response. 76 requests, 436 KB, 30 scripts, 38 stylesheets, 508 page elements. Phone: 75 requests, 414 KB. Demo template brand name is on the page.
New
200 response. 12 requests, 239 KB, 4 scripts, 2 stylesheets, 564 page elements. Phone: 12 requests, 219 KB. Rewritten for Luxflo. Business details await client confirmation.
Old
200 response. 74 requests, 447 KB, 30 scripts, 36 stylesheets, 427 page elements. Phone: 73 requests, 426 KB. The page has a heading and no terms.
New
200 response. 12 requests, 238 KB, 4 scripts, 2 stylesheets, 492 page elements. Phone: 12 requests, 218 KB. Full terms written. Business details await client confirmation.
Old
200 response. 76 requests, 433 KB, 30 scripts, 38 stylesheets, 478 page elements. Phone: 75 requests, 412 KB.
New
200 response. 12 requests, 236 KB, 4 scripts, 2 stylesheets, 560 page elements. Phone: 12 requests, 216 KB. Rewritten around the cookies the store actually uses.
Old
404 response. 74 requests, 447 KB, 30 scripts, 36 stylesheets, 422 page elements. No main heading. Phone: 73 requests, 425 KB.
New
404 response. 12 requests, 234 KB, 4 scripts, 2 stylesheets, 355 page elements. Phone: 12 requests, 213 KB.
Old
404 response. The page did not exist.
New
200 response. 13 requests, 238 KB. Address, directions and map.
Old
404 response. The page did not exist.
New
200 response. 12 requests, 237 KB. Written for Luxflo. Business details await client confirmation.
Old
404 response. The page did not exist.
New
200 response. 12 requests, 236 KB. Written for Luxflo. Business details await client confirmation.
Old
404 response. The page did not exist.
New
200 response. 12 requests, 236 KB. Product, photo and allergen wording.
Old
200 response. 88 requests, 704 KB. 3 images fail to load. Text comes from the demo template.
New
Demo page not carried over.
Old
200 response. 88 requests, 648 KB. 3 images fail to load. Text comes from the demo template.
New
Demo page not carried over.
The first screen of the homepage on a 1440 by 900 desktop.
Two header rows with a search bar, then a row of category circles, then a red rose banner with a small message.
A one-row header and a full-width bouquet photo carrying one headline and one button.
The first screen now gives one message and one next step.
Shoppers see the product style first and the navigation second.
Further down the homepage, where browsing starts.
A green offer banner and a search by flowers strip sit above product cards with a small Add to cart button.
Explore Unique Gift Ideas shows six categories as cut-out product art, followed by a Pure Sweetness product row.
Categories are picked by looking at the product, not by reading a filter strip.
The section helps a shopper who has not yet decided what to buy.
Product rows lower on the homepage.
Four product photos per row with the price and a small Read more or Add to cart link.
Each card has the price, sale badge, wishlist heart, Add to cart and Buy now.
Buy now sits on the card, so a shopper does not need to open the product page first.
Shoppers can go straight to checkout from the homepage.
The same search for rose on both sides.
A heading, an explanation line, a filter bar and a row of sort links come before the first result.
Results start near the top with sidebar filters, and the page states how many products matched.
Requests fell from 86 to 43 and the products moved up the screen.
Someone who searched already knows what they want, so results come first.
All products, first screen.
A heading, intro line, filter bar and sort links fill the top half of the screen. Sort options appear as separate links.
Sort, price and category filters sit in a sidebar, with the product count beside the heading.
Requests fell from 86 to 36, and the products start higher on the screen.
A catalogue of 974 products needs filtering that does not take space from the products.
The same category on both sides.
The same filter bar layout as the shop, with products starting in the lower half of the screen.
Sidebar filters beside three-across product cards, each with Add to cart and Buy now.
Every category now uses one layout, so shoppers only learn it once.
Repeating one clear pattern across categories keeps the store easy to use.
The same category and the same products on both sides.
Filters sit in a bar above the results, which pushes the first products down the screen.
The first product row is fully visible on the first screen, beside the filters.
Products start higher on the screen, and filters stay beside the results.
Bouquets is one of the main routes into the store, so it should show bouquets straight away.
The same category on both sides.
Product photos sit at the bottom of the first screen under the filter bar.
Product cards use one square photo frame, so different photo shapes line up.
The grid stays even whatever shape the original photo was.
The theme handles photo shape, so staff do not need to crop every upload.
The same product on both sides. All the new page content shown here fits one desktop screen.
One photo is visible, with the price, description and a single Add to cart button.
Thumbnails sit in a rail on the left. Price, quantity, Add to cart, Buy now, WhatsApp ordering and delivery notes sit beside the photo.
Shoppers can look through the photos and choose how to order without scrolling. Requests fell from 112 to 23.
The buying decision now happens on one screen.
What a shopper sees after scrolling past the photo.
A Complete your gift row with four product cards and small Add to cart links.
The description and reviews tabs lead into a Related products row, with Add to cart and Buy now on each card.
Reviews now require a login and wait for approval, and a filter rejects links and advertising.
Reviews stay useful because spam does not reach the page.
The old side shows its empty state because we added nothing to the live store. The new side shows one saved product.
An empty list with an icon and a Start shopping button, using the plugin default layout.
Saved products use the same cards as the shop, with Add to cart and Buy now, and the header shows a saved count.
A saved product can now be bought straight from the list. Requests fell from 75 to 19.
The wishlist works inside the theme, with no separate wishlist plugin.
The same product in the cart on both sides.
A progress strip sits above a wide table. Cart totals sit below it, so the checkout button starts low on the screen.
The item sits on the left and the totals panel on the right, with Proceed to checkout on the first screen.
Requests fell from 84 to 31, and the next step is visible without scrolling. Page weight rose from 587 KB to 675 KB.
The next step is now always in view.
A small state that is easy to forget.
A progress strip for an order that has not started, a notice and a button, with no main heading.
A Cart heading, one notice and a Return to shop button.
Removed the progress steps that had no meaning for an empty cart.
Even empty states now follow the store design.
Checkout with one item, before any details are entered. No orders were placed.
A progress strip and two wide columns of plain fields. The only main heading in the page code reads Privacy Policy.
Fields sit in cards, with the login and coupon options as notices above them and an optional add-on link. The order panel stays beside the form.
The total stays in view while the shopper fills in the form. Requests fell from 97 to 41. Page weight rose from 700 KB to 737 KB.
The shopper can see the amount owed the whole way through.
What a logged-out visitor sees at My account.
Login and register forms sit side by side in default WooCommerce styling, with no main heading.
One panel holds Log in and Create account tabs, beside a photo that lists what an account gives the shopper.
A new visitor sees one form at a time and a reason to sign up. Page weight rose from 503 KB to 907 KB because of the larger photo, which is a known item for the speed pass.
The account page now matches the rest of the store.
Where a customer checks an order without logging in.
A centred form under a heading with very small help text, and no main heading in the page code.
The form sits in a card under a clear heading, with a WhatsApp link for anyone who cannot find their order number.
Customers with a missing order number now have somewhere to go. Requests fell from 75 to 12.
A delivery question can be answered before it becomes a support call.
The first screen of the About page.
The heading is followed by mostly empty space. Three images fail to load and demo template text remains on the page.
A real photo of the shop sits beside the Luxflo story, and the rest of the page follows one grid.
Visitors now see the actual shop as soon as the page opens. Requests fell from 82 to 18.
Real photos do more for trust here than decoration could.
One screen further down the About page.
A centred text block, then a Who We Are heading with very small text under it.
The vision statement has its own band, followed by a Signature Services section and photo rows.
The story now reads in a clear order, with one idea per section.
The page explains what makes the business different.
The first screen of the contact page.
The contact heading starts halfway down the screen, and the page has no main heading in its code.
Phone, WhatsApp, email and pickup address appear at the top, with the form below them.
Requests fell from 87 to 13, and a shopper can call without scrolling.
The phone number now comes before the form.
The form on both sides.
Plain fields on a white page, with a Submit button that blends into the layout.
Fields sit in a warm card with a clear Submit button. Entries also reach the new staff inbox.
Each enquiry now lands in one place where staff can search, reply or export it.
A form is only useful if someone can act on what it sends.
The first screen of the FAQ page.
Questions sit in long plain lists, and the page source still names delivery areas in New York from a demo template.
Questions on same-day delivery, delivery cost, collection, message cards, accounts and payment open one at a time.
The answers now describe how Luxflo actually works in Qatar. Requests fell from 78 to 12.
Wrong delivery details are a real cost, not only a design problem.
One screen further down the FAQ page.
More plain question lists with large gaps between groups, and the answers stay closed.
The list ends after a short set of real questions, followed directly by the footer.
Fewer, more accurate questions take less scrolling.
Shorter is better when every answer is real.
The blog page before any articles are published.
A green notice that no articles are available, repeated lower on the page, with no main heading.
A clear empty state with a link back into the shop.
A visitor who lands here now has a next step. Requests fell from 75 to 12.
An empty page should still lead somewhere.
The cookie policy shows the layout used for every text page.
A centred heading above full-width text at a small size, which makes for long lines.
A breadcrumb, a last updated date, an On this page list and a narrower reading column.
Long policy text is now easier to read and to jump around in.
Every text page shares one layout.
A mistyped address on both sides.
Default template wording in small text with a search box, and no main heading.
A Page not found heading, a plain message and a search box, above the normal footer.
A lost visitor can search the store straight away. Requests fell from 74 to 12.
Even a wrong address stays inside the store.
Inner-page captures show the service, content, product, and lead flows beyond the homepage.
A one-row header and a full-width bouquet photo carrying one headline and one button.
A one-row header and a full-width bouquet photo carrying one headline and one button.
Explore Unique Gift Ideas shows six categories as cut-out product art, followed by a Pure Sweetness product row.
Explore Unique Gift Ideas shows six categories as cut-out product art, followed by a Pure Sweetness product row.
Each card has the price, sale badge, wishlist heart, Add to cart and Buy now.
Each card has the price, sale badge, wishlist heart, Add to cart and Buy now.
Results start near the top with sidebar filters, and the page states how many products matched.
Results start near the top with sidebar filters, and the page states how many products matched.
Sort, price and category filters sit in a sidebar, with the product count beside the heading.
Sort, price and category filters sit in a sidebar, with the product count beside the heading.
Sidebar filters beside three-across product cards, each with Add to cart and Buy now.
Sidebar filters beside three-across product cards, each with Add to cart and Buy now.
The first product row is fully visible on the first screen, beside the filters.
The first product row is fully visible on the first screen, beside the filters.
Product cards use one square photo frame, so different photo shapes line up.
Product cards use one square photo frame, so different photo shapes line up.
Thumbnails sit in a rail on the left. Price, quantity, Add to cart, Buy now, WhatsApp ordering and delivery notes sit beside the photo.
Thumbnails sit in a rail on the left. Price, quantity, Add to cart, Buy now, WhatsApp ordering and delivery notes sit beside the photo.
The description and reviews tabs lead into a Related products row, with Add to cart and Buy now on each card.
The description and reviews tabs lead into a Related products row, with Add to cart and Buy now on each card.
Saved products use the same cards as the shop, with Add to cart and Buy now, and the header shows a saved count.
Saved products use the same cards as the shop, with Add to cart and Buy now, and the header shows a saved count.
The item sits on the left and the totals panel on the right, with Proceed to checkout on the first screen.
The item sits on the left and the totals panel on the right, with Proceed to checkout on the first screen.
A Cart heading, one notice and a Return to shop button.
A Cart heading, one notice and a Return to shop button.
Fields sit in cards, with the login and coupon options as notices above them and an optional add-on link. The order panel stays beside the form.
Fields sit in cards, with the login and coupon options as notices above them and an optional add-on link. The order panel stays beside the form.
One panel holds Log in and Create account tabs, beside a photo that lists what an account gives the shopper.
One panel holds Log in and Create account tabs, beside a photo that lists what an account gives the shopper.
The form sits in a card under a clear heading, with a WhatsApp link for anyone who cannot find their order number.
The form sits in a card under a clear heading, with a WhatsApp link for anyone who cannot find their order number.
A real photo of the shop sits beside the Luxflo story, and the rest of the page follows one grid.
A real photo of the shop sits beside the Luxflo story, and the rest of the page follows one grid.
The vision statement has its own band, followed by a Signature Services section and photo rows.
The vision statement has its own band, followed by a Signature Services section and photo rows.
Phone, WhatsApp, email and pickup address appear at the top, with the form below them.
Phone, WhatsApp, email and pickup address appear at the top, with the form below them.
Fields sit in a warm card with a clear Submit button. Entries also reach the new staff inbox.
Fields sit in a warm card with a clear Submit button. Entries also reach the new staff inbox.
Questions on same-day delivery, delivery cost, collection, message cards, accounts and payment open one at a time.
Questions on same-day delivery, delivery cost, collection, message cards, accounts and payment open one at a time.
The list ends after a short set of real questions, followed directly by the footer.
The list ends after a short set of real questions, followed directly by the footer.
A clear empty state with a link back into the shop.
A clear empty state with a link back into the shop.
A breadcrumb, a last updated date, an On this page list and a narrower reading column.
A breadcrumb, a last updated date, an On this page list and a narrower reading column.
A Page not found heading, a plain message and a search box, above the normal footer.
A Page not found heading, a plain message and a search box, above the normal footer.
Multiple desktop captures show the project structure beyond the first hero screenshot.
Large category list with product art, popular occasions, and quick links.
Large category list with product art, popular occasions, and quick links.
Search opens over the page from any screen.
Search opens over the page from any screen.
The English and Arabic switch, using GTranslate, with the page mirrored for right-to-left reading.
The English and Arabic switch, using GTranslate, with the page mirrored for right-to-left reading.
The second tab of the account panel.
The second tab of the account panel.
A new page with the shop address, directions, call and WhatsApp buttons, and a map. It did not exist on the old store.
A new page with the shop address, directions, call and WhatsApp buttons, and a map. It did not exist on the old store.
The end of checkout with gift message, delivery notes and the terms tick box.
The end of checkout with gift message, delivery notes and the terms tick box.
Product rows followed by occasion shortcuts.
Product rows followed by occasion shortcuts.
Further product rows on the homepage.
Further product rows on the homepage.
Store address, contact details and full link lists.
Store address, contact details and full link lists.
One of the new text pages added to the store.
One of the new text pages added to the store.
Mobile captures are included so the project can be checked from a phone-first view.
Homepage on the new build at phone size.
Homepage on the new build at phone size.
Homepage on the old store at the same size.
Homepage on the old store at the same size.
Shop on the new build at phone size.
Shop on the new build at phone size.
Shop on the old store at the same size.
Shop on the old store at the same size.
Product page on the new build at phone size.
Product page on the new build at phone size.
Product page on the old store at the same size.
Product page on the old store at the same size.
Wishlist on the new build at phone size.
Wishlist on the new build at phone size.
Wishlist on the old store at the same size.
Wishlist on the old store at the same size.
Cart on the new build at phone size.
Cart on the new build at phone size.
Cart on the old store at the same size.
Cart on the old store at the same size.
Checkout on the new build at phone size.
Checkout on the new build at phone size.
Checkout on the old store at the same size.
Checkout on the old store at the same size.
Login on the new build at phone size.
Login on the new build at phone size.
Login on the old store at the same size.
Login on the old store at the same size.
About on the new build at phone size.
About on the new build at phone size.
About on the old store at the same size.
About on the old store at the same size.
Contact on the new build at phone size.
Contact on the new build at phone size.
Contact on the old store at the same size.
Contact on the old store at the same size.
FAQ on the new build at phone size.
FAQ on the new build at phone size.
FAQ on the old store at the same size.
FAQ on the old store at the same size.
The full menu on a phone.
The full menu on a phone.
The Arabic version on a phone.
The Arabic version on a phone.
Directions, call and WhatsApp buttons on a phone.
Directions, call and WhatsApp buttons on a phone.
Online now
