Sean Viljoen Freelance johannesburg Tropika Smoooth Cocktail basket
Tropika Cruise celebrity packs
June 30, 2016
Sean Viljoen Freelance south africa Haute Cabriere Social media marketing cover
Haute Cabriere South Africa Social Media Marketing
April 18, 2016

Web Design


 
Teknotribe is a Johannesburg company that brings psytrance and techno to the South African music and outdoor festival scene. The site is an ever-changing piece of art. Fully re-skinned per festival and archived once the event has run its course. The site makes use of on-page widgets delivering an audio experience while users browse the site. This also includes music tracks from headline acts for each festival.
 

Spread the love:

[Sassy_Social_Share]
Sean Viljoen Freelance johannesburg Teknotribe Website design
The site structure is set-up to work as a single-page scroller with relevant sub-pages that houses all other information. The front page gets completely re-skinned based on the most current festival push, driving all SEO efforts to this page specifically. Once the event is done the page gets archived in the past-events section where it remains and keeps the site ranking for keywords still related to the festival.
Attention to detail is key. Not always shouting your message but hinting towards an idea. When psychology is involved and users are kept in mind we lead them to an idea, This is mostly done to not lose any potential SEO efforts and turn the artwork into a visitor generating piece of content for any future efforts.

Behind the scenes


 
My most desired outcome with any build is interactivity. A site that acts as an informative channel with automated user-friendly features. The site is built using a premium theme yet fully customized and created from scratch. Also allowing visitors the ability to put together their own design packages. This makes it easier for anyone to get a quote and a rough idea of what their project could cost. Also making use of an informative blog to get a massive amount of foot traffic through the site.
 

Website re-skin


 
The main structure of the website is in place, with the foundation down the home page get's completely re-skinned for the current festival. This is a great way to push all SEO for the festival to the main website. Archived and changed back to default once done. I have started the build, however, allot still needs to be done on the site to get it properly up to par.
 
Sean Viljoen Freelance johannesburg Teknotribe Website design twilightv12

Twilight Outdoor Festival v12

Twilight v12 is a sequel to the long line of previous outdoor festivals hosted by Teknotribe. This one saw a much greater generic influx of visitors when good SEO and awesome design was implemented to the site. Completely re-skinned to go with my event design and give a good experience flow from any outside source right up till visitors land on the website.
Sean Viljoen Freelance johannesburg Teknotribe Website designer moksha 2017

Mokasha 2017 Outdoor Festival

Moksha 2017 is a festival run by Mansion records, this is a festival in the long line of its predecessors. The entire front page was completely re-branded to suit the festival design I created and also start ranking for Outdoor festivals in the country. Getting generic views and ticket sales straight from the front page.

Responsive


 
The beauty of WordPress is that pages come pre-coded to be responsive. The padding and margins were adjusted as much as possible to suit all handheld devices. With the majority of visitors coming from mobile, a split of 60 vs 40 it is paramount that the site is properly set up for responsive.
 
Sean Viljoen Freelance johannesburg Teknotribe Website designer mobile responsive
The site is fully optimized for the mass majority of mobile devices with some exception on much smaller screen sizes. All elements effortlessly fold beneath one-another making sure the page still reads as it should and giving users the best experience possible.
Sean Viljoen Freelance johannesburg Teknotribe Website designer tablet responsive
Tablets are a close competitor to mobile, with a split of roughly 60 - 40%, not optimizing for a tablet would be a great flaw. All padding and layout assure the site completely go across to the mass majority of tablets. flowing effortlessly.

Off page SEO - Open Graph Markup

 
Structured Markup is an awesome way to massively boost on-page SEO. Telling search engines what type of pages are on your site and adjusting open graph information based on social media channel.
 

Sean Viljoen Freelance designer johannesburg teknotribe Website design structured markup
Rich snippets are a great way to tell search engines exactly what each page on your website is about. In some plugins, the options are limited, however, based on preference I use some of my own tools to go a bit more in-depth with these snippets. Adjusting meta information and setting up a good list of keywords makes the site rank exactly for it's niche. Adjusting all titles and meta descriptions with social media channel specific Open Graph information creates professional shareable links that just look clean across all channels.

Technical SEO - Page Speed

 
Pagespeed is a massive factor that affects not only SEO but also user experience. Setting a website up for speed greatly reduces bounce rates and keeps visitors on the website.
 

Sean Viljoen Freelance johannesburg Teknotribe Website designer page speed mobile
A load time of 5 seconds is way above average. A benchmark for good web design. Faster mobile pages that get delivered immediately is a recipe for success. Most users are known to not stick around past a fully loaded time of 7 seconds, every second thereafter you start losing more and more visitors drastically.
I prefer to optimize almost all the sites I work on. Any of the work I do speaks tons about my abilities. Knowing full well a poorly designed site will reflect just as poorly on my abilities.

The above images are tests done on some of the more well-known speed tests, of these: Google page speed, Pingdom and GTMetrix. These all show amazing results with all tests showing the full site load time as less than 5 seconds across all devices. There is a reason Google has their very own mobile and desktop speed test. To assure quality throughout.

Related Projects