January 20th, 2012

Selected Works: Behind the scene, Interactive   Labels:

iphone-weetakid-app design north kingdom yum yum

NORTH KINGDOM PROJECT — Weetakid, an intergalactic mobile gameplay for kids, is a concept made by BBH London for Weetabix, which is a popular whole grain wheat breakfast cereal in England. The assignment for North Kingdom was to create a mobile game with an AR solutution connected to the cereal package.

I myself wasn’t so much involved as I use to be in this kind of projects when BBH London was in charge of the overall feeling, Yum Yum (London) made the characters and 3d, and Zoink Games (Gothenburg) took care of the games, including game bible.

My role was pretty much to take care of the first look and feel, concept designs, covers and some interface design/ mock ups. The final production was so so in my eyes… but it has some cool visuals so I thought it could be fun to keep it here on the blog for the future. The image above, with the three iPhones, have I done in Cinema 4D.

“Weetakid, the game. Brought to you by Weetabix.”

— WIP

1_feedback_weetakid_concept_rob_1
2_cover_rob_5version
3_weetakid-logo-c

Some first rough sketches of the cereal package cover I did together with our 3D artist Mathias Lindgren. We knew Yum Yum was going to do the final 3D so we focused on design ideas, proportions, logotypes and other design elements.

We had to finish this print before we started the “real” project because of timing. So at this point we had to figure out what kind of world Weetakid would lived in.

4_feedback_yumyum

Here are some first stuff from Yum Yum in London with my feedback written on top.

5_cover_weetakid_4

We wanted to keep Weetakid in a happy lovely mood with a cool logotype …

6_weetakid_36pack_hires_rob_2_yy1layer

… but the client wanted to keep him like this; more serious and frustrating. This is the final version for the cereal package with the logotype from the Weetabix design department. Better?

7_weetakid_12pack_hires_rob_1

Another solution we did for another kind of package.

final-tut-1

A part of the storyboard from BBH London who was in charge of the flow.

aa_weetakid-loading-page
b_weetakid-mockup-2
c_weetakid_mainmenu_110905
d_weetakid-mockup-3
e_weetakid_nibble_menu_110905

My mock ups for some of the interfaces (not finals).

weetakid_loadingscreens_110905

Some loading screens I put together for different screens.

3D by Yum Yum London —

yumyum_1_mini_game_items_02
yumyum_2_yy_3d_items_v3
yumyum_3_desert3

The best part of the project was to work with Yum Yum London who was in charge of the 3D. Lovely guys to work with, thank you guys!

   1 comment

September 26th, 2011

Selected Works: Interactive   Labels:

volvo-xc-travels

This spring we at North Kingdom did a small web project including both an iPhone app and five movies with Forsman & Bodenfors for Volvo. We created an online guide with the 25 most spectacular winter adventures in Scandinavia, a project called Volvo Cross Country Travels. With the app you can receive special designed badges from each location. Forsman & Bodenfors made the concept idea, my role was Interactive Art Director.

xc-travels-volvo-skisser-first-round

To mock up the first design (B) I received some rough sketches (A) from Forsman & Bodenfors, who wanted a clean magazine so it could run on an iPad. Therefor we chose HTML5 as a platform.

volvo-xc-travels-screens_1000px_1
volvo-xc-travels-screens_1000px_2
volvo-xc-travels-screens_1000px_4

Some screenshoots of the final result (small changes have been done since launch).

volvo-cross-country-badges1

We created some cool badges for each location which you could get digital if you checked in at chosen location. Our idea was also make them physical so people could receive them by post so people could put it on their cars. Illustrations by Anton Eriksson, directed by Jakob Nylund.

We also sent two guys for 3 weeks of filming. Jakob Nylund and Riccardo Tagliabue made five beautiful spots (above). I sold in the idea and really wanted to go with them, but the time issue made me to stay at the base.

You can read more about the filming here — North Kingdom is filming for Volvo XC Travels

The total result turned out so so I think except for the badges and the videos that had higher level. Some annoying tech problems with external partner cut down almost all love. Instead of doing the whole thing with HTML5 we ended up with a hybrid solution (Flash) the last two weeks of the project.

