Designing and building the website of a new joinery business, from wireframes to launch
An end-to-end website for ProAluPVC, a new business selling and installing PVC, aluminium and wood windows and doors — designed in Figma and built in WordPress to turn offline visibility into quote requests. Live since January 2026.
The Challenge
ProAluPVC is a new local business selling and installing windows, doors and sliding doors from major brands, with a showroom in the south of France. Having already designed its logo, I was asked to create its first website.
The business relied on offline visibility — business cards and advertising on its vehicles — to find customers. The website had to be where that visibility turned into contact.
Project goals:
- Give a brand-new business a credible online presence
- Showcase the full product range in one place
- Turn visitors from offline touchpoints into quote requests
- Make the site simple for the client to keep up to date
The challenge was to build trust quickly for a business with no online history, and make it easy to get in touch.
My Approach
As the only person on the project, I handled it end to end: understanding the business, structuring the content, designing the interface and building the website.
1. Understanding the Business & Its Visitors
I started from how customers would actually discover the site, and looked at several French window and door sellers' websites to see how the sector presents its offer.
Key insights:
- Most visitors arrive from a business card or a vehicle, with no prior knowledge of the company
- Many of them are likely to open the site on their phone
- Customers are mainly homeowners, including renovation projects, as well as professionals
- A new business has no reviews or track record to rely on
These insights shaped a simple site focused on reassurance and direct contact.
2. Information Architecture
The structure was kept deliberately simple, so visitors understand the offer at a glance.
Site structure:
- Home — offer, showroom, materials, brands and featured products
- Catalogue — the full product range
- Contact — quote request form and showroom location
Every key section leads to the same goal: requesting a quote.
3. Building Trust for a New Business
Without history or customer reviews, credibility had to come from elsewhere.
Trust signals:
- Major brands chosen by the client for their reputation (Schüco, Reynaers, Aluprof…)
- A physical showroom, presented early on the homepage
- Clear materials and product information
- A visible address and map
Highlighting recognised brands let the business borrow their credibility from day one.
4. Wireframes & UI Design
I designed the wireframes in Figma before building, then refined the interface into a clean, product-focused look.
(Wireframes of the Homepage (top), Catalogue (left) and product (right) pages.)
Design principles:
- A clear call to action — “Request a quote” — repeated throughout the page
- Product-focused layouts with simple material icons
- Responsive layouts, checked carefully on mobile
- A visual identity consistent with the logo I had previously designed
The goal was a site that feels simple and trustworthy, whatever the device.
5. WordPress Development
I built the website in WordPress with the Astra theme and a custom child theme, keeping it lightweight and easy to maintain.
Key considerations:
- Content and photos provided by the client
- A structure the client can update and extend on his own
- A quote request form and an embedded map for direct contact
Keeping the build simple made the site quick to deliver and easy for the client to own.
Launch & Next Steps
The first version went live in January 2026. A second iteration is planned with the client to fix remaining issues and improve the experience based on its first months of use.
Outcome
ProAluPVC now has a credible website that supports its offline communication: every business card and vehicle points to a site presenting the full range and inviting visitors to request a quote.
Key improvements
- A first online presence for a new business
- The full product range showcased in one place
- Trust built through recognised brands and a physical showroom
- Clear, repeated quote request entry points
- Responsive design for visitors on the go
- A site the client can keep up to date himself
1 / 4
Key Learnings
Working end to end — from wireframes to development — gave me full ownership of the product, and showed me how design decisions play out once they are built.
Designing for a small business meant focusing on what matters most: trust and conversion, rather than feature richness.
It also reminded me that a website is never finished: the first version is a starting point, to be improved with real use.