Macrotech24 – a construction contractor from Warsaw.
A company that builds facades and finishes buildings for large developments had, for a long time, nothing online but a card with its contact details. The website grew in two steps: first a one-pager with every key section, then a full site with subpages, a separate page for each project and a proper photo gallery.
STARTING POINT
From a contact card to a one-pager
For a long time the company’s address showed a single screen with its basic details. Writing a content management system for one page made little sense, so in May 2026 a one-pager went live with every key section: services, projects, about, contact. Far better than a contact card – but project photos opened in overlays, with no gallery and no way to zoom in.
The goal: projects worth looking at
In construction, site photos sell best. Each development was to get its own page with a description and a gallery, while the whole site kept the look the client already knew and liked. Along the way: moving the site and email to a new, faster server.
WHAT WAS DONE
Same character, more room
The dark graphite palette with an amber accent from the one-pager stayed exactly as it was. The architecture changed: instead of one long page, separate pages for services, the company, projects and contact.
Every project on its own page
Twelve developments, each with a description, a fact card and links to the previous and next one. The home page shows a selection, the list shows them all. A new project is one file and a folder of photos.
A proper gallery
Site photos open in a full-screen view with zoom and navigation by arrow keys or swipe. The system prepares smaller WebP versions on its own, so the gallery never slows the site down.
Code without the baggage
The same lightweight in-house system as in my other projects – no database and no plugins to keep updating. Fewer failures, fast loading and peace of mind for years.
SEO without lost links
Old links to the one-pager’s sections lead to the right pages, plus a sitemap, company structured data and descriptions written for Google. The site is registered in Search Console, with Google Analytics running only after the visitor consents.
Site and email moved
The site, domain and company mailboxes moved to a new server with a free SSL certificate. All existing mail was copied over and the switch happened in a single morning. The old mailbox stays as a backup.
DETAILS THAT MAKE THE DIFFERENCE
A few things a visitor probably won’t name, but will certainly feel:
A welcome screen only on arrival
An animated logo greets a visitor coming from outside – from Google or a link. Moving between pages it no longer shows, so it never gets in the way of browsing.
Numbers that count up
Years of experience and the number of projects count up before the visitor’s eyes, and sections fade in smoothly on scroll. It all switches off by itself when the user has reduced motion enabled.
A form without a captcha
Spam protection works in the background, with no captcha and no third-party service. The form accepts an email or just a phone number – people in construction often simply prefer a call back.
TECHNOLOGIES USED
- PHP
- JavaScript
- HTML5
- CSS3
- WebP
- SSL
SPEED, ACCORDING TO GOOGLE
The home page’s Google PageSpeed Insights scores speak for themselves:
Score for the mobile version – Google rates sites primarily on mobile. On desktop, all four categories score 100/100.
