No... Just No.

Why don't you consider moving to a modern browser like Firefox?

If you don't agree, go sign a petition or something.

Hero shot

Dynamite!

An explosive mix of talent, creativity and ingenuity.

Welcome to TNTpixel, the portfolio of Rodrigo Thauby, a UI Designer & Developer living in the beautiful Bay Area of San Francisco.



Now, let’s talk business...

App DesignDevelopment
Completionist

First full-fledged iOS application released under my name. Completionist is an iPad application that allows you to browse the comicvine database of Comic Books.

The app allows user to search keywords for Comic Books they love, view the artwork in full-screen glory and read a detailed description of the issue in question. Some intelligence was built into the app in terms of related content to allow the user to discover more Comic Books as well.

I addition to the central reference nature of the application, Completionist lets users save the cover art to view them later or offline.

This was my first released application, though I have worked on other apps for third-parties or otherwise incomplete projects.

All design and development of the application was done by myself, including the main app icon, shown below.


Website Identity Blog
Wake Photography & Wake Up! Blog

Wake photography is the business website of the extremely talented Photographer Kerri Thauby. Kerri also happens to be my wife.

Kerri and I have gone over quite a number of iterations on her site. So do not be surprised if the actual live site looks somewhat different from my screens here. It's an ever-changing piece of work that has been both challenging and rewarding to me as a designer.

The site is built on Ruby on Rails, complete with an admin section for Kerri to upload/delete her portfolio pictures. The main gallery viewer was written in Flex. Originally we had built the viewer as a javascript application, but eventually moved away from that on a later iteration because of flash's capabilities of resizing, effects, etc.

Some of the technologies and plugins used for this project are Basic HTTP authentication, Paperclip, Haml and RedCloth.

One of the earlier projects I developed for Kerri was her blog. At that time we hadn't thought about tackling the main website yet, so I decided to go with an off-the-shelf product which I had worked on many times before: Expression Engine. Expression Engine is a PHP-based Content Management System (CMS) that offers a fair amount of flexibility for designers.


App DesignDevelopment
Game On!

Some time ago I had the idea of experimenting with the Facebook API and (potentially) get an app in front of a large number of people. Game On! is a Facebook application in which users can search a library of video games and create their own lists which you could then compare with your friends. The main draw was the desire for me to be able to compare which games I have played and which ones that my friends have played would likely be a good match for me.

At the time I was taking a course on Artificial Intelligence so I wrote a small recommender system based on similarity of tastes of other people's tastes. This is a simple technique known as similarity coefficient comparison, which turns a discrete number of properties into an eigenvector, which then allows you to mathematically compare to others.

The results were pretty cool, and I still want to devote some more work on this project, as I do think it has a potentially interesting result.

This site is built on Ruby on Rails, and uses a large number of plugins such as facebooker, RedCloth, and others. The client-side scripting on this application turned very complex as maintaining cross-site sessions can get very tricky.


Website Identity Blog
TNTpixel.com

The second iteration of my personal site. The idea behind this design was centered around the color yellow, as a vibrant, playful theme. My main intention was to keep strict order and simplicity to the overall design, so all graphic elements were kept as simple as possible.

Text takes an important role in this design, as it creates the overall structure to the layout. My intention was to showcase what I thought was a beautiful interaction between the main color selected and a complementary color for the main copy text.

This site was built on Expression Engine, and its main feature was a Blog about web design, programming, some tutorials, etc. Unfortunately I wasn't very good at maintaining the content for the Blog, but that's another story.

I created a few graphics for this design myself. I tried to spice up the visual interest and increase the recognizability of the site by using very clean, yet highly distinctive designs. I really enjoy the way the stick of dynamite is highlighted at the top — which you can also see in this design right now :)

I was fortunate enough to be picked for a number of showcases for this design, including Smashing magazine (twice).

This blog is still live, but I've decided to be honest with myself and admit that I won't be posting anymore.


App DesignDevelopment
Brakeley Briscoe Corporate

Brakeley Briscoe is a group on consultants specializing in advising large corporations about fundraising. They approached me with intention of redesigning their corporate site, which was looking a little dated and unpolished.

The Brakeley Briscoe brand already had a cemented style guide which I had to adhere to, but the client was certainly open to experimenting with the site, as all their other media was print. This was a fantastic client to work for. Their goals were clear, their disposition fantastic, and their flexibility and trust in my design process was great.

Magic Marker

I call this little beast the "Magic Marker" because it reminded me of those felt markers I used to play with as a kid. The ones that changed color with a "special" marker

This is an experiment with the canvas tag. I'm pretty sure this only works on modern browsers such as Firefox 2+, Safari or, probably, IE8+.

Click and drag on the section below to draw a stroke. The stalker (the little pixel coordinate that follows the mouse clicks), is intentionally delayed from your mouse clicks, to give the effect of brush strokes. As you draw quicker strokes the line thickens and turns to red. Slower strokes get thinner lines and a greenish hue.

I am just getting started with wrangling my many micro projects into presentable form.

Check back soon for more...