The lowdown ‘bout my showreel.
This one is about a movement and project very close to my heart. But first, a lil TL;DR warning. It’s crazy long haha!
As much as I’m a kid at heart, the reality is I’ve been designing and coding for the Web close to two decades now. And that’s a lot in internet years.
Some time ago in the early-mid 2000s, I saw firsthand how the Web evolved from an exclusive playground for geeks to a place people of all walks of life are getting themselves on.
Accessibility and usability issues, along with the Web’s long-term viability, were a rapidly growing concern.
Different people with different needs. Different browsers with different codes. Different tools with different plugins. Different devices with different technologies. Different locations with different internet speeds. Etc etc.
Simply put, it was like a human body that’s experimented on and abused without any limits. Its organ system was breaking down, and in treating symptoms rather than the cause, was headed towards terminal illness (cue dramatic music).
To address the mess and move forward, the World Wide Web Consortium (W3C), led by the man who invented the Web, formulated the guidelines for everyone-and-everything Web related to comply with. But it would’ve hit a brick wall without the support of a grassroots movement.
The Web Standards Project (WaSP), co-founded by the man who wrote the “bible” for modern web design, made it their mission to get all the guilty parties on board. Which they eventually did… and the rest is history.
Fuhhh, now that the intricate part is out of the way… introducing…
Project WSMY, 2006
Web Standards Malaysia, or as it was fondly dubbed WSMY, was set up with the sole purpose of reaching the local web community on the benefits of web standards.
That’s a snapshot of wsmy.org when it was launched 11 years ago.
Wait what… “Responsive Web Design” in 2006? In the era of not-really-smart-phones!? Well… not really. While it was how we were approaching web design at the time, the term itself obviously weren’t even coined yet. If I recall correctly, we called it future-proofing our websites.
Fundamentally, that’s what web standards was all about. To make sure the contents published on the Web are accessible and usable not only for all (if not most) users, but also on the devices we’re using now and in the future.
And therein lies the problem. While some (like myself) embraced adopting web standards in the way we work (and with that said, it required major adjustments in processes and thinking). The same could not be said about most web designers and developers at the time.
In anything that involves change, there will be resistance. Not everyone took kindly to the advocation of, among many other things, the end of Flash. Neither were everyone of us able to foresee next generation of the Web take place.
So to open minds and soften hearts, we (re)focused our efforts at WSMY in showcasing and discussing the potentials of web standards when used creatively, from the design thinking aspects to the web services it inspires, as can be seen in this screenshot.
Of course Project WSMY would not have been what it was (even how briefly) without the help of my good mates Suffian Rahman (a killer writer) and Raz Hoe (a badass programmer), and the support it got from our web community. Love all of yous. <3
Looking back admittedly, WSMY would have benefitted from more TLC on my part. It’ll always be one of the projects I wish I could roll it back. Not gonna make excuses, this one is on me.
Joining the mothership
While there were plenty what ifs during the project, the say whaaat moment was when I joined The Web Standards Project as member of its International Liaison Group. Even though my participation were limited, it just felt so surreal being part of the grassroots coalition. I still remember the call. And get goosebumps seeing my name on its website to this very day (excuse my intro copy hahahah).
After that, what happened?
I took a rather different career path than most of my peers in web standards by way of focusing on the marketing/advertising side of the digital industry.
While it may have seemed as a shift of focus, truth is the opposite. I figured that if I were to affect the kind of change web standards envisioned, best to do it where the most users are going to be at.
In the years since 2006, I’ve wrapped my head around UX problems and gotten my hands dirty on UI design and code for some of the most visited websites in Malaysia.
From re-imagining how you do your online banking more efficiently to seamlessly being part of your decision making process when purchasing a new car. Plus other digital experiences that’s not only delightful to use but actually solves business problems.
All these projects, some of which were industry game-changers (as we were told), would not be successful without incorporating the processes and thinking of web standards.
As Charles Mingus once said…
Making the simple complicated is commonplace; making the complicated simple, awesomely simple, that’s creativity.
Till my next post. Kasi like la satu for reading this far. :)
Love this project we did sometime late 2015. Love that my kids loves it too. It’s not about winning awards. It’s about doing what you love.
This was my first “commissioned” website work.
First off, I’m from a family of car nuts. Some time in 1998, my mom (who ran an ad agency) and brother (who is an OG car nut) launched a car magazine called PowerEFX. Circulation was mainly for Malaysia’s down south (Johor Bahru and Singapore) market, with intentions to expand beyond that.
When I took on this project, I’ve been experimenting a lot with DHTML (which to me is the true predecessor of HTML5). Macromedia (bought over later by Adobe) had just released Dreamweaver v1.0 into the wild, and I was having a go at it. After playing with its timeline layer animation tool, I decided to design a splash screen that would assemble itself
onload. I know, it’s so gimmicky, but back then this trickery was like having Jedi force powers hahaha!
As a self-taught designer (I ran a retail skate business at the time, before furthering studies… which is another #BeforeDigitalMischief story I’ll save for a different post), the software I used to design was called Micrografx Picture Publisher. It wasn’t the best choice, for sure. Of the many features it lacked, you couldn’t undo more than once. Yeah. Undo. Only. Once. Can’t describe how painful it was just to design that UI, although less painful than masking out the bg on that
mouseover placard holding navigation guy!
Obviously, experimenting wasn’t my only motivation. I was quite a car nut myself and drove a Honda Integra DC2 (which I owned for 5 wonderful years). Being a Honda guy through and through, I preferred following sites like The Temple of Vtec (of which PowerEFX’s website became an official member) for the latest lowdown, rather than printed magazines.
Even though the Web was a tiny place at the time, and that being a web designer wasn’t a viable career choice yet, I thought otherwise. I visualised a future working with my favourite automotive brands. And as insane as it seemed at the time, the vision became a reality. Since then, I’ve worked on the websites, online presence and even award-winning marketing campaigns for Volkswagen, Honda, MINI-BMW and Proton.
A captivating documentary that follows a stolen phone’s second life by means of using spyware.
Scary how easy it is to spy on someone in the digital age.
One more off the bucket list. I present to you my showreel: A Decade of Digital Mischief.
As it turns out (didn’t realise it until recently), 2016 is somewhat special. 10 years ago I made a decision that, to be frank, could have been a total disaster. A leap of faith, as some would say.
I’ve been designing for digital media since way before digital had any place in an ad agency. Back when mainstream folks wanted nothing to do with it. And likewise, I wanted nothing to do with what was mainstream.
For me, that all changed in 2006. Shift happens. And I’ve been trying to shift the future closer to the present ever since (chewahh). I like calling the work as work made for us #InTheNotSoDistantFuture.
Anyway, I’m talking too much (crap). Enjoy the showreel. It’s a variety of projects I was involved with since 2006. Some integrated, some purely digital. Some experiments and prototypes. And a few odd ones. Win or learn. They all meant something significant to me, looking back. You can see more over at my (soon to be updated — hopefully/can’t promise) showcase.
Music credit: Straight Outta Compton remix by Kid606