The Company

If you’re looking for more than just your average holiday rental in Cape Town, Nox Rentals is the place to find the city’s most exclusive collection of holiday villas & apartments. Nox Rentals already had a well made, albeit visually old fashioned website, but it lacked the sophisticated technology available on other websites offering similar services. LightSpeed’s team was tasked with bringing the Nox Rentals’ website into the modern web era with live availability and booking functionality, slick new responsive design and a simple content management system that is afforded by WordPress.

The Solution

The Homepage
The homepage doesn’t have search in the header, it has it in the banner. All other pages have search in the header – the banner search is a touch we added to give the homepage a distinct look and feel. The homepage can display either randomly selected properties or featured properties as they wish.
Each of the forms on the homepage leads to a distinct ‘thank you’ page geared towards the form that was filled in, whether it was a sign up for their free luxury traveller’s guide, an availability enquiry with check-in and check-out dates, or a simple contact form submission, with separate tracking codes for Google Analytics on each thank you confirmation page.
Single Property Pages
The most important aspect of the website design and development for Nox Rentals was the single property page, as this is where prospective guests and visitors will land and it’s the best chance to get them to convert – in this case, to make a booking. We spent a lot of time debating and wireframing the layout of the page, doing multiple iterations to get the formula just right. We had a conversion specialist working on it, as well as a designer, a copywriter and the owner of Nox himself.
The orange CTA button is a different colour to other buttons on the site. We created a style guide with the client which specified link colours, button colours and rollover colours, helping to draw attention to the most vital part of each page. Grays, turquoises, black and white were the base colours, and orange was used as the main accent colour.
Live availability checking is made available through Kigo. A handy feature of the calendar we used is that on the days in which guests are checking in and checking out, the styling is such that other prospective guests know that they can still check out, for example, on a day that someone is checking in – or vice versa.
As is needed on many property rental portals, like Air BNB for example, we implemented property obfuscation. In short, this means we modified the embedded Google Map for each single property so that instead of showing a pin exactly where the property is, we show the map zoomed in to the area that the property is in. This is in order to prevent people going to view the property directly, and stopping potential criminals from knowing when and where there is an empty property in certain areas.
Accommodation and Area landing pages
These pages allow you to browse Nox Rentals’ properties by filtering a number of different attributes to find the property with the features you want, in the area you want.
Testimonials are linked to properties, so if a tenant or holiday maker leaves a review for a specific single property, the testimonial will display on the homepage with a note saying which property the testimonial was for, as well as displaying on the single property page for that single property.
Because Nox already had a website, our new URL structure required that all important pages on their old site and site structure were accurately 301 redirected to the new domain. We also took care of other aspects of technical SEO, such as implementing custom breadcrumbs and a custom 404 page.
We used a combination of FontAwesome icons and our own custom icons on the site.
Importing Content
We also built an importer for the site, which handles the data for all the properties that display as well as all the blog content. They use Kigo for managing availability, and the site needed to pull all the images, content and quoting functionality from there, allowing the data to be centralized. Any updates to Kigo (prices, images, availability) gets relayed through to the Nox Rentals website.
Nox Rentals now have a website with live booking and real time availability. It’s fully responsive for mobile devices, has been built with conversion optimization in mind, and has been optimized to ensure the best results in search engines.

The Result

Charlotte Metelerkamp
Role & Company: Head of Sales & Distribution | Classic Villas

I was approached by LightSpeed as we were looking to vastly improve on a website which was not performing at all. Ashley and his team at LightSpeed assisted me effortlessly; understood our needs quickly and offered us intelligent solutions which made complete business sense.
The result is not only a site which is performing better than expected, but is beautiful, simple and unique. Everything we were hoping for an more.
I would recommend LightSpeed to any company, big or small, looking to improve on the user experience and look of their website.

Related Projects

