Portfolio

Digitalist

My web developer portfolio ranges from various HTML/CSS/SASS-prototypes to full scale websites delivered for small businesses and personal indie projects. Most of them are already outdated since I was involved, but here is a list of the most essential ones:

• www.otosfoto.com - A personal website promoting my photography services as a side business. Built with WordPress.
• www.telkku.com - Frontend HTML/CSS/SASS development, including the responsive layout wireframes and design.
• www.almaverkosto.fi - Designing the responsive page layouts and creating a static HTML demo for WordPress implementation (website discontinued, my design available only in screenshots).
• www.viinikartta.fi - Concept development, full UI visualization and authoring a static HTML demo for production usage (current version was changed to utilize jQuery Mobile framework and my earlier design is available only offline).
• www.tomijarva.com - Translating the page desing created by the photographer himself into valid HTML/CSS markup (website discontinued, my design available only offline).
• www.alati.fi - Creating a lightweight small business website introducing a simple product gallery (new version launched, my design available only offline).
• www.eskoadventures.com - Creating a small business website using some simple PHP for contact form functionality (website discontinued, my design available only offline).

Designer

My web design portfolio consists mostly of non-public work (layouts, wireframes and interactive prototypes for various commercial and public sector projects). I am happy to present them in person if you'd like to know more. Here are some live examples:

• www.suomi.fi/valtuudet - UI/UX design for new features in the e-authorizations service.
• www.etuovi.com - Wireframing, prototyping and templating the UI designs (website renewed since then, my designs only available in screenshots).
• www.e-kontakti.fi - Turning the old website into responsive design templates.
• www.kotikokki.net - Responsive wireframing and layout design utilizing a pre-defined colour palette, fonts and the logo.

As a visualist I create also other stuff besides pixel art. Take a look at my personal photography projects:

• A few pics in Instagram, including some of my recent freehand drawings.
• iä'tä-vä cuu-Motuš, a spontaenous short film shot and edited on a trip to Lapland
• iä'tä-vä cuu-Motuš, part II: Fär Øýt, a spontaenous sequel to the previous item shot and edited on a trip to Faroe Islands

Dreamer

I keep noticing a flow of fresh ideas constantly sprouting inside my head. Looking back the recent years, I dare to say that I have been ahead of my time more than once. You may draw your own conclusions :)

• 2002 I graduated from the university and wrote my thesis about Word of Mouth Marketing. It examined the relevance and motivations of product referrals via social networks. 2004 Facebook was opened, offering a powerful platform for information sharing between real people.
• 2003 I designed a cartoonish appearance for an indie game Animal Anarchy. An annoyed, flying super-donkey called Arnold, armed with a salt dispenser, leads an airbourne revolution against infamous human dictators. 2009 Angry Birds pick a fight with the evil piggies. (The game is no longer available online.)
• 2005 I launched an experimental personal photo blog called Picturae Meusum, introducing a narrow column layout to fit any screen sizes. 2010 Ethan Marcotte wrote an article about responsive web design, leading to a single-column mobile first paradigm in layout design. (Photo blog no longer available online.)
• 2010 March I published a travel photo album in Facebook with photos cropped only in square format. On 2010 October Instagram was launched - with its famous 1:1 aspect ratio images. (Original album is available only for my Facebook friends, but photos are also included randomly in my Flickr photostream.)