Last Instinct

While working at Basilicon, I made a few full browser video intros for Pågen’s sites in Sweden, Denmark, Norway and Finland. The videos are integrated using a extremely flexible technique that also features instant bandwidth measuring and automatic quality adjustments.

Note: The film itself was not made by me. Only the technique behind it the intro.

I’ve done a few video intros like this before, but these video’s were first off to be featured on a new powerful media server. The server was specially configured at Basilicon with custom scripts to enable lots of customized video features. This solution enables very cost effective fully customized video services for Basilicon’s clients, any way they like. The video is mainly H.264 up to HD quality desktop playback or high quality mobile viewing. Also the videos are controlled by a schedule using a custom built media manager.

Last week I started my new job at Research In Motion (RIM). I actually got a job at The Astonishing Tribe (TAT) first, but just as I had signed the papers, TAT got acquired by RIM. So the whole situation changed for me and my new colleagues, but I am very excited about this new opportunity!

So now I will be working as a User Interface Designer in the mobile industry. You’ll probably see things I make in the BlackBerry product line from now on.

TAT has really made some cool stuff so far. Make sure to check out their demos & concepts.

This means I’m no longer working for Basilicon. It has been more than 3½ great years there and it has really given me a lot of great skills and experiences. Not to forget; the Swedish Design Award!

I will still carry on some web design, but in my own company Instinct Media from now on. So if you’re interested in getting a nice design – don’t hesitate to contact me.

Recently, I made a Dealer Locator for Thule’s website. This is probably the biggest Javascript based project I’ve done so far. The application was made using the Google Maps Javascript API, jQuery and HTML5.

The main target was to get a faster and more flexible Dealer Locator than their previous locator. It should also easily be deployed globally to all countries they are operating in (currently 79). The application also had to meet needs of being portable to smartphones and tablets. All design and programming was done by me in this project. The hardest part was to make it as lightweight as possible and maintain decent speed in all browsers.

An interesting technical detail is that my translation system is using the new HTML5 Microdata model. In shorthand, the microdata model allows you to store custom data on all elements in your HTML. There’s no native support for it in the browsers right now, but it’s easy to work with it in jQuery. I think it has great potential and we have to see what it will be used for in the future.

For the launch of the new Jeep Cherokee in 2008, I made a frontflash and a spot for the campaign at Basilicon.

The main design and animation was made by me, but I got some help from Anders Ekström, who really wanted the leopard to jump in from the right. Since we only had a leopard laying down, we had to fabricate the jumping leopard.

At Basilicon, we were recently proud to release a dedicated video player for Thule globally. I have over some years developed a unique video technique for Basilicon which is rather cutting edge. It measures and estimates your bandwidth capabilities in 0.3 seconds and adapts the video to this.

Well, this can be done with any sophisticated streaming server, but this technique does it without the need of a streaming server, which reduces the cost and maintenance significantly. It’s done using Adobe Flash and it’s currently not possible to do in HTML5. It uses H.264 codec, which works like a charm in the latest Flash Player. Even on my old crappy laptop. It also features automatic quality control to optimize performance during playback.

Everything from video coding to player design and setting up the server was done by me. It was a bit nervous to estimate what performance we needed from the server and find a hosting partner that could deliver this for a reasonable price. I chose a cloud VPS for this, which could be upgraded with better performance when necessary. We have not needed to upgrade it yet and I am really satisfied with the performance and flexibility of our hosting. After some fine tuning it now serves 10000+ videos every day perfectly. That number will probably increase a lot later on, but the server has much more to give.

This was a campaign site for Mercedes-Benz company cars I made at Basilicon in 2009. It was an flash application with a funny approach to comparing leasing costs for cars. Everything was measured in how many caffe lattes you saved each month.

It was actually based on a similar campaign made by another web agency earlier. I got the assignment to redesign it so it matched Mercedes-Benz new corporate identity. But the project ended up being a lot bigger than that, since the wanted to update most car models and add pages with environmental information on so on. I also had to rewrite most of the code, since it was such bad design and so buggy from the start. So at the end I had rebuilt the whole application.

This was my first big campaign when I started working at Basilicon in 2007. Jeep had a collaboration together with the wildlife park Kolmården where Jeep sponsored a terrain driving track. We made the campaign site and also the booking system, which my boss Anders Ekström put lots of energy into.

I directed the art and programmed most of the flash interaction and the implementation in HTML. I worked together with David Andersson in designing all the sub sections. The main design was formed as an old map with a little Jeep as mouse pointer. The little car was actually the hardest part to get to work correctly.

The technical solution for the window was really cool, since most of the campaigns back then used rather annoying popup-windows. This was made as a layer with transparency and shadows in flash instead. This wasn’t really possible before that point, since Safari on Mac had terrible and very buggy support for this. Fortunately, Firefox had just gotten better support for it. The web support have really developed a lot on Mac in the three years since then!

This was a project I made together with Danny Gomez in 2008 at Basilicon. Duni wanted an interactive product presentation for their customizable transparent plastic salad bowl. I made the design, the text & logo effects and interaction flow, while Danny made the 3D-model and animation. I think we got a realistic and really interesting presentation of the product.

This was our first project for Crawford at Basilicon in 2008. Something that turned out to be a long and extensive partnership still going strong. They wanted a temporary site and an updated logotype for their WebDoor brand before they put up their own web shop.

I didn’t have much more than a low resolution PDF to work with (a rather common problem in web development), but it turned out great anyway. I made the full design and HTML and I had to do a full remake of the logo, since it only existed in an old low resolution version in the PDF. This, in no time at all, but that was naturally no problem.

The website was replaced by their own web shop later on, which you can visit at webdoor.com

My portfolio from Basilicon along with an interview was published in Cap&Design #3 2009. Cap&Design is the biggest swedish brand magazine for graphic design and web design. If you missed it you can read the article about me online.