Redesign · Next.js · conversion · NDA / NDA project
A travel agency offer page that leads straight to an enquiry, without losing Google rankings
Context
The agency's clients are mostly people aged 45–70, often travelling as a couple, who want to talk to an advisor before booking. On the old site the price and the enquiry button were far down the page, descriptions were long, and videos loaded on old players. Every offer was a separate, hand-assembled subpage.
The challenge
Shorten the way from an ad or Google visit to a sent enquiry, answer on the page the questions clients usually phone about, and do it without changing the URLs the agency has been collecting traffic on for years.
Scope
What I did
- 01I moved the offer to Next.js as a pilot for hundreds more: one offer is one set of data, and the page and the sitemap are generated automatically.
- 02I designed the path to the enquiry: price, button and hotel comparison right on the first screen, a price panel that follows while scrolling, and on mobile the enquiry and call buttons always under the thumb.
- 03I built a price calculator: hotel, length of stay and party (adults and children), with the single-room supplement and the tourist tax shown separately.
- 04I kept the old URLs 1:1, added structured data and prepared two visual variants for the client to choose from.
Key decisions
Key decisions
- 01
Price and decision on the first screen
Anyone arriving from an ad or Google sees the price per person, the “Ask about dates” button and the hotel comparison straight away. They don't have to scroll through photos to find out whether the offer fits the budget.
- 02
3★ or 4★: the answer in one table
The most common question, which hotel to choose, is answered on the page: price, distance to the spa, walking in a bathrobe, saunas. The “I choose 3★” or “I choose 4★” button carries the choice straight into the form.
- 03
The choice goes into the form by itself
Clicking a hotel or a date enters it into the enquiry. The client doesn't type anything twice, and the agency gets a specific enquiry instead of a generic “please send me an offer”.
- 04
Contact the way the client prefers
A call back, an offer by email, or WhatsApp. Only the field for the chosen contact method is required, so anyone who prefers to write doesn't have to leave a phone number.
- 05
Trust next to the offer, not in a separate tab
Reviews, certificates, the advisor and the booking described step by step (an enquiry costs nothing, payment only after the contract) are on the same page, at the moment the client makes the decision.
- 06
A reason to decide today
Next to the price, the −2% discount for booking more than 35 days before departure is highlighted: the only discount you can react to right away.
- 07
Faster, and without losing Google
The old URLs stayed unchanged, the trip, price and reviews are described with structured data, and videos and the map load only on demand. The map works without a cookie banner.
Evidence
Results
- 01
An offer page where the price, hotel comparison and enquiry are within reach at every point of scrolling, on mobile too.
- 02
Enquiries arrive already with the chosen hotel, date and preferred contact method.
- 03
A template where further offers are added as data, with URLs and structured data preserved.
Stack
- Next.js
- TypeScript
- JSON-LD
- OpenStreetMap
Services used
Have a similar project? Tell me what you're trying to build and I'll reply, usually within 2 hours.