north-kingdom-at-forsman-and-bodenfors

However, it was great to work with my old friend Staffan Lamm at Forsman & Bodenfors again. They are doing such excellent work these guys! Mathias Lindgren (North Kingdom 3D) and I was working inhouse at their Gothenburg office the last week. On the picture you can see Mathias at their total orange place, 8.45 PM, Friday night. We where the last one leaving. (Photo taken by iPhone)

   1 comment

November 28th, 2010

Selected Works: Interactive, Miscellaneous   Labels: ,

A first rough body tracking test from out little lab project Woodbot Pilots. We have used a 82-inch display from Samsung, Unity 3 technology and a camera from a local Skellefteå company called Fotonic, who manufactures 3D cameras, based on time-of-flight (TOF) technology.

The difference between Xbox Kinect and our camera is that we are using TOF when Kinect is using a structured light and can maintain tracking through a range up to 3.6 meters when Fotonic have a max range of 7 meters. The Kinect sensor is built for use in living rooms and our camera has been optimised for industrial and demanding environments. Both cameras are using imaging CMOS sensors

The huge display was sent to Skellefteå today where we will finish the work within the next two weeks. More stuff will be posted soon.

Link to Vimeo.

   1 comment

September 20th, 2010

Selected Works: Graphic Design, Interactive   Labels: ,

woodbot pilots interactive installation
woodbot pilots concept

NORTH KINGDOM, WORK IN PROGRESS — For the moment I’m working as a Creative Director/ Art Diretctor / Designer with a little different project then I am used to. It’s an interactive installation that will be placed at Skellefteå Airport this winter. An installation where we will use a very interesting 3D camera technique and a huge 82 inch one-touch screen. If you have seen Microsoft’s Project Natal you maybe know what I’m talking about, it’s a 3D technique that can be used both in games and installation like ours, but also for instore installations, interactive shop windows and much more.

fotonic 3d cam

The 3D camera is developed and made by Optronic in Skellefteå and it’s using Time-of-flight (TOF) technology (can be explained as radar operating with light). More information about the camera at Fotonic.

“With the technology, the time it takes for a very short laser pulse to travel to a certain object is measured, allowing distance to be calculated with great accuracy. Using a unique sensor chip, the distance to each individual pixel in the scene can be measured, creating a complete three-dimensional image.”

Video — Proof-of-concept of hand controlled car game
Video — 3D camera test

x_just-one-of-the-guys-copy1

The basic idea behind the concept was to make something pretty simple (orders from the 3D cam tech guys) and focus on the visual, because we don’t want any bugs when it will be a public installation. That gave us directions to use as few joints in the bodies as possible. Therefore I had to figure out how to make them so simple as possible but still interesting. The first sketches I did were these fluffy things, which was made for one of our first ideas around an interactive mirror. From the beginning our ideas were mostly to make something arty, focusing on something we called Flight DNA (when every flight trip is unique), and digital mirrors with avatars (which is still on the track in another shape). However, it felt little lame, so we ended up with a game instead that anyone could easily understand. During this period I was working a lot with Per-Mattias Nordkvist, Improove (who I worked together with at Paregos in Skellefteå, way back).

(These fluffy characters are now moved to another ongoing project).

characters-concept-2d-4-011

When we moved over to the game idea I wanted characters with more attitude and possibilities to fly. When Skellefteå is famous for its wood culture, what would be more right to do the characters in wood? And what would be cooler to make these wooden characters into robots? Above is the first concept sketches I made in Illustrator, showing the different bodies, heads, etc. It is also showing some first ideas of how the environment will look like.

woodbot pilots
woodbot pilots

Here are we working with the texture, colors and placement of the fabricated logotypes (which will give the characters a racer attitude). Pawel Wilkos from Ars Thanea is helping me out with the 3D when Mathias Lindgren, our 3D master, went on paternity leave. So big thanks to our old friends at Ars Thanea! We are own you one!

