06 / 08Travel booking
Wexentra.
Pick a place off a 3D globe, choose a stay, pick your dates and book the trip.
The idea
A travel company that sells trips its own team has been on. They want people to fall for a place first and book the whole stay in one go.
What's inside
A 3D globe with 10 destinations, a page for each with when to go and where to stay, hotel pages with rooms and a date calendar that updates the price, and a My trips page where the booking shows up.
- Pages
- 4
- Destinations
- 10
- Typical timeline
- About 1 week
Things to try
- 01
3D globe
Spin the world; the chosen place turns to face you and opens in a press.
- 02
Destinations
When to go, how to get there and where to stay, filtered and sorted.
- 03
Booking calendar
Choose check in and check out on a calendar; the price follows.
- 04
My trips
Every booking with its dates, stay and itinerary.
How the demo is built
4 layers, from the screens people use down to the servers. Scroll and the demo comes apart into them.
- 01InterfaceThe screens people see and tap.
- 02ComponentsButtons, cards and forms, built once and reused across the site.
- 03DataContent, prices and bookings, kept in one place.
- 04ServersHosting, payments and the services that keep it running.
A typical travel agency site.
On the left, offers in a table with prices from, a request form and payment by bank transfer. On the right, our booking demo.
Typical
- Offers in a table, prices from
- Book by filling in a request form
- An answer within 48 working hours
- Pay by bank transfer
Our demo
- Explore places on a 3D globe
- Real stays, rooms and availability
- Dates picked on a calendar
- Booked and confirmed in one go
Try it
This is the working demo. Click around.
What we'd build it on
- Next.js
- TypeScript
- React Three Fiber
- Stripe
- Algolia
Next demoWexentra.