Hospitality / heritage
Casa de Gabriela
A heritage bed & breakfast site for a 1932 Spanish-colonial house on Calle Crisologo: rooms and rates, dining, experiences, gallery, history, and direct booking.
- Demo build
- /02-casa-de-gabriela/
- Orivian contribution
- Full website built from zero — self-initiated, no client commission.
- Site audience
- Families and travelers planning a heritage stay in Vigan
- Pages
- 6 pages in the build
The context
What this website is for.
A family-run ancestral house in Vigan selling stays to Filipino families first and international heritage travelers second — people choosing atmosphere and lineage over a bed for the night.
The choice is emotional, but the logistics are practical: dates, room sizes, indicative rates, and a reason to book direct instead of through an OTA.
What the site has to do
- Sell the house itself — its history, its rooms, its light — before selling a rate.
- Let a family compare three room types without leaving the page.
- Make direct booking the obvious path rather than the hidden one.
- Carry dining and experiences as reasons to stay an extra night.
- Keep the heritage story honest about what is documented and what is remembered.
Scope
What the build covered.
Structure, content, design, and build for the whole site — the parts a visitor can see and use.
- Rooms and rates for three room types
- Dining and experiences pages
- Gallery and heritage story
- Direct booking flow
- Colour and type sampled from the house identity
- Responsive layout across devices
Inside the demo
Follow the structure yourself.
Every page below is public. The quickest way to judge this work is to open the paths and read them on your phone.
- Home/02-casa-de-gabriela/
- Rooms and rates/02-casa-de-gabriela/rooms-and-rates/
- Book a room/02-casa-de-gabriela/book-reserve/
- Amenities and perks/02-casa-de-gabriela/amenities-and-perks/
- About Vigan/02-casa-de-gabriela/about-vigan/
- Privacy policy/02-casa-de-gabriela/privacy-policy/
Related services
How this translates to your project.
- Read the service02Content and messaging
Content and Messaging
Make the offer easier to understand.
- Read the service04Lightweight websites
Lightweight Modern Websites
Keep focused websites fast, simple, and clear.
These are self-initiated demo builds. No client commissioned them; brands are fictional or fictionalized, and prices, hours, and metrics inside the demos are labeled indicative.
More examples
Other websites in this collection.
Planning a clearer, more useful website?
Describe what you are building and what needs to be clearer. The conversation starts with the problem, not with a package.
Remote · Direct · No pressure to choose the biggest package