[wpforms id="34770" title="false" description="false"]
<div class="wpforms-container " id="wpforms-34770"><form id="wpforms-form-34770" class="wpforms-validate wpforms-form" data-formid="34770" method="post" enctype="multipart/form-data" action="/portfolio/nox-rentals/"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-34770-field_1-container" class="wpforms-field wpforms-field-text" data-field-id="1"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_1">Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-34770-field_1" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][1]" placeholder="Name *" required></div><div id="wpforms-34770-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_2">Email Address <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-34770-field_2" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][2]" placeholder="Email Address *" required></div><div id="wpforms-34770-field_8-container" class="wpforms-field wpforms-field-phone" data-field-id="8"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_8">Phone</label><input type="tel" id="wpforms-34770-field_8" class="wpforms-field-large" data-rule-int-phone-field="true" name="wpforms[fields][8]" placeholder="Phone" ></div><div id="wpforms-34770-field_9-container" class="wpforms-field wpforms-field-textarea" data-field-id="9"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_9">Message <span class="wpforms-required-label">*</span></label><textarea id="wpforms-34770-field_9" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][9]" placeholder="Message" required></textarea></div><div id="wpforms-34770-field_7-container" class="wpforms-field wpforms-field-hidden" data-field-id="7"><input type="hidden" id="wpforms-34770-field_7" name="wpforms[fields][7]" value="Nox Rentals:"></div><div id="wpforms-34770-field_5-container" class="wpforms-field wpforms-field-checkbox" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_5">Subscribe to our Newsletter</label><ul id="wpforms-34770-field_5"><li class="choice-1 depth-1"><input type="checkbox" id="wpforms-34770-field_5_1" name="wpforms[fields][5][]" value="Subscribe to our Newsletter" ><label class="wpforms-field-label-inline" for="wpforms-34770-field_5_1">Subscribe to our Newsletter</label></li></ul></div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-34770-field-hp" class="wpforms-field-label">Comment</label><input type="text" name="wpforms[hp]" id="wpforms-34770-field-hp" class="wpforms-field-medium"></div><input type="hidden" name="wpforms[recaptcha]" value=""><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="34770"><input type="hidden" name="wpforms[author]" value="2"><input type="hidden" name="wpforms[post_id]" value="23333"><button type="submit" name="wpforms[submit]" class="wpforms-submit om-trigger-conversion btn cta-btn btn-full" id="wpforms-submit-34770" value="wpforms-submit" aria-live="assertive" data-alt-text="Sending..." data-submit-text="LET&#039;S TALK!">LET&#039;S TALK!</button></div></form></div> <!-- .wpforms-container -->
[wpforms id="95" title="false" description="false"]
<div class="wpforms-container " id="wpforms-95"><form id="wpforms-form-95" class="wpforms-validate wpforms-form" data-formid="95" method="post" enctype="multipart/form-data" action="/portfolio/nox-rentals/"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-95-field_3-container" class="wpforms-field wpforms-field-text" data-field-id="3"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_3">Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-95-field_3" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][3]" placeholder="Name *" required></div><div id="wpforms-95-field_1-container" class="wpforms-field wpforms-field-email" data-field-id="1"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_1">Email Address <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-95-field_1" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][1]" placeholder="Email Address *" required></div><div id="wpforms-95-field_4-container" class="wpforms-field wpforms-field-number" data-field-id="4"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_4">Contact Number</label><input type="number" pattern="\d*" id="wpforms-95-field_4" class="wpforms-field-large" name="wpforms[fields][4]" placeholder="Contact Number" ></div><div id="wpforms-95-field_5-container" class="wpforms-field wpforms-field-text" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_5">Website</label><input type="text" id="wpforms-95-field_5" class="wpforms-field-large" name="wpforms[fields][5]" placeholder="" ></div><div id="wpforms-95-field_2-container" class="wpforms-field wpforms-field-textarea" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_2">Additonal info or message <span class="wpforms-required-label">*</span></label><textarea id="wpforms-95-field_2" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][2]" placeholder="Additional info or message" required></textarea></div><div id="wpforms-95-field_6-container" class="wpforms-field wpforms-field-checkbox" data-field-id="6"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_6">Checkboxes</label><ul id="wpforms-95-field_6"><li class="choice-1 depth-1"><input type="checkbox" id="wpforms-95-field_6_1" name="wpforms[fields][6][]" value="Subscribe to our Newsletter" ><label class="wpforms-field-label-inline" for="wpforms-95-field_6_1">Subscribe to our Newsletter</label></li></ul></div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-95-field-hp" class="wpforms-field-label">Phone</label><input type="text" name="wpforms[hp]" id="wpforms-95-field-hp" class="wpforms-field-medium"></div><input type="hidden" name="wpforms[recaptcha]" value=""><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="95"><input type="hidden" name="wpforms[author]" value="2"><input type="hidden" name="wpforms[post_id]" value="23333"><button type="submit" name="wpforms[submit]" class="wpforms-submit btn btn-full om-trigger-conversion" id="wpforms-submit-95" value="wpforms-submit" aria-live="assertive" data-alt-text="Sending..." data-submit-text="Send Message">Send Message</button></div></form></div> <!-- .wpforms-container -->