+44 (0) 208 133 8210
SLG Agency

Real Infectious Ideas

SLG approached J B Cole to work in partnership on a unique, animation-led website to convey the tone of their recent redesign as a brand. The concept was to create a 'living' home screen that was extremely user-friendly and constantly refreshed with new and engaging content.

Visit Site
the brief

SLG provided detailed designs of a rebranded and fresh conceptual website including a dynamic homepage which constantly refreshed website content onto moving tiles which could then be interacted with by the user.

We coded multiple designs to HTML, created the complex animations, integrated the website into WordPress with a user friendly back end & rigorously tested the site across multiple browsers and devices within 5 weeks.


our approach

step 01

Speccing the project

We faced a number of exciting and difficult complexities to tackle on the project including creating the dynamic homepage which randomises content and constantly refreshes. Secondly, creating a way for SLG to seamlessly interact with the backend to ensure the website would be user friendly and futureproof. We began by creating a full architecture as well as a detailed breakdown of the system requirements.

step 02

PSD to Responsive HTML Conversion

We then moved onto converting the static PSD documents to pixel perfect responsive HTML. At this stage we paid close attention to the specific details of each individual page to ensure that we were replicating SLG’s vision to the exact pixel.

step 03

Implementing Animations

Working closely with our lead developer, the next stage of the project included tackling the intricate animations, the most complex of these being the homepage. Through a series of development-led meetings and rigorous research we created the animations throughout the site to match SLG's vision.

step 04

Wordpress Implementation

One of the key tasks for the project was to create a user friendly and futureproof back end which SLG could maintain once the project was handed over. Through a series of client meetings we built a simple and easy to use admin panel using various techniques to ensure that even the biggest of technophobes had confident control over the website’s content.

step 05

Full System Testing

Although we rigorously test our projects at every stage, we always reserve some time to do a full system test at the conclusion. This includes a design review, Development review and full UX review before running the website through the latest 2 versions of Google Chrome, FireFox, Opera, Safari & Internet Explorer across multiple devices.

the outcome

We created an extremely engaging, original and user-friendly website to the exact specification of the brief which allowed SLG to express their new identity and complete their rebranding process as an advertising brand leader.

Visit Site


Start a project with us today
Read our agency partnership approach
Ready to transform your business?
Call us today on 0208 133 8210
Let's kick start change