sakri.net website icon

In 2000 sakri.com was already taken, so I bought sakri.net . This is probably version 7, the goal is an online 'business card' to promote my focus on visual, interaction and animation oriented work.

The site is in progress, adopting the "start up approach" : Complete an MVP (minimum viable product), release (August 17, 2018), then improve it while promoting and looking for new customers.

The "Pixel guy" has been my sites identity/icon since the start, it's also been recycled for avatars, profile pics etc. on my various social media profiles.

Some feature highlights:


A lightweight attractive "first impression". The "pixel guy" comes from a .png sprite sheet whose source is embedded in javascript. A query selector fetches a list of required images and observes their load, represented by the coloured circles. Conceptually the "pixel guy" codes the server request on his laptop, typing faster as he completes and serves the page.

Cards Menu

An html canvas replicate of the mobile OS "recent apps" menu. The app reads the "section" tags from the mark up, makes "screenshots" of them, and passes these to the menu for scrolling (the original DOM content is discarded). When a card is opened, it zooms in and is rendered in html (to enable text scrolling and selection of text/images).

"Deep linking" within or outside the app is supported by the menu, for example :

visit contact page

Responsive design

The Canvas menu supports different layouts for horizontal and vertical orientation. It's designed to render, function correctly, and look good in *every* screen dimension. When the screen is resized, layout calculations are repeated, and the app updates itself accordingly.

Stats Module

Essentially a 'tongue in cheeck' excuse to include some data visualization and animation, built with Vue.js. Users are asked to complete a set of tasks on the website, and are rewarded with a Pixel Confetti Animation. A standalone version of the Stats Module can be tested here : stats module

Navigation options

The cards can be scrolled with dragging, touchpad, mousewheel and keyboard (up, down, enter)

Grunt build script

On top managing, Minifying and concatenating js/css files, the release build functions as a "static site generator", outputting all the cards as html files.

Year : 2000 - 2018

Client : Sakri Rosenstrom Technologies : Javascript, Html5, Canvas, css, vueJS, Grunt, photoshop Sources : SakriDotNet github Moodboard : pinterest moodboard

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, Photoshop 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 book "Knuckles". Using Html5 Canvas, I created a knuckle tattoo generator, where users can enter their own text and choose a font, 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 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 I'd 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 visit into the start up world. The concept was good : Custom dashboards for Social Media Influencers and marketeers. Users could connect to various platforms (GA, Facebook, Instagram, Twitter, Tumblr etc.) and create customized dashboards to track relevant metrics.

I wrote connectors and data parsers to social media APIs, implemented UI's and built a custom set of light weight charting components from the ground up. All the data loading slowed things down, so the UI had to be performant and snappy. On top of working on the app, I took part in the promotion: speaking/visiting conferences and events, even spending days on a stand talking to strangers about 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. The site featured interactive animations, video and real time 3d content to entice tv shoppers.

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 was a very fancy affair at the time. It was set up with FAMES (Flashout, ASDT, MTASC, Eclipse and SwfMill), or in other words, an attempt at "open source Flash". It gave developers access 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 shops frontend connected to an Ogone backend for transactions. The project featured a 3D video intro by Joost Korngold and 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 a viral approach to promoting their Express White tooth paste. 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 newsletters, save and edit them, then publish files ready to use for their monthly publication for the European Market.

Year : 2003

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

Sony DCS3 3D

3ds Max render of DCS3 digital camera

In 2000 Sony Europe was brainstorming possible approaches for 3d content on their websites. I built a prototype flash application which would load a '360 rotation' sequence of images of products. This is one of the surviving renderings I modelled from scratch with 3DStudioMax.

Year : 2000

Client : Sony Technologies : 3D Studio Max, Flash


screenshot of mistersuper.com

Having graduated, I picked up the physical yellow pages (you know, because they existed still) and contacted every company in Brussels that had something to do with the web. I landed a few interviews and chance brought me to mistersuper.com online store.

It's no longer around, but this is where I learned the ropes for interactive animated content for the web. I made all manner of animations/games/banners/features with MisterSuper and his friend SupaCat. The store sold consumer electronics, but also gadgets like lavalamps and even design furniture. I started with mostly photoshop and illustrator work, but by the time I left I was doing mostly actionscript coding :)

Year : 1999

Client : MisterSuper Technologies : html, javascript, Flash, Adobe Illustrator