Photos first, then the price, and the order last
We fit everything on a single landing page and arranged the sections in the order a visitor makes the decision. We got to this layout in a few steps. We started with workshops with Michał, where we discussed the site's goals, his needs and the target audience. Then we went through three stages:
- Initial prototype
Based on what we agreed in the workshops, we prepared a prototype of the site and only then built the visual design on top of it. - Visual design in Michał's style
We kept the mockups in the style Michał chose: minimalist, with slightly rounded corners and muted colors. White and beige accents don't pull attention away from the photos. - Launch with a panel for managing the price list
We built the site in Astro, with the gallery, price list and order window as React components. The price list and order handling run on WordPress, where Michał changes the prices himself.
Past work is visible from the first section
The page opens with two rows of photos sliding in opposite directions: interiors, houses from a drone's eye view, commercial premises. Below, each service has its own section with a photo or an embedded 3D tour and three bullet points, for example about the equipment or the drone operator license.
The gallery has the same categories as the offer
The tabs Interiors, Exteriors, Drone, For businesses and 3D tour mirror the structure of the offer, so visitors go straight to photos from the service they're looking for. A real estate agent interested in drone shots doesn't have to scroll past bedroom photos.
Visitors build their own package and see the price right away
The price list has four packages by floor area, from a studio apartment to houses over 100 m². In each one you can tick add-ons: drone photos, a virtual tour and 24-hour delivery. The Order button opens a window where the total grows with every add-on. To send an order, all you need to enter is a phone number and email. Michał gets an email with the selected package, add-ons and amount, so he knows right away what the job is about.
The phone number is within reach across the whole page
The number sits in a sticky header that stays at the top of the screen while scrolling, and comes back four more times in the content, usually next to the Pricing button. On a smartphone, one tap is enough to call. Businesses looking for an ongoing partnership have a separate section below the price list with a phone number and email.
