Crafts on SVT Barn

For SVT Barn I have developed a coloring book that works well on their responsive website. The coloring book works on smartphones, iPads and on regular computers. Editors adds pictures among which children selects and colors, or add different interactive stamps to. To make it easy for editors to create and administrate colorings books, I have designed and developed a flexible admin system.

...

My work

Contributed in concept design and user tests. I made all programming in HTML 5, canvas and JavaScript with the library KineticJS. I did testing on loads of devices. The adminsystem that is run in the browser was coded with the Javascript MVC framework Backbone.

Design process

Concept design together with Project owner and UX designer from SVT. Graphical design together with graphic designer from SVT. Contributed in user testing together with UX designer from SVT, with children that visited SVT. The user tests provided a deeper undestanding about how children actively create meaning in their play and coloring. An example was when what I understood as a bug was understood as 'magic' by a kid.

How the coloring book have been used on the SVT Barn web site

Here is shown how the coloring book has been used on SVT Barn. Kids can draw, colorize, and stamp interactive stamps etc.

Administration of the coloring books

The goal has been to make coloring books easy to create and administrate. New pictures are added by vectorizing an ordinary bitmap picture with lineart. This is easily done with a click in Illustrator (the function live-paint). SVG pictures are then added to the specific coloring book. Editors can define available colors to use in a coloring book, both general colors for the whole coloring book and colors specific for one picture. In a similar manner the editor can also add animated stamps, such as rotating screws and bolts in a coloring book for the show Labyrint, or flying birds and bees for another coloring book. With insight in how the admininstrators work, I designed and created a flexible admin system used in order to handle the different functions in the coloring books.

Newer SVG prototype

Here you can try a simpler version of the one used on SVT Barn. Here SVG is used insted of Canvas in the background. Click on the green button with a left-arrow in order to find more pictures to paint :)

Similar projects

caase

Blowfish, game for Android and browser

Game development in LibGDX, combining gameplay, graphics, and technology for web and Android platforms.

More about Blowfish, game for Android and browser
caase

MMA Quiz, games for Android

Mobile game with a backend where game data, users, and multiplayer functionality are managed via an API.

More about MMA Quiz, games for Android
caase

Sacka

Game development in Flash and C++, focused on gameplay loops and procedural variation.

More about Sacka
caase

Avanza Bank's new web

Frontend architecture and prototyping in an agile team, with a focus on interactivity, data visualisation, and user-centred development.

More about Avanza Bank's new web
caase

Web development Viasat

Fullstack-utveckling av play-tjänster och interna system med fokus på skalbarhet och innehållshantering.

More about Web development Viasat
caase

e-learning at Liber

Production management of e-learning, translating content into technical solutions and digital training.

More about e-learning at Liber
caase

Billing system

Business system developed in PHP, where interaction design and the data model were created from scratch.

More about Billing system
caase

Embodied UX in a word game: moving letter tiles as a cognitive strategy

Experimental UX study investigating how moving tiles in an interface can support thinking and problem-solving.

More about Embodied UX in a word game: moving letter tiles as a cognitive strategy