Steven Foley Decorator: Lovable Prototype To A WordPress Site For A Dundee Painter

The Challenge

This Lovable to WordPress conversion was for a one-man business that needed a site he could keep up to date himself. Steven Foley is a painter and decorator in Dundee with more than 35 years in the trade. He quotes, prices and does the work himself, covering Dundee, Fife, Broughty Ferry, Angus and Perthshire.

The redesign started as a Lovable prototype, which made it quick to agree the look and the wording. A Lovable app is a hosted web app, though. Adding gallery photos after each job or changing a line of text means going back into the builder or the code. For a tradesman who wants to post new work regularly, that is the wrong tool for the finished site.

What We Built

We used the Lovable prototype as the design reference and rebuilt the full site in WordPress with Elementor.

• Five pages — Home, Services, About Us, Gallery and Contact.
• Hero with two clear actions — Get a Free Quote and View Our Work, so a visitor can either enquire or check the standard of work first.
• Why Choose Us — four short points on personal service, full attention on one job at a time, trade prices and five-star reviews.
• Services grid — interior and exterior painting, wallpaper and mural hanging, period property renovation, cornice and coving work, and new builds and commercial jobs.
• Customer reviews — testimonials on the homepage, backed by the Google review count.
• Gallery — a page of finished projects that can be added to from the WordPress media library.
• Contact routes — phone, email and Facebook links in the top bar, a Call Now button, and a contact page for quote requests.

Most people looking for a decorator want three things quickly: proof of the work, a sense of who will turn up, and an easy way to ask for a price. The page order follows that.

The About Us page explains how he works: one job at a time, with the same person quoting and painting. The Services page goes into each type of work, including the period property renovation that has been his main focus for the last ten years.

How The Lovable To WordPress Conversion Worked

The work followed the same four steps as every project in our Lovable to WordPress service.

1. Prototype audit — we listed every page, section and button in the Lovable prototype.
2. Structure plan — we mapped each section to an Elementor layout and set up the header, footer and quote call-to-action as reusable parts.
3. Rebuild — we built the five pages in Elementor and matched the prototype’s spacing, type and colours, then made each section responsive.
4. QA and launch — we tested on phones, tablets and desktops before the site went live on the business’s own domain.

A Lovable to WordPress conversion like this keeps the approved design and hands the owner a site he can edit without a developer.

Design

The live site keeps the prototype’s structure and tone: a strong hero, short reasons to choose the business, then services and reviews. Photography of finished rooms does most of the selling, so image sections were given space rather than crowded with text.

We also checked the details a prototype tends to gloss over: how the hero crops on a narrow phone, how the services grid reflows from several columns to one, and how gallery images load on a slow connection. Fixing these is what makes the design hold up on the phones most customers will actually use.

SEO

Each page has its own title and description, a clear heading structure, and Open Graph and Twitter Card data for sharing. The homepage and service copy name the areas covered, which matters for local searches. Getting this structure in place is a core part of any Lovable to WordPress conversion, because a prototype rarely has it.