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:
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
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.
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
The cards can be scrolled with dragging, touchpad, mousewheel and keyboard (up, down, enter)
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 :)