Responsive Web Design

It was exciting to bring this bright, colourful and playful brand to life.

Rio Web Design - Full View Rio Web Design - iPad Portrait Rio Web Design - iPhone Portrait

Rio is a deliciously refreshing tropical soft drink, produced by Hall & Woodhouse LTD brewery in Dorset. Rio wanted a new website to coincide with an entire brand and product relaunch, which includes new flavours.

Rio’s been around since the mid-80s and was due to have a complete rebrand to run alongside the launch of two new variants of their product. Rio didn’t have a web presence before coming to Blue Frontier and after updating its visual identity and social media a new website was vital.

While the rebrand was being completed, and before the main website project could begin, we completed a small mini project to create a holding page for their chosen domain ( The holding page was based on their existing, and still recognised, brand. This acted as a sign post for the new website and intended to capture data on any visitors interested in keeping up-to-date with Rio’s exciting news.

A few months later, the main project began. Blue Frontier came up with some ideas for the website’s layout based on an initial website structure and content document provided by the client. We worked closely with Rio’s creative design and branding agency and followed their guidelines to ensure that Rio’s new branding was consistent on the website layout.

Rio Responsive Website  

Rio’s new look is inspired by the vibrant street art of Brazil – designed to encapsulate the down-to-earth, uplifting vibe of its younger target demographic. It was important that the website complemented this message. To achieve this, our designers used a combination of a (mostly) fullwidth modern looking layout, and eye-catching movement that is paired with the fun animation of the brands key character (Rocco the Monkey).

The website is not intended to sell Rio’s products. Instead its goal is to provide information about the new products and Rio itself. It is essential that the content-light site remains fresh and current and so, along with Joomla Open Source CMS, we also built custom components to bring Rio’s buzzing social media presence into the site.

Related Case Studies

  • Chartwell Screen

    Chartwell Finishing_

    Joomla Website Design

    New website design and build for Chartwell Finishing using the latest version of Joomla, responsive design.

    Read More

  • Clinical Partners

    Clinical Partners_

    Web Design & Search Engine Optimisation Services

    Blue Frontier performed an SEO site audit, and created a Search Engine Optimisation marketing strategy to bring about increased site visibility and traffic levels to Clinical Partners.

    Read More

  • Harrow Council

    Harrow Commercial Services_

    Council Commercialisation Digital Services

    Produce a functional and scalable website with a full end-to-end service that can cover design, development, hosting, optimisation, technical support and training.

    Read More

  • Reef Villa

    Reef Villa & Spa_

    Responsive Website Design Using Joomla

    Blue Frontier designed, built and launched a new website for Reef Villa. This was using the latest version of Joomla, responsive design and bespoke booking system.

    Read More

  • NHS South of England

    NHS South of England_

    Mobile App Development Services

    Prescribing Antibiotics in the Community for iOS and Android.

    Read More

  • Bailey Robinson

    Bailey Robinson_

    Joomla CMS Website With Custom Component & SEO

    This project highlights our ability to work with a wide variety of legacy platforms, build and host large websites, and balance UI design and SEO for optimum performance.

    Read More

  • SW London & St George's Mental Health NHS Trust

    South West London
    & St George's Mental Health NHS Trust_

    Creating modern web solutions for the NHS

    This project highlights our ability as an expert web partner for NHS Trust and public sector organisations.

    Read More

  • Green Waste

    Green Waste Club_

    Joomla CMS Website with Custom Component Build

    This project highlights our ability to work with a variety of proprietary platforms, build, support and host a large website, custom-build a unique, complex and scalable administration system, and design and build an engaging and intuitive UI.

    Read More

  • Salisbury City Council Graphic Design

    Salisbury City Council_

    Graphic Design Services

    This project highlights our ability to create visually appealing graphics across a range of projects

    Read More

  • Dream Doors

    Dream Doors_

    Pay Per Click Management

    Blue Frontier have been providing a number of services to Dream Doors since 2010 which include Search Engine Optimisation, Pay Per Click Management, Social Media, Content Creation, Web Design, Hosting and Graphic Design.

    Read More