When I came up with the idea of these wooden robots/pilots it felt like we could do something more around them. Could we make them like a brand, could we take them further to other platforms? It’s some ideas we now are looking at, so I really hope we will see them in other platforms soon. Right now we are actually doing some first tests on iPhone (something I have been dreaming about over three years now). My intention is also to make a shop so people can order them as 15-20 cm high design wooden characters, limited edition. I hope to connect our local wood companies together to make it happen. If not, let me know if you have any ideas how to sponsor the project.

   More pictures and information here.   1 comment

December 10th, 2009

Selected Works: Interactive   Labels:

Adidas Teamgeist by North Kingdom for Adidas Football Germany. Featuring Michael Ballack, Lukas Podolski, Bastian Schweinsteiger and Philipp Lahm.
Adidas Teamgeist by North Kingdom for Adidas Football Germany and World Cup 2010 in South Africa. Featuring Michael Ballack, Lukas Podolski, Bastian Schweinsteiger and Philipp Lahm.

Project: Website by North Kingdom. My work: Lead Art Director & Designer. Client: Adidas Germany.
Information: On November 13th 2009 the new fed kit for the German national football team for the World Cup in South Africa 2010 was officially launched and presented to public. This jersey is of national interest, with huge PR activities behind it. Having centred the DFB communication campaign in classical ATL channels over the last years, adidas Germany were now looking for a cutting edge approach with a web based centrepiece. The main objective was to create hype around the team and its new jersey and in the long run anchor adidas as the leading football brand in Germany. The campaign targeted towards German football fans, is driven by the idea of team spirit, the fun of the game and the design of the new DFB jersey.

We at North Kingdom created a web based centerpiece called adidas Teamgeist. An unique online graphic novel game where the fans can discover and learn more about the story behind the jersey while competing for the ultimate prize of flying together with the German football team over to South Africa next June. The story is centred on the jersey and the importance it has to the team, the players and the fans. To find out, the users have to go back in time and replay the three German World Cup gold matches of -54-74 and -90 in a real time football strategy game.

Except the advergame the campaign consist of a set of viral video that was launched as teasers, an augmented reality novel, a blog, a twitter feed and a facebook fan page.

How we made it: Behind The Scenes

Link: Adidas Teamgeist
More pictures: My portfolio

   1 comment

July 1st, 2009

Selected Works: Interactive   Labels:

forsvarsmakten_bordet
forsvarsmakten_omojlight-uppdrag
forsvarsmakten_bildspel

Project: Website by North Kingdom. My work: Interactive Art Director. Client: DDB Stockholm.
Information: This site is the major part of a recruit campaign for the Swedish Armed Forces (Försvarsmakten) by DDB Stockholm. We worked very closed with both DDB and Jesper Kouthoofd (Teenage Engineering) who was Film Director and in charge of the scenography. Stopp did the Post Production and 3D. The web experience and the eight commercials were shot on a 330 feet set inside a secret naval base outside of Stockholm. The website consists of a 15 minute interactive film that was shot in one take.

Link: Do you have what it takes?
More pictures: Designchapel portfolio.

   1 comment

June 12th, 2009

Selected Works: Interactive   Labels:

mac-cargo1

To build my portfolio part I have used Cargo Collective, which is a web publishing (CMS) and community-building platform (currently in development). Here is the content that counts, not the design, which sometimes can be very good for us designers who usually struggling to make as cool portfolio as possible.

   1 comment

May 21st, 2009

Selected Works: Graphic Design, Illustration, Interactive   Labels:

father-robot
fanorna2
confession

Finally, DCHPL-2 is live! These three picture is my first of a series I will continue work on during 2009 and probably 2010. They are found at my Cover Art selection if you have not seen them.

I have had these illustrations almost ready for over a year now but I have never had time to finish my website so therefore I have kept them in my drawer. I’m sure you know how it is… there are thousands other things to do then finish your portfolio. However, I came up with a pretty easy solution in the end but still very open creative with the cover solution. The base of this WordPress blog and my portfolio on Cargo. Thank you Andreas Philström and PM for helping me out with the WordPress programming. I really like this solution where it will be more focus on creating stuff for my portfolio instead of recreate my website.

I have actually been working on the content for the site during several years. The main idea for the site was to try out new techniques and medias that I never have been working with earlier. For example fashion drawing, learning Painter and concept drawing, creating a font, learn more about After Effect and so on.

My goal was also to make everything myself but as I said, the time issue is pretty big in this branch, so instead of making the photoshoot myself I worked close with a photographer, Håkan Moberg, and Mathias Lindgren (North Kingdom) helped me out with making the robots from my concept drawings.

You can download the pictures as wallpapers here.

closeup-robot

Close up — Father Robot

closeup_black-sunday

Close up — Black Black Sunday

   1 comment

November 14th, 2008

Selected Works: Interactive   Labels:

tele2-6652
tele2-665-21
tele2-665-31
tele2-665-41
tele2-665-5

Project: Website by North Kingdom. My work: Interactive Art Director & Designer. Client: Forsman & Bodenfors.
Information:This autumn we did a small work together with Forsman & Bodenfors for Tele2. They come to us with a rough concept and a very short deadline. It wasn’t the biggest challenge when we talk creative freedom, but we did I good teamwork and put together a pretty cool campaign in the end.

   More pictures and information here.   1 comment

March 21st, 2008

Selected Works: Interactive   Labels: ,

blau1

I have launched a new version of Blaugallery with a minor concept change. I have now focused on very few artist and motives but made them very exclusive with signed Limited Edition of 10.

You can check out the site here: Blaugallery.com

   More pictures and information here.   1 comment

February 10th, 2008

Selected Works: Interactive   Labels:

coca-cola-zero-game

Project: Website by North Kingdom. My work: Art Director & Lead Designer. Client: Coca Cola Zero Germany.
Information: We developed the online concept in near collaboration with Coca-Cola Germany. North Kingdom was responsible from concept thru filming, production and delivery, collaborating with many of our favourite partners and subcontractors.

Results: 1 400 000 visitors (completed games). Avarage time spent on site: 9,5 min.
Awards: FWA Site of the day and Site of the Month, Bronze at Clio Awards 2008, Silver at Cannes Cyber Lion 2008.

coca-cola-zero-game-_2
coca-cola-zero-game-_1
coca-cola-zero-game-_4

Some of the screens from the four games you have to go through to complete the mission. The scenography is built and filmed in a studio in Skellefteå. Check out the Making of “Coca Cola Zero” here if you want to see how we did it.

To get a stronger game feeling I wanted an illustrated manner between the games and to the tutorials. This was done by Anton Eriksson.

   More pictures and information here.   1 comment

January 29th, 2008

Selected Works: Interactive   Labels: ,

Andreas Philström(AD, North Kingdom) and I have just launched a design inspiration blog called Reform & Revolution with authors like Rob Ford (FWA), Chris Hewitt (dstrukt), Peter Jaworowski (The Hejz) among others. Here we will post and discuss stuff that inspire us!

   1 comment

April 4th, 2007

Selected Works: Interactive   Labels:

665_bild_107_gtg1-copy.jpg
665-bild_107_gtg2-copy.jpg

Project: Website from North Kingdom. My work: Art Director & Lead Designer. Client: Goodby, Silverstein & Partner.
Information: A new “Got Milk?” campaign together with GSP. This time we did a boardgame where we actually built a real board as a ground for the site. The model was around 2,5 x 3 meters. Art Director from GSP was Jorge Calleja.

Awards: Gold & Silver Clio 2008, Black Pencil & Gold Pencel D&AD 2008

   More pictures and information here.   1 comment

January 24th, 2007

Selected Works: Interactive   

bild_106_awa-x.jpg

Date: Micro Website. My work: Art Director, designer & illustrator. Client: Awa Manneh.
Information: A micro site for the Swedish music artist Awa.

Check her out at AwaOnline.se

   1 comment

September 15th, 2006

Selected Works: Interactive   Labels:

bild_105_brio-x.jpg

Project: Website from North Kingdom. My work: Art Director. Client: BRIO.
Information: BRIO is a piece of Swedish history. BRIO, who is making toys by wood, have changed their profile and therefor wanted a new face on the web.

   1 comment

May 10th, 2006

Selected Works: Interactive   Labels:

bild_102_voda-x.jpg

Project: Website from North Kingdom. My work: Art Director & Lead Designer, Creative. Client: Vodafone Group, London.
Information: A presentation of who Vodafone really are. We made a long movie where the visitor can interrupt the film and interact with the content in different layers.

   1 comment

May 2nd, 2006

Selected Works: Interactive   Labels:

bild_100_milk.jpg

Project: Website from North Kingdom. My work: Art Director & Lead Designer. Client: Goodby, Silverstein & Partners.
Information: Got Milk? is a milk campaign for the American market from Californa Milk Dep. Art Director from GSP was Will McGinness.

Awards: 2 Gold at Cannes Cyber Lion 2006.

   1 comment

June 8th, 2005

Selected Works: Graphic Design, Interactive   Labels:

bild_96_nk-x.jpg

Project: Website, Corporate Identity/ Branding from North Kingdom. My work: Art Director & Lead Designer. Client: North Kingdom.
Information: A first version of North Kindgdom identity.

   1 comment

April 17th, 2005

Selected Works: Interactive   Labels:

bild_95_cola-x.jpg

Project: Website from North Kingdom. My work: Art Direction (w. Bjarne Melin) / Graphic Designer/ Flash Animator. Client: Armchair Media/ Coca Cola.
Information: A showcase site for five special designed bottles for Coca Cola. The bottles where designed by Designed Republic, MK12 among others.

   1 comment

October 3rd, 2004

Selected Works: Interactive   Labels:

bild_91_toyota-x2.jpg

Project: Website by North Kingdom. My work: Art Director & Lead Designer. Client: Dentsu & AOI, Tokyo.
Information: A microsite for a new model from Toyota for the Japanese market.

   1 comment

September 10th, 2004

Selected Works: Interactive   Labels:

bild_90_smoke-x1.jpg

Project: Website by North Kingdom. My work: Art Director & Lead Designer. Client: Otto Stockholm & Nicorette.
Information: An independent international newschannel named Smokeweek wants to save the worlds smokers from a fresh and mintsmelling future.

Result: BBDO Oscar, Silver Lion at Cannes Cyber Lions 2005 and Finalist at the biggest competition in Sweden; Guldägget.

   1 comment

August 26th, 2004

Selected Works: Interactive   Labels:

bild_87_saturn-x.jpg

Project: Website by North Kingdom. My work: Art Director & Lead Designer. Client: Goodby, Silverstein & Partners, San Fransisco.
Information: A microsite for the american broadband audience.

Result: “Best in show” and Gold in Animations at Flash in the Can 2004, Bronze award at Cannes, One Show and Clio.

   1 comment

April 14th, 2004

Selected Works: Interactive   Labels: ,

bild_82_blau-x.jpg

Project: Website / E-shop. My work: Art & Creative Director / Graphic Designer. Client: Blaugallery & Designchapel.
Information: Blaugallery offers high quality frameworks with motive printed on canvas with artists from all over the world.

   1 comment

April 11th, 2004

Selected Works: Interactive   Labels:

bild_81_philips-x.jpg

Project: Website by North Kingdom. My work: Art Director & Lead Designer. Client: Qi, Amsterdam.
Information: A new site for Philips Home Entertainment. The site includes both a product presentation and an experience area.

Result: EPICA bronze, FWA Favorite Website Award of the month, Macromedia Site of the Day.

   1 comment

January 10th, 2004

Selected Works: Interactive   

bild_76_vodafuture-x.jpg

Project: Website by North Kingdom. My work: Art & Creative Director & Lead Designer. Client: Vodafone Group, London.
Information: A website for Vodafone showing how we might experience and interact with the future mobile services in 5-10 years.

Result: Most honored internet production in the world 2004 including 2 gold Lions at Cannes Lion 2004, 2 gold at One Show 2004, 2004 People’s Choise at FWA

   1 comment

December 2nd, 2002

Selected Works: Illustration, Interactive   Labels:

designchapel-51

My first personal portfolio site. One million visitors within the first year. Designchapel helped us a lot when we started North Kingdom 2003.

designchapel-41

   More pictures and information here.   1 comment

December 1st, 2002

Selected Works: Graphic Design, Illustration, Interactive, Miscellaneous, Photography   Labels:

designchapel-mini

To see elder work, please visit my first Designchapel site from 2002.

   1 comment