Product screens 06
- 01 Home
- 02 Projects
- 03 Project page
- 04 Services and prices per m²
- 05 Guarantees and contract
- 06 Estimate request
A construction company website where a client sees finished projects from start to handover, understands the price range and contract terms, and leaves a request that already has the floor area and type of work.
- Whole projects Stages, timelines and before / after photos — the client sees the process, not just the final shot.
- Price guide Price per m² and scope of work for each service, without «price after inspection» at every step.
- Guarantees and contract The warranty period, staged payment and what the contract covers — before the first meeting.
- A request with data Floor area, type of work and photos in one form — the estimate starts without follow-up questions.
Clients chose a contractor from social media photos and friends’ advice, while the company website was a page with a phone number. Finished projects were never shown in full, and guarantees and the contract had to be explained at a meeting. Requests came without floor area or type of work, so each one needed a clarifying call.
We built a site that shows the work, not promises. Every project has its own page with stages, timelines and before / after photos. Services got a price per m² guide and a scope of work. Guarantees, the contract and staged payment are described separately. The request form asks for floor area, type of work and photos up front, so the estimate can start without an extra call.
-
Before Contractors are chosen from social media photos; finished projects are never shown in full.
After Every project is a page with stages, timelines and before / after photos.
-
Before Guarantees and the contract were explained only at a meeting.
After Guarantees, contract and staged payment are described on the site.
-
Before Requests arrive without floor area or type of work, so each needs a call.
After The form asks for floor area, type of work and site photos up front.
03 · The client’s path
How a person moves through the product, from the first step to the result the business needs.
-
Looks at projects
Stages, timelines and before / after photos — the process, not just the final shot.
-
Understands the price
A price per m² guide and the scope of each service.
-
Reads the terms
Warranty period, staged payment and what the contract covers.
-
Sends a request
Floor area, type of work and photos in one form.
04 · What is inside the project
-
Project pages with stages, timelines and before / after photos
-
Services with a price per m² guide and scope of work
-
Guarantees, contract and staged payment on a separate page
-
Estimate request: floor area, type of work, site photos
-
An estimated cost calculator: type of work, area, condition and finish level
-
Requests to Telegram and the CRM with area, address and photos
Within 2–3 months, 30–50% of requests arrive with area and photos, unnecessary measuring visits roughly halve, and “how much per metre” calls drop noticeably thanks to the calculator. A guideline, not a promise.
05 · Architecture
How the product is put together: from what the user sees to the data and services behind it.
- User Opens the site on a phone or a computer
- Interface What a person sees and taps
- Astro
- GSAP
- Data & integrations Where the data lives and what the product talks to
- Sanity
06 · How a project like this is built
Total: 4–6 weeks- Brief & research Goals, audience, page structure and what the product must do
- UX/UI design Prototype, design of the key screens and the mobile version
- Development Front end, CMS, integrations and animation
- QA & launch Device testing, speed, SEO groundwork and launch
Typical phase split for a project of this size
07 · Services in this project
Solutions for a specific job
Ready-made scenarios for your case — with examples and indicative pricing.
- E-commerce · marketplaces Marketplace development, turnkey See the solution
- CRM · wholesale & B2B A CRM for wholesale: the deal run from enquiry to payment See the solution
- Websites · hospitality A website for a hotel that takes bookings around the clock See the solution
- E-commerce · beauty A cosmetics store that carries the buyer to checkout See the solution
- CRM · logistics A CRM for logistics: cargo tracking that ends the “where is my shipment” calls See the solution
- Websites · finance A website for fintech and investment firms: trust and stability See the solution
- Site-card · legal services A lawyer’s site-card that shows the specialisation See the solution
- Landing · auto service A landing page for an auto shop that fills the schedule See the solution
- Websites · healthcare and dental A clinic website: booking a doctor without a call See the solution
- Websites · beauty salons A beauty salon website where clients book themselves See the solution
- Websites · restaurants and cafés Restaurant website: menu, table booking and banquets See the solution
- Websites · online schools and courses Online school website: courses, syllabus and cohort sign-up See the solution
- Websites · psychologists and therapists A psychologist website: clients book without hesitating See the solution
- Websites · real estate agencies Website and CRM for a real estate agency See the solution
- Websites · construction and renovation Construction company website: projects, calculator and quotes See the solution
- Websites · travel agencies Travel agency website: tour search, last-minute deals and matching See the solution
- Websites · cleaning Cleaning company website: price, time and payment without a call See the solution
- Websites · barbershops Barbershop website: book your barber without calls or DMs See the solution
- Websites · kindergartens Private kindergarten website: parents see prices and book a tour See the solution
- Websites · driving schools Driving school website: the course price before a call and online group sign-up See the solution
