Tommy Säl
ss-hargrid-05.png

hpcharacters

Harry Potter™ characters + scenes

Kano is a creative computer company in London who make computer and coding kits. In 2o17, they teamed up with Warner Bros. to make the Harry Potter Codeable Wand Kit – the first of it’s kind. With this kit you’ll make your own codeable wand, explore iconic Wizarding World locations and code jellybeans, control fire, stun Grindylows, fly a Hippogriff, and more.

As the Wizarding World is full or vibrant characters, and we knew early on that we wanted them to play big part in the experience and that they had to fit into Kano’s existing design language.

My role as art director was to find an approach that worked for both parties, Kano and Warner Bros, and to execute on that idea.

 
 

Kano Computing • 2017-2018

Art Direction, design, illustration

Kano.mE→
Aaron Hinchion (CD)→
Picnic (animation)→

 

Character Development

With Kano, I had to adapt their existing illustration style to work better with the WW’s already established and iconic design language. And, there was a previously released series of character designs called “Charms” that Warner Bros. wanted us to match. On the below scale, Charms is on the left, followed by my first interpretation of Harry Potter, and then the end result on the right.

Merging styles through partnerships is not something Kano has done before, so it was a quite challenging - but just as rewarding - process, with an outcome that would end up influencing Kano’s own avatar framework.

Screenshot 2018-10-09 at 12.19.56.png

an Early - and awkward - Direction

character-exploration-03.png
 

The Characters

hp.png

Harry Potter

hp-2.png

Harry Potter

hg.png

Hermione Granger

rw.png

Ron Weasley

ad.png

Albus Dumbledore

go.png

Garrick Ollivander

luna.png
 

Becoming buddies

It was great to get to familiarised with the characters of the Wizarding World™ during my research, and get to know their unique personalities, quirks and rich attitudes.

And I’m a total Hufflepuff, by the way.

 
ss.png

Severus Snape

ps.png

Pomona Sprout

hh.png

rubeus hagrid

fb.png

Newt Scamander¹

dobby.png

Dobby

du.png

Dolores umbridge¹

mm.png

Moaning Myrtle

mm.png

Madam Malkin¹

avery.png

Avery, Death Eater¹

w-twins.png

Weasley Twins

gw.png

Ginny Weasley

rl.png

Remus Lupin

dm.png

Draco Malfoy

 

Surprise Scenes

The characters were mainly designed to appear in Surprise Scenes; short and sweet animations at the end of certain challenges, to reward, surprise and delight users. The animated scenes follows a simple formula; show what you just coded in a specific environment, and add a fitting character Like this scene that takes places after a jellybean challenge in Honeydukes;

 
ron-gif.gif

Animation by Picnic Studio

 

Storyboards

The Surprise Scenes was a blast to illustrate, and preparing the storyboards for the animators was a great exercise in bringing the characters to life, and being able to full out on their personalities.

19 scenes were illustrated, storyboarded, and prepared for animation.
Here are some of my favourites.

Malfoy making a mess in The Great Hall

Neville fainting in the greenhouse

Hagrid hatching a dragon egg

Dumbledore’s office, and a bag of sherbet lemons¹

Prof. Flitwick decorates the christmas tree

Griphook in the vault

Moaning Myrtle floating through bubbles

 

¹ Not used. HARRY POTTER characters, names and related indicia are © & ™ Warner Bros. Entertainment Inc. WB SHIELD: © & ™ WBEI. WIZARDING WORLD trademark and logo © & ™ Warner Bros. Entertainment Inc. Publishing Rights © JKR. (s18)