Skip main navigation
We use cookies to give you a better experience, if that’s ok you can close this message and carry on browsing. For more info read our cookies policy.
We use cookies to give you a better experience. Carry on browsing if you're happy with this, or read our cookies policy for more information.

Skip to 0 minutes and 15 secondsSo to articulate the design brief for FutureLearn. We needed to know three things. Firstly, what is the brand in the world to do? So FutureLearn, their purpose was learning for life, so learning not just for learning's sake but learning to help you move on and up in life. So how do we express that and bring it to life? Secondly, was who is the brand for? So FutureLearn's open to everyone, anywhere in the world. So we knew that it needed to be a universally accessible identity. And third, where is the brand going to live? So FutureLearn is predominantly an online platform and with lots of interaction.

Skip to 0 minutes and 48 secondsSo we needed to create something that could work on screen easily, be functional and recognisable but also something that could translate to print easily as well.

Skip to 1 minute and 0 secondsThe journey to the solution was a case of trying to solve each of the three points of the brief in a way that connected them all. So our first thoughts were around was the most recognisable, universal method of learning. And the way FutureLearn works, the weekly module learning, got me thinking about the building blocks that you use a child and that you can arrange them in different ways, however you want to. So our next thought was how to use these blocks to communicate learning for life. So we started playing around with them and stacked the blocks up into this upward staircase. At it seemed to fit with learning that took you on and upwards in learning and in life.

Skip to 1 minute and 38 secondsAnd then we extracted that and stripped it back just to the steps icon, which became like the hero icon and then also conveniently it had hidden F in there as well. So the next thought was like, OK, we got these blocks and these icons, so how can we get them working in a digital world, so for touch screen application. So we took the F-icon, the Steps icon, and gridded that up, and then built out all the other icons from that. So we had this real simple system that made all these recognisable icons that all that sort of direction running through them where possible.

Skip to 2 minutes and 16 secondsAnd then once we cracked that system of squares and icons, it was, OK, how do we make this feel right tonally? We started looking at work like Josef Mller-Brockmann and real Swiss graphic designs, really paired-back and ordered but with a sense of freedom. That inspired the icons and the grid and the typeface choices as well. So we picked something that was very modern, sans-serif, and geometric typeface. And then the last thing that we looked at was colour. So we looked all other competitors in that sector, the colours that they used. You had blue for social, green for growth. And we felt that colour for could work a bit harder and that that should also communicate learning for life as well.

Skip to 2 minutes and 59 secondsSo we hit upon this idea of using colour to show where you were in your learning journey-- so sort of this gradient that went from dark blue for unknowing to yellow and enlightenment, and in the middle, that pink is the now. So wherever you are in your journey, it's always pink. If you were to look back and what you learned, it would be sort of dark-blue. And look forward to what you what you're yet to learn, it would be yellow. And that was the final piece in the jigsaw.

Skip to 3 minutes and 28 secondsSo to get the brand out in the world, we needed to understand where FutureLearn were in their lifespan and also where they wanted to go. So as a relative start-up, we knew that we had to create something simple that could enable them to tell their story easily but also have real simple, solid principles that could translate to anything that they wanted to produce. And so we created this simple kit of the three tools, really-- the type and how to use it, the colour with the gradient and how to use that, and also the icons and the blocks and how to use those as well.

Skip to 3 minutes and 58 secondsSo as long as those three things were present, and they all had these same principles behind them of onwards and upwards, as long as those three things were present, they could play with them and make them work for whether purpose they needed.

Creating a new brand - FutureLearn

FutureLearn is, of course, the platform on which this course lives. Wolff Olins created a brand identity for FutureLearn in 2013. Here designer James Titterton reveals the story behind the design. As you watch, assess which of his design ideas you think is the most important for building this new brand.

FutureLearn is a digital start-up brand: how do you think that fact influenced the creative process?

Share this video:

This video is from the free online course:

The Secret Power of Brands

UEA (University of East Anglia)

Get a taste of this course

Find out what this course is like by previewing some of the course steps before you join:

Contact FutureLearn for Support