For commercial real estate owners and brokers seeking to effectively market assets and stand-out amid ample competition, building a marketing foundation that extends beyond mere flyers, brochures and LoopNet listings is absolutely vital.

A well designed website for your commercial real estate business and your property listings is essential to conveying credibility in your brand and your product.

Studies indicate that great design even drives higher willingness to pay through positive user perception (between an 18% and 41% higher willingness) and individuals with a positive perception of the company’s design have roughly 8% to 12% better net retention.

Good website design also affects your search engine optimization and the likelihood of someone discovering your commercial real estate business online.

So, how do you make a commercial real estate website? You can hire a web design agency that can help you build a custom website with many bells and whistles, but you should consider the cost and time associated with this kind of project.

Alternatively you can use a commercial real estate marketing software that includes a website builder to make the whole process more streamlined and cost effective.

Below is a breakdown on the key elements of a property website that will help capture interest, increase user engagement and help you generate leads for your properties.

Need to make a commercial real estate website? Learn more about our commercial real estate website design.

1. Functional design

More than ever, commercial real estate website design needs to be functional and concise. User experience is about more than aesthetics. It’s about ensuring quick and easy access to information, minimal gaps in navigation to find what you need, and clear, easy to read and understand copy.

Visitors won’t spend more than 2 minutes on your website, so you need to capture their attention quickly. If you’re also able to capture their information, even better.

With nearly 80% of tenants and investors starting their searches online and more than half of the using mobile devices for those searches, it’s also vital that your website not only works but looks great on all size screens.

Commercial real estate website designThere are several factors to consider here, starting with pure functionality:

  • Responsive design – Your website should  load seamlessly on all screen sizes, mobile-phone and tablet friendly navigation, and no pinch-zooming required to view your information.
  • Browser compatibility – Your website should work smoothly on all browser versions you can reasonably expect your prospects to use. That means a spectrum of browsers going back 5-7 years.
  • Accessible navigation – Every section of your website should be accessible from no more than three clicks if possible. Don’t bury useful information five or six clicks deep on the site, and wonder why people don’t convert on those pages.

Expectations have evolved in the last few years to where people won’t put up with poor design, frustrating navigation, or inconsistent layouts. If it’s hard to find what they need, they’ll leave and go to another site.

Commercial real estate website templates can provide a solution to that with structured information, cutting edge design and an excellent user experience.


  • Load time: Check your site with Google Page Insights for load time. It should have a score of 80 or higher, meaning it loads quickly on all device tips.
  • Test everything: Take the time to click on every single link of your website, or use a site like to have other people check for hiccups in usability.
  • Optimize for search indexing: Setup a Google Webmaster Tools account to check when your content gets indexed and submit new content as needed for indexing.

Here are some examples of great commercial real estate websites.

2. Professional Images

The most straightforward way to advertise properties is with photography. Having a striking selection of professional images on a real-estate listing is pretty fundamental.

Your main image should be bold, high-res and attention-grabbing (on mobile & desktop).

Don’t trip over by using headline images that don’t show off the space at its absolute best. However, remember that large images can slow down website pages.


Spend some time searching and viewing local buildings in your market to see how they present themselves.

The Park Avenue Tower  is a prime example of property photography that accurately captures the look and feel of the building while highlighting particularly engaging elements of the space:

Commercial real estate photography

3. Virtual Tours

Today, tenants and investors who aren’t able to visit a property in person but find images ineffective at fully projecting the nuances of the space, are looking for virtual tours to fill this gap. 3D virtual tours are becoming more prevalent to help aid during the sell/lease decision making process for commercial properties.

Matterport, and Floored have developed into viable and accessible commercial real estate virtual tours solutions. The potential for virtual tours as a resource for CRE companies only grew with the increasing adoption of VR technology as well.

Virtual reality walkthroughs on headsets like the Oculus Rift, or even a Samsung Galaxy phone will expand your ability to engage with remote customers, showcasing properties to a much wider audience, including completed construction projects.


See below a virtual walkthrough the space.

commercial real estate virtual tours

4. Property Descriptions

New technologies, like virtual tours, are promising but it’d be naïve to overlook the impact of the humble property description, which is still what the majority of people examine (alongside images) when deciding whether to enquire or not.

But it’s not necessarily new vs. old. In fact, why not combine great descriptions, and great images, tours, SEO, floor plans, and all the other emerging stuff that’s also in this post. You’d then have a great commercial real estate website.


To write a great real estate property description

  • Stick to 150 words; brevity is beautiful!
  • Spell out who the property is for, and what the key selling-points are
  • Write clearly; avoid jargon and real-estate cliché


The website for 101 California in San Francisco does a perfect job of providing key information in a short and clear description, highlighting key statistics without over explaining. It’s short, succinct, and heavily visual.

Property description commercial real estate website

5. Floor Plans

A floor plan helps customers to get to know your property’s layout a little better, and then keep it in mind. While often overlooked, floor plans do a pretty good job of piquing the interest of potential tenants.

We always recommend to our clients that they include a PDF of every floor plan that is available in their building so people can download it and stay engaged with the property.

How you draft them is up to you but technologies like Google’s MapsIndoors allow floor plans to be created at no extra cost – and they can then be made easily accessible online.


Downloadable floor plans are a key feature of SharpLaunch.

Floor plans commercial real estate website

6. Maps & Amenities Information

Location is arguably the most important factor in real estate, so why explain an area in a few hundred words when you can do the same intuitively with a commercial real estate map?

It’s not just the physical location of a commercial real estate property that’s important but also the amenities nearby: bars, restaurants, banks, transport links, and other services. Even better if you can pick those out too.

