Logo design | Series of interactive online educational modules | Teacher's notes | Worksheets
Intelligent Living is an educational resource for BMW Education to help 14-16 year olds learn about the future of sustainability in cities.
Created at Zinc Communicate, with illustration by Mike Stonelake and digital development by Catalin Magirescu
To deliver a programme of classroom resources to help 14-16 year olds learn about the future of sustainability in cities.
Working with an educational specialist, we produced a series of interactive online modules (accompanied by printable pdf worksheets) to be used in schools by students, either on independent machines or as part of a group learning environment.
An illustrator was commissioned to create visuals of sustainable and not-so sustainable environments, including various educational points of interest. The modules were structured around exploring these, to deliver information in an interactive way so that students can discover information for themselves and make their own connections. I worked with a front-end developer and he got these illustrations animating. It's fun to watch the little cities at work! I designed the interactive screens with various layers of information that can be discovered by clicking on different elements, using smaller parts of the bigger illustrated scenes to break up information and deliver the facts in a visual way. Each module ends with a scored quiz, for which I designed simple activities with drag and drop interactions, using colour to aid the communication of information.
I created a logo and colour palette to structure the resource. Each module is colour-coded with a primary colour palette for student-facing content and a secondary colour palette for teacher-facing content. I chose two fonts for the system: Arvo for display and Muli for body copy. I felt Arvo had a digital feel about it, with the sharp angles of the slab serifs, like the edges of modern cities. Muli was a nice clean, simple and easily readable sans-serif to deliver the copy information, with a similar x-height and wide counter spaces to compliment Arvo.
The logo is formed from the lowercase 'I' and 'L' of the resource title, arranged to show a face, - a reference to the human element of design in creating sustainable solutions. As the online modules are loading, the logo is animated to look as though the eye is winking at you while you're waiting! Alongside having a face, the logo also feels a little like a plug socket, perhaps somewhere you would use to plug in and charge your (BMW) electric car.