The Company


The African Centre for Cities is an interdisciplinary research and teaching programme focussed on quality scholarship regarding the dynamics of unsustainable urbanization processes in Africa, with an eye on identifying systemic responses.

The Challenge


The ACC needed us to design their new WordPress website. They also needed a search functionality for their articles and they needed their site to be mobile friendly. Lastly, the site needed to manage countless different types of content such as audio and video content (from their lectures and seminar series), publications (the ACC conducts and publishes a lot of research), presentations (slideshows) and events.

The Solution


We created their WordPress site and did the designs. Thereafter we made it mobile friendly with WPTouch (a mobile plugin for WordPress that automatically enables a simple and elegant mobile theme for mobile visitors of your WordPress website.). We moved a lot of their content from the old site to the new site. From first hand experience, Elethu Pambo (one of our Front-End Developers), said that WordPress will prove to be a much simpler, yet far superior content management system.
We developed their CityScapes (a printed magazine) website before the ACC site. A picture on the left hand side shows a page on the ACC website with links to their CityScapes site.
The search functionality was accomplished through FacetWP and Pods. Pods is a framework that allows you to create for example a portfolio, a real estate site, a business directory or more without using any code at all. The search functionality searches all the data that is setup with Pods. On the left hand side you will see a picture of the results I get when I search “Africa”, for instance. And then the next picture shows what happens when you refine the search by ticking a box or two in the panel on the right-hand side of the page. Talk about an amazing user interface!
On the content side of things, when it comes to audio and video content, publications, presentations and events we did quite a bit of work for them. We introduced the ACC to iono.fm (a service much like soundCloud, only it’s a South African development) . We set them up with their own online “radio” channel where they could upload their audio content as podcasts on the site. Furthermore iono.fm enables them to embed the audio podcasts into their site’s posts.
We also set them up with a slideshare account, which they can use to share their slideshows online. This will also allow them to embed their presentation content on their site.
Video content from their youtube channel can be embedded into their posts in the same fashion. This is done by simply pasting the url in the custom fields we set up for them in each post. This made the inclusion and management of all this content a breeze.
Any new video, audio, publication or slideshow content is added to the site like an ordinary post (on the dashboard – Posts > Add New). But it is displayed in the interesting, appealing, user-friendly way that you see through the use of the custom taxonomies that we developed for them.
Lastly, the events calendar functionality was accomplished by integrating the Tribe Events Calendar into their website.
The ACC received a brand new website design and a better content management system for their website. They have an awesome search functionality and can now show off all their different kinds of content.

The Results


Related Projects

Men’s Health Belly Off

Design & Development, WooCommerce

Cape Town Tourism

Design & Development, Tour Operators

Simple Books

Design & Development, WooCommerce

Skeleton Coast Safaris

Design & Development, Tour Operators

JAMMS

Design & Development

Africamper

Design & Development

Robinson Capital Corp.

Design & Development

Agfacts

Design & Development, WooCommerce

The Success Academy

Design & Development, WooCommerce

CJCP Clearing House

Design & Development

Naturopathic

Design & Development, WooCommerce

Uphephe

Design & Development

[type=datetime]
[type=datetime]
[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/african-centre-for-cities/"><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="The African Centre for Cities: https://www.lsdev.biz/portfolio/african-centre-for-cities"></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">Website</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="5"><input type="hidden" name="wpforms[post_id]" value="21171"><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 --><div></div>
[type=datetime]
[type=datetime]
[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/african-centre-for-cities/"><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="www.mywebsite.com" ></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">Name</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="5"><input type="hidden" name="wpforms[post_id]" value="21171"><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 --><div></div>