There are a few ways to implement maps on a website. Embedding Google Maps using iframes is a basic option but you’ll have to do some technical tweaks to customize your map so it’s branded, and contains the extra pins and information on the surroundings.


Interactive commercial real estate maps

7. Broker Contact Information & Headshots

People are central to today’s social web. If you don’t show the faces behind your organization it can almost look suspicious.

On the other hand, if you emphasize the human side to your commercial real estate company, it’s an attractive point for prospects who want to get in touch.

There are practical benefits to using social technologies that allow easier online communication, like instant ‘chat with us now’ widgets. If you help customers to get the information they need right away, it’ll reduce the chance that they’ll bounce off your page and onto a competitor’s nice, human-looking page.


The 321Harrison property website is a prime example of how to present your brokerage team in a clean, succinct way. Each broker is featured with a headshot and contact information, allowing for a profile of the brokerage and accessibility to the key stakeholders.

Brokers commercial real estate website

8. Building Certifications

Third party green building certifications are a great way to build credibility and showcase your firm’s focus on sustainability to prospective tenants and investors.

Adding a badge to your property website is the easiest way to market your achievements and highlight the building’s unique green features.

Make sure you get all the assets in place and add them to the designated area on the website.

Sustainability building certification commercial real estate website

How to Optimize Content on Your Commercial Real Estate Website

1. Add Page Titles & Meta Descriptions

When people look for real estate they often use search engines. So ‘SEO’ is a set of techniques to lift a website’s search results and get targeted traffic.

It’s a pretty complicated area – books have been written on it – but there are are a couple of key aspects that you need to sort out to appear to more people.

These are:

  • Page Title {max 60 characters}
  • Meta Description {max 150 characters}

The page title’s the blue text that you’ll normally see in the search results and it’s one of the most important elements that search engine algorithms analyze when choosing pages. And to appear for a given search, keywords that closely match the search most normally be in the page title.

Great titles and descriptions, together, can make a big difference to website traffic – and ultimately sales and leads. But remember that SEO is supplementary to having great content on your website after people get there.


  • Length: Stick to 60 characters for the page title and 150 for the description – this will normally keep within the display limits.
  • Format: Try and write in a natural way, while including search terms within the page title and attractive details like offers in the description. Writing like this will help your result to stand out by being more attractive to viewers who (it must be remembered) will look at the page title alongside Google, too.
  • For property websites – Domain: Whenever possible, make sure the name of your building or its address are included in the domain name. This helps with exact match searches in Google, and can amplify your local search result standings. Check out the Helmsley Building at 230 Park Avenue example below.

  • HTML characters: the odd non-standard character, used judiciously, can help your page or listing to stand out from the rest of the results. The example below from, uses the registered trademark symbol to cut a bit of a distinction. There are plenty of HTML symbols to select but be careful as Google sometimes objects.

how to build a great real estate website in 2016 & 2017 - web design tips & tricks

  • Research: Don’t aim for big, ‘prestige’ search terms – they’re usually competitive and it can be a case of banging your head against a brick wall. Find less competitive terms and niches that will still get relevant traffic (e.g. by adding the physical address or dates and years).

Further reading:

2. Optimize Images

Images on your website have a big impact on SEO. They make a website interesting for users and are easier to understand than text. Google also rates text content with images better than content without images. Here are some best practices to follow when adding images to your property websites.

  • Use descriptive file names: for example 123-main-street-lobby.jpg
  • Limit size: images that load fast on a website contribute to a better user experience and Google considers that a positive signal, so keep your images below 1MB.
  • File Type: JPG and JPEG are the formats that allow for the best compression and will enable the page to load faster. You can use PNG, but these files do tend to be larger.

3. Have a Digital Content Strategy

It’s a bit of a cliché but consistently, and persistently, producing thoughtful blog posts (and visual content like infographics) will eventually payoff in the commercial real estate sector.

It’s not a quick fix but the benefits are long-term: 

  1. Great content attracts links, shares and coverage – all of which can push up search rankings, attract relevant traffic, and raise brand awareness.
  1. Thought leadership, through content, is a great way to demonstrate brand values and show customers that your commercial real estate company stands for what you say it does.
  1. If you understand how prospective customers use your site – and their personas / psychology – then you can begin to shape content that also leads to conversions.

A nod goes back to the previous point in this piece; analytics is integral to a blog and content strategy. It helps to shape the ongoing plan, as you see what’s working (or not) and how users interact with your key topics and themes.


JLL’s Real Views is a real estate news hub focusing on analysis, opinion, and research from JLL about the real estate sector and larger business community. This industry-specific focus, combined with relevant expertise in key verticals, allows them to rank for several important terms in their industry and drive references from other sites.

CBRE publishes their Blueprint online magazine, focused on interviews and stories about how real estate impacts the world. These stories highlight key individuals in the space, building stronger connections and generating long term relationships that benefit them both directly and indirectly through search traffic.

4. Analyze Results and Performance

If you analyze and measure your website’s traffic, and make your site better for it – you stand a good chance of getting more visits, from more relevant sources.

Google Analytics is free, easy to use, and the most popular analytics platform. You’d be mad (or at least less successful online) not to take advantage of the detailed information it can reveal. You can start with traffic totals, get a bit more detailed with the number of leads from exact sources or listings, and even go so far as looking at flow visualizations of website sessions, below, to examine usability.

Google’s platform isn’t the only option but you should at least have your website backed by analytics of some kind if you’re not using it.

Another handy way to use marketing analytics is to understand your best performing content to refine your content strategy as you go along (see next point).


how to build a great real estate website in 2016 & 2017 - web design tips & tricks