The company

South African Travellers is a French tour operator with a focus on niche tours around South Africa. We redeveloped their website from the ground up.

The challenge

To build the site we used SAGE, Bootstrap and HTML 5 Boilerplate.
We used the default styles from Bootstrap, which means buttons, tables typogyaphy, and general CSS styles were applied. 
The client provided a wireframe built with Wix which we used as a reference point when creating our own designs. They provided a style guide too which helped to keep overall costs down due to fewer revisions being needed. 
We used the Modernizr module on the site which was included by using Bower. Modernizer detects the technology the browser is using, so that the site is able to dynamically serve the best content that the user can experience in the browser they use. 
Masonry was used for the team page and the grid of tours – basically wherever there’s content in a grid.
Browsing the site is made simple thanks to the use of breadcrumbs and search pagination.
We provided the client with training on static pages, customizing slugs and so on. We created pages for them in English and they translated them, as well as the slugs. 
For forms we used our favourite form plugin, Caldera Forms. As with page content, we provided the forms to them configured in English, and the client just needed to translated them.
We also created a page for capturing reviews. Although the client initially wanted 50 fields we suggested one bigger text field with suggested questions to answer. The completed form creates a review in a “pending” state which the client then approves for display on the site.
In terms of onsite search functionality, we created three filters for search using FacetWP and SearchWP: a price slider, a travel style selector and a trip duration slider.
The upgrade to the WordPress core of v4.4 brought native responsive images which we used for the first time on this website to great effect. You can read more about this upgrade on WordPress here.
The Icons for the tour categories/styles were taken from Smashing Magazine. 
We created 5 custom post types for the South African Travellers website:
1 – Tours
2 – Accommodation
3 – Destinations
4 – Team members
5 – Reviews
Blog templates
With a blog being added to the site in the most recent changes to it, we’ve had to do some custom styling for various page templates associated with blogs. We styled author archives, category pages, categories with thumbnails, single posts, and of course the blog page itself, which you can view here.

The solution

SAT now has a WordPress site that is easy for them to update and maintain, and is also a breeze to navigate and search by French visitors looking to travel around South Africa in style. The use of Bower ensures that the site displays at its best for users on all browsers, while the image optimization in the new WordPress core ensures that only the necessary amount of bandwidth is used when the site is loaded on various viewports.

Alexandre Coffé
Role & Company: Marketing Director | South African Travellers

I approached LightSpeed because we were looking for a multi tasks website. first of all it has to represent our brand and the quality we try to put in our products, second point was more technical as we needed a portal that allow us to move, up grade and ad content anytime with ease and no “extra” fees or costs.
Ashley came in with multiple options and that straight at the first meeting. Knowing that you talk to a team of professionals secure the production delays, quality of the ended work and mostly responsibility
for us.
LightSpeed are definitively unique in the local market, none offer the same and despite the magic of skype or e-mails it is always good to have a physical contact.
In terms of LightSpeed’s approach and delivery, we enjoyed the clear and explicit timing and schedules as costs sheets. We speak the same language and we have never been told that we couldn’t understand the development works (as technicals it might be).
Thanks to a great experience with LightSpeed so far, we’re going to start a second website with them.
A readily recommend LightSpeed to others.

Related Projects

Cape Town Tourism

Design & Development, Tour Operators

Skeleton Coast Safaris

Design & Development, Tour Operators

Luxury Trips

Tour Operators

ATI Holidays

Tour Operators, WooCommerce

Elementz Travel

Tour Operators

Giltedge Group

Tour Operators


Tour Operators

Giltedge Africa

Tour Operators

[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/south-african-travellers/"><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="South African Travellers:"></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">Phone</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="23306"><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/south-african-travellers/"><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">Comment</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="23306"><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 -->