Sakri Rosenström

Portfolio

Centomedia Digital Signage

Screenshot of centomedia

Centomedia is a Belgian Digital signage company with clients ranging from Airports (Brussels Airport, Dubai Airport), Multinationals (Nike, Engie, 3M), Universities (UAntwerpen, KULeuven) to local companies like KBC, BASE, Telenet, Spar and local municipalities). Their main product: Centoview “Screen communication made easy”, is a cloud hosted CMS system for custom designed Digital Signage slide shows. I was hired to assist with their transition from their Flash based Digital Signage approach to modern HTML5 solutions.

Year : 2014 - 2018

Client : Centomedia Technologies : Javascript, Polymer, Adobe Flash

Lotje childrens games

Screenshot of Lotje website homepage

Lotje is a well known series of Belgian childrens books by Lieve Baetensen. In the past, the site hosted a number of popular games built with Adobe Flash, which mobile users could no longer access. I was asked to create 3 new Html5 games which would work across all browsers and devices, aimed at kids between 3-7 years old.

I participated and gave technical consulting from start to finish. The games are customizable by a wordpress set up which allows the site admin to create new "versions" of the games by simply uploading new sets of images. To appease impatient kids, I created a lightweight micro game framework, mostly handling user interactions and game state.

I had fun with particles, as seen in the loaders and game interactions. Lotje illustrations heavily emphasize on "light" and "atmosphere", the particles are meant to emulate such a magical environment.

Year : 2017

Client : Lotje In collaboration with : Monokroom Technologies : Html5 Canvas, Javascript Play Games : Lotje Games

Knuckle Tattoo Generator

Screenshot of knuckle tattoo generator app

I was hired by Brighton based photographer Edward Bishop for a feature to accompany the website for his new book "Knuckles". Using Html5 Canvas, I created a knuckle tattoo generator, where users can enter their own text and choose a font in an html form, which is then rendered as a .png image, which can be shared on Facebook and Twitter.

Year : 2014

Client : Edward Bishop Photography Technologies : Html5 Canvas, Javascript In collaboration with : Tom Hole Visit site : Knuckle Tattoo Generator Projects instagram

Canvas Text Effects

Screenshot of Canvas Text Effect

I gave a talk at FITC Amsterdam in February 2014 and another one at Belgiums Multimania in Kortrijk on the topic of "Text Effects With Canvas". For these talks, and for research into the Html5 Canvas, I wrote a number of demos on codepen.io using tricks which I've accumulated up my sleeve over the years. The idea was to focus on performance and effects requiring pixel level manipulation, which cannot be done with css. Many of the demos allow the user to enter their own text.

Year : 2014

Technologies : Html5 Canvas, Javascript View demos at CodePen

Happy Metrix

Screenshot of Happy Metrix

Happy Metrix was a revisit back into start up world. The app lets you create easy-to-use dashboards, collecting validated data from diverse data sources. I built a custom set of charting components from scratch with the intent of making them easy to use, performant and lightweight enough for the iPad version of the app. I implemented a number of "data sources", working with the APIs of Twitter, Facebook, Instagram, Google Analytics, various URL shorteners/trackers and Tumblr (to name a few). On top of working on the app, I also took part in the promotion: speaking/visiting conferences and events, even spending days on a stand promoting the app at a trade show.

Year : 2013

Technologies : Flash, Flex, Html5, Javascript, OAuth, various social media APIs Visit site : Happy Metrix

Pioneer Kuro

Screenshot of Pioneer Kuro Flatscreen TV showcase

I collaborated with thesedays.be and Patrick Pietens on a flash based "Experience website" promoting Pioneers Kuro TV sets, one of the higher end flat screen tv's of 2008. In retrospect this occurred at an interesting moment in time: On one hand flash was maturing to the point of having solid architectural frameworks and 3D was the HOT topic (thanks to libraries like as Papervision3d and Away3d). On the other hand, the iPhone had just been released, and was soon to kill off Flash, with no mercy or remorse. The site had a distinctive 3d cube navigation, and was using some (at the moment) advanced management of video and interactive content. The project won several awards including the webaward.org.

Year : 2008

Client : Pioneer Technologies : Flash, Flex, Papervision3d webaward.org page for :Kuro Agency : Thesedays Antwerp Design : Valentijn Destoop In Collab with : Patrick Pietens

Bikkembergs Football

Screenshot of Bikkembergs Football experience site and online store

Bikkembergs Flash driven online store. The frontend connected to an Ogone backend for transactions. The project was a very fancy affair at the time, using FAMES (Flashout, ASDT, MTASC, Eclipse and SwfMill), or in other words an attempt at "open source flash". This set up allowed developers to code AS3 (programming language of Flash) with an editor superior to Flashbuilder or the Flash IDE, and export .swf movies from the command line. The project also featured a 3D video intro by Joost Korngold. This project won a webaward.org.

Year : 2007

Client : Bikkembergs Technologies : AS3, Fames, Ogone webaward.org page Agency : Thesedays Antwerp Design : Valentijn Destoop In Collab with : Nicolas Lierman 3d video by : renascent.nl

Help Joe

Screenshot of Henkel Help Joe tooth whitening paste viral campaign

Henkel wanted to try a viral approach to promoting their new tooth whitening paste called Express White. Nascom produced a "guitar hero" like game, where videos of a comedian brushing his teeth could be scrubbed with a users mouse. I was responsible for implementing the game mechanics and video "scrubbing". One the funnest projects I've worked on, and winner the FWA site of the day award.

Year : 2005

Client : Henkel Technologies : AS3, Flash, php, mysql fwa.com page for Help Joe Agency : Nasom

Aibo Newsletter CMS

Screenshot of Sony Europes AIBO robotic dog newsletter cms tool

My first web app! A basic CRUD tool for the Aibo marketing departments newsletters released in 2003. Using Object Oriented techniques learned from Actionscript, I built the front end using css and javascript, connecting to an ASP backend. Users could create new newsletters, save and edit them, then publish files ready to use for their monthly newsletter for the European Market.

Year : 2003

Client : Sony AIBO Technologies : Html, css, javascript, asp