• Layered in2wrk / Business Advice Direct 3D development diagram - layer 1 Layered in2wrk / Business Advice Direct 3D development diagram - layer 2 Layered in2wrk / Business Advice Direct 3D development diagram - layer 3 Layered in2wrk / Business Advice Direct 3D development diagram - layer 4 Layered in2wrk / Business Advice Direct 3D development diagram - layer 5 Layered in2wrk / Business Advice Direct 3D development diagram - layer 6 Layered in2wrk / Business Advice Direct 3D development diagram - layer 7 Layered in2wrk / Business Advice Direct 3D development diagram - layer 8
  • Screenshot from the in2wrk / Business Advice Direct development project
  • Portfolio image of the in2wrk / Business Advice Direct site
  • in2wrk / Business Advice Direct website screenshot
  • in2wrk / Business Advice Direct project image
  • Screenshot of the in2wrk / Business Advice Direct website
  • in2wrk / Business Advice Direct website screenshot

in2wrk / Business Advice Direct

businessadvicedirect.biz

HTML5, CSS, jQuery, WordPress, & Google Maps

The new Business Advice Direct website was a highly-featured and media-rich WordPress development using a number of PHP plugins written specifically for the site, particularly focusing on location-based services.

A collaborative project with Mike from Licks Creative (who did the original design work), I undertook the development of the project: from semantic and cross-browser compatible HTML5 and front-end development through to the WordPress integration and the scratch-written PHP powering some of the more unique features of the project.

The project originally went live at the start of 2011, and was given a light facelift and rebranded to 'in2wrk' during 2013. It was further modified to be more client-facing under this new brand (rather than its original business-focus) the following year.

The foundations of the site is an HTML5 front-end development using jQuery for user experience enhancement (slideshows, animations, and data-injestion). As the pages themselves varied greatly in their nature and requirements, I used a custom taxonomies and inherent/cascading template system to build up the URL structure for the site, and then the templates used in the final rendering of the page.

Much like the Rocknations project, the page templates - when integrated into WordPress - include a vast array of custom fields and features which gives the client the ability to modify just about any aspect of the site's appearance. This includes more basic features such as logos and hero images, as well as far more in-depth aspects of the design itself such as fonts, colours, affiliation logos and layout. Naturally, WordPress also allows the user full and easy control over the website content too!

A key feature of the site is the location-based Local Centre pages; from within the WordPress admin panel the client is able to add new centres, and amend the location of existing centres simply by using the post code (or coordinates). This allows the website to plot markers onto the searchable Local Centre landing page map, which aids visitors in finding a centre nearby. It also uses the PHP GD library (and if needed: a position ascertained automatically via the Google Maps API) to generate the individual map images on each specific local centre landing page.

The Business Advice Direct website also features a Twitter feed (with enforced five-minute caching), and integration with YouTube (which includes custom skinning of the player).

Once live, the website configuration was tweaked to ensure the best performance possible from the platform: all content is cached and response/load times are extremely low. Within forty-eight hours of the new website going live (and with the introduction of new sitemaps), Google had re-indexed the entire website, moved them back to the top of relevant search results, and built an internal site link matrix. The website received nearly ten thousand visitors during the first week and traffic remains consistently high whilst attracting plenty of positive feedback.

Top