All notes

Let travelers pick their bed before they get off the bus

A hostel website built for direct bookings: 360° rooms, picking your bed in a 3D dorm and getting there on a 3D map.

ExampleHostels2 min read

hostels.themariscal.com on a desktop screen
hostels.themariscal.com on a phone
Open the live demoStart a project

It's a demo with a made-up business: the names, photos and prices are placeholders.

Who it's for

  • Hostels that rely on booking platforms and their commission.
  • Owners who want to show real rooms and beds, not catalog photos.
  • Hostels with volunteering, breakfast or activities that nobody gets to see online.

What's inside

  • Rooms and common areas in 360°, with a guided tour too
  • Booking inside a 3D dorm: free beds pulse and yours turns gold
  • A globe and a 3D map from your city, the bus station, the ferry port or the airport
  • A trip planned by AI (simulated in the demo, and it says so) and a bar crawl with every drink in 3D
  • Breakfast in 3D and the volunteering scale: shifts on one side, perks on the other

Kampanel is a sample hostel in Varoš, Split, named after the bell tower of St. Domnius. The hostel isn't real, but the city, the ways to get there and the food are. It's our demo for hostels.

How travelers book today

On their phone, on a bus or at an airport, on a platform showing them dozens of hostels with near-identical photos. They pick on price, have no idea which bed they'll get, and the hostel pays commission on every booking. The hostel's own site, if it has one, is a photo gallery and a button that sends people straight back to that same platform.

The whole hostel in 360°

You can explore the rooms and common areas in 360°, on your own or with a guided tour. A globe shows how to get to Split from your city, and a 3D map walks you in from the bus station, the ferry port or the airport. Breakfast spins in 3D, an AI (simulated, and it says so) plans your trip, the bar crawl serves every drink in 3D, the restaurants show you the dish to order, and volunteering is explained with a set of scales.

When you book, the dorm shows up in 3D: free beds pulse, yours turns gold and the key drops in.

Why it matters to a hostel

Travelers see the bed, the price and how to get there in one place, and book with you directly. Everything works one-handed. And what makes your hostel different (the neighborhood, the breakfast, the bars, the volunteering) gets shown instead of buried in a list of amenities.

Your hostel, your way

Kampanel's rooms, prices, bars and restaurants are made up, and the panoramas come from Poly Haven (CC0). For your hostel we load 360 photos of your rooms, your beds and rates, your city on the map and your activities, under your brand and in your guests' languages. Bookings and volunteer applications land in your inbox.

Pick a bed

Open it on your phone, the way a traveler would, and book a bed. If you want your hostel to work like this, get in touch.

Keep reading

  1. Show buyers their apartment going up, week by weekBuilders selling apartments off-plan who need buyers to trust them.Construction companies
  2. Let clients try on the tattoo before the needleStudios that still quote every job one by one over Instagram or WhatsApp.Tattoo studios
  3. Build the pizza in front of the customer, one topping at a timePizzerias that take orders by phone, WhatsApp or a PDF menu.Pizzerias