Designed and developed by Turn Key, Great Lengthsâ website has been named as one of prestigious Net magazine âs âsites of the monthâ. Here, the experts behind the sleek new site, Web Designer Oliver Harris and Web Developer Dave Walker , explain how they did it.
Design, by Oliver Harris
“Enhancements beyond expectation”
That’s the Great Lengths motto, and my aim was to incorporate that ethos into its new website. In order to do that, I got out my sketch pad and began to develop a concept that would push the boundaries of a traditional website, waving goodbye to the typical grid layout used by so many sites. I came up with a style guide which incorporated a flat user interface, beautiful large headlines using the Feijoa font family, and an original way to wrap the content around the striking Great Lengths imagery.
My aim was to ensure that the site was funky, fun and functional. The importance of having an easy-to-navigate desktop website cannot be overstated and as more and more people are using mobile phones to access web pages, sites need to be adaptable for multichannel browsing.
With this in mind, it was important that the design ensured that the site was adaptable to all screen sizes, including mobile and tablet. Once we had an approved desktop version, I turned my attention to the smaller devices.
Although I was able to draw on my experiences of creating responsive sites, the sheer amount of content I needed to use made this quite a challenge. After a lot of rearranging of the layout, reducing the font sizes, simplifying the structure of the site and countless on-screen mock-ups on various devices, I finally came up with the fully functional, multichannel site you see today.
I couldn’t be happier with the finished product, and after receiving industry recognition from Net magazine, I couldn’t be prouder either.
Development, by Dave Walker
Our brief was to deliver a website which focussed on outstanding design, whilst also incorporating complex functionality to achieve the best possible user experience. This meant developing a site using the latest HTML, CSS and Javascript techniques.
Prior to the development of the site, three key areas were identified as essentials; a salon locator, social network feed and a protected Professional area.
The client wanted to make the userâs experience as easy as possible, so for the salon locator function I used the effective yet simple Google Maps Geolocation API to determine distances between points and deliver a list of salons closest to the usersâ location. When it came to mobile devices, I decided that for ease, it would be most efficient for these devices to automatically detect the usersâ location.
The social feed is another of the siteâs essential components, producing an aggregated list of Great Lengthsâ activity across its main social networks. The main challenge here was that the feeds had to be pre-fetched and cached in order to be able to serve the page content instantly. To ensure that the feed would work regardless of the device, I used Masonry Javascript (a Javascript grid layout plug-in) to arrange all the items in an aligned grid and used an infinite scrolling functionality for these devices too, which adds to the experience of the feed.
Given the visual subject of the site, my main challenge as a developer was to ensure it would function on all devices, without compromising the quality of the images or the user experience of essential functions. By utilising caching and image optimisation the team managed to deliver a site that has surpassed the expectations of the client, received incredible recognition from experts in the industry and is as stylish as the brand it represents.
More to the point, itâs working. The stats from last monthsâ viewing figures are in and weâre proud to reveal that the site is not only holding its own in the style stakes, itâs also proving hugely successful among regular and new users alike. Monthly unique visitors have more than doubled, reaching a whopping 9,873Â â 40% of these are returning visitors and an amazing 60% are first time visitors. What’s more, the average visit time per user has risen from four minutes to just under five.
And donât just take our word for it â hereâs what Carol Leo, MD of Great Lengths had to say: â The feedback weâve had from our clients has been nothing but positive and weâre all so proud of our new website. It gives me great pleasure to know the hard work Turn Key put into its development is being recognisedâ.