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.

The application had to be really easy to use, since the target group was really young kids. At the same time, there was a big challenge putting it together because we had a lot of games to do in extremely short time. So all the games we made were each made in less than a day. That’s not what we do normally, but this was a very special project. The application was made entirely in Flash, even the image tracing.

Fun fact
The storyteller is actually my ex-boss Anders Ekström, who will figure as the new storyteller in most of the upcoming Bamse productions.

The design follows the previous graphic style I used for a folder earlier this year. If you want some you can get your hands on them at the office of Helsingkrona Nation.

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.

The project is an offspring from the LdB campaign, and my part this time was photography, the overall UI graphics and the server side scripting.

Please cast your vote for us (this week only) at Svenska Designpriset. Remember to submit your e-mailaddress when you vote.

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.

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.

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.