Bed and breakfast · Website design case study

The St. Mary's Inn: Cozy Stays in a Historic Bed and Breakfast

New owners of an 1890s Queen Anne mansion needed a site with the building's charm, an easier booking engine and a back end they could edit themselves.

The St. Mary's Inn Bed & Breakfast website shown on desktop, tablet and phone
  • The St. Mary's Inn Bed & BreakfastClient
  • Bed and breakfastIndustry
  • WordPressPlatform
  • Small businessSite size

About The St. Mary's Inn Bed & Breakfast

Located in downtown Colorado Springs, just a few blocks from Colorado College, the St. Mary’s Inn Bed and Breakfast is a Queen Anne Style mansion built over 130 years ago. The building had been a home and apartments up until the year 2000, where it went into renovation. 8 years later, it reopened as a historical bed and breakfast with modern comforts. Since the St. Mary’s Inn officially opened, they have happily served their guests while sharing part of Colorado Springs’ history.

In 2018, the inn would gain new management, but with the same goal of providing guests a comfortable night’s stay and welcoming breakfast. The new owners could tell they needed a fresh website with an improved booking system. They would need a new backend that they could edit with ease and keep up SEO, things that were a challenge on the backend of their current website.

The challenge

The The St. Mary's Inn Bed & Breakfast website before the redesign
Before: the legacy site
  • The website design was dated and had nothing to capture user’s interest. This caused visitors to leave the website and increase the bounce rate.
  • The Saint Mary’s Inn is operating in a tough market. Between hotels and other bed and breakfasts, it is important their site is engaging so visitors would book with them instead of looking elsewhere.
  • The platform the website used to be in was difficult to utilize for website changes and SEO updates.
  • Crucial information was lost among the design of the website. Visitors were not able to find available rooms and book a room with ease or contact the team with questions.
  • A new booking engine was chosen to ease the booking process for interested visitors and needed to be integrated.

What we did

  • The new website was built in WordPress, making it easier to complete any needed updates. The new platform supports SEO and will help improve their search rankings on Google.
  • The website has a similar charm to the building’s late 1800s style and brought important aspects, including the ability to make reservations and phone number, to the top of the page.
  • The image of the bed and breakfast on the landing page is no longer obscured by text, allowing website visitors see the building without any text in the way.
  • The suite pages are consistent between each suite, supporting SEO and allowing visitors to switch between suite pages and find relevant information in the same spots.
  • The pages are built in Elementor, a drag and drop WordPress plugin that allows the client to see what the page will look like before publishing the pages.
  • The footer and header are permanently visible, helping brand visibility by keeping the company’s logo visible in an interesting location, the footer, without overwhelming the rest of the design.
  • The new booking system was prepared with the website’s theme, giving visitors website access for potential guests to check the suites or accommodations while they are booking.
  • The logo was given a more modern look, while holding onto the Queen Anne style the building is known for.
  • The performance score for the website increased 24%, and the website loads two seconds faster. This will reduce bounce rate and improve SEO.
Pages from the new The St. Mary's Inn Bed & Breakfast website
The new site

The results

GTmetrix performance score of the legacy St. Mary's Inn site
GTmetrix performance score of the new St. Mary's Inn site

With a new website that reflects the style and beauty of their inn, the owners of the Saint Mary’s Inn will find it easier to update the website. Their suites now have a format that’s easy to look at and displays the amenities of each room that makes staying there worthwhile. With the site housed in WordPress, their performance speeds have improved and made future SEO efforts easier to maintain. The new booking system looks like the website and allows a quick way for visitors to go between looking at suites and booking their room during their trip.

Full home page of the new The St. Mary's Inn Bed & Breakfast website
Scroll the full home page
More websites

More sites we have built

TrueSport (USADA) website on desktop, tablet and phone
EducationWordPress

TrueSport (USADA)

Three separate websites consolidated into one modern, fast site with a working store and pages the team can edit themselves.

View the case study
Garden of the Gods Self Storage website on desktop, tablet and phone
Self storageWordPress

Garden of the Gods Self Storage

A dated, fragile site replaced with a clean design and a stable back end. Organic traffic later grew more than 1,000% with SEO.

View the case study
King of Kings Church website on desktop, tablet and phone
ChurchWordPress

King of Kings Church

Out-of-date content and broken links replaced with an engaging design, rewritten pages and a streamlined editor for staff.

View the case study
Your turn

Want a website that works this hard?

Tell us what your current site is not doing for you. We will come back with a plan, a price and a timeline within one business day.

  • Free, no-obligation quote within one business day
  • Straight answers from the people who will do the work
  • Or call sales now: (719) 577-4404

Get a free quote

Fields marked * are required.

All submissions are private and confidential. See our privacy policy.

Get a free website & SEO audit

Tell us your web address and we will send a plain-English review of what is holding your site back. No cost, no obligation.

Call (719) 577-4404 Get a Free Quote