Iraê

+55 (11) 9449-1374 <irae@irae.pro.br>


Portfolio

On this page you will find some of my works in reverse-chronological order. Along with the screenshots and links I've included a brief explanation of my role, challenges that have arisen and the notable achievements on each project.

Some of the projects are already offline. For those I can upload an backup version or screencast the site usage. Let me know if you want to take a closer look at my work.

2008

UOL Mais JavaScript API integration on UOL content subdivisions

Role:
Front-end development (Webstandards, Ajax, jQuery), UOL CMS RPC-like integration.
Link:
UOL Olimpics - Videos - http://olimpiadas.uol.com.br/2008/videos/
You can find this API usage on multiple pages like:
UOL Cars - http://carros.uol.com.br/ultnot/multi/,
UOL Economics, UOL Stile, among others.
Challenges:
The JavaScript API was in beta and undocumented at development stage; Different domain applications; JSONP as JavaScript API caused verbosity in JavaScript code; UTF-8 encoded API used at ISO-8859-1 pages.
Achievements:
New content subdivisions had a very a fast implementation thanks to very reusable code; single file library hosted at one place; Recognized leadership for procedures standardization between the the teams involved.

2007

The Green Initiative

Role:
SEO and development (Apache, PHP, Webstandards, Microformats, Ajax, jQuery)
Link:
http://www.thegreeninitiative.com/pt/ - I've worked only in the Portuguese version. The English version will become available once another team integrate the CMS.
Challenges:
Layout, mockup and client approval was made beforehand by another team. None of the development aspects were considered by that team making the project difficult to complete on schedule and some of the initial features were not even possible; navigation 100% Ajax based, SEO and permalinks were achieved with a mixture of apache, php and javascript; HTML animations all along the site; project coded for future integration with CMS.
Achievements:
Both SEO and a jQuery plugin to split text and image content in three columns were two specially difficult goals. Many interactions and information architecture weren't planned at first but great results were achieved by testing in coding phase.

1º Campeonato Brasileiro de Bexiguinhas - Sucrilhos® Kelloggs® (Waterballon Championship)

Role:
Planning, SEO, front-end programming (Flash ActionScript 2.0, Webstandards, Ajax, jQuery)
Link:
Site unavailable since championship ended.
Challenges:
Very tight schedule, new team with little knowledge of each other, 3D rendered menus with Action Script interaction, jQuery + Ajax in the inscription form broken in multiple steps. Very hard to achieve design and aesthetics.
Achievements:
Delivery on schedule, nice client and end-user feedback.

TodaOferta (online biding eBay-like site)

Role:
Front-end development (Velocity, SEO, Webstandards, Ajax, jQuery); Product and user profile pages; Ajax login.
Link:
http://todaoferta.uol.com.br/
Challenges:
Login was Ajax driven within different sub-domains hosted in a complex server environment. Product page had so many interactions that caused more them 40 wireframe pages to be written causing the template page to be the most challenging template I've ever developed. The development team was composed of 8 interface programmers and 6 java coders, causing difficult task division.
Achievements:
The cross-domain ajax login was a great usability success that is today implemented in most of UOL online products. To solve SEO and interaction problems some security bugs arose. I've worked along the Java developers to solve those problems. Great success in SEO and Ajax across multiple domains.

2007 & 2006

UOL Vídeos

Role:
Front-end development (Webstandards, Ajax, jQuery), video player development (Falsh Action Script 2.0).
Link:
UOL Vídeos has recently been replaced by the greater functionality version called UOL Mais
Challenges:
Scaleable development based on the assumption that the, already in planing stage, UOL Mais was coming in the near future. Back and front-end integration via RPC or Ajax to the "UOL K" social network.
Achievements:
The code was indeed really reused in the UOL Mais development and still online. Although reorganized the navigation and code remain almost the same on the new interface to date.

2006

UOL Afiliados (Google Adsense-like text ads program)

Role:
Interface Specification (witch describes how the application is supposed to make information available to the fornt-end templates); information architecture team counselor; Ajax interaction review; front-end programing (Velocity, Webstandards, Ajax, jQuery)
Link:
http://afiliados.uol.com.br/ - site only to logged in registered brazilian members. I may screencast an usage example if needed
Challenges:
Java coding made by another company; First implementation of jQuery library at the company, witch later became a standard; First application to make use of the Interface Specification as an obligation of the process. Many ajax driven forms and interactions.
Achievements:
Interface Specification improvements reduced the problems with the coding party and the interface development became much easier. jQuery has proven to be the right choice for the team because of its highly productive syntax. Interaction became simple and pleasant to the user. Product became highly scaleable and many feature improvements were made with little effort.

BSC for Petrobrás intranet

Role:
Freelancer for interface development (XHTML & CSS)
Link:
Closed site, only available via intranet and VPN.
Challenges:
I entered the project when it was already running; Application would be integrated to the system without our team having access to the VPN for security measures. High complexity block positioning via drag and drop CMS (CSS and code design by me and JavaScript drag & drop by other team).
Achievements:
Even without access to the environment I could make an complex HTML/CSS code that made possible for the back-end folks to integrate the third-party drag & drop interface with the old and unchangeable database and my new front-end code.

2006 & 2005

UOL K (social network) & UOL XXX (respective adult restricted area)

Role:
Front-end development (Webstandards, Ajax), wireframe and information architecture consultant primary for interaction revision.
Context:
Internally the two applications are the same, only that UOL XXX have restrictions and an different CSS skin. The social network was planed to be not a simple social network, but a base for other applications to grow on top, such as UOL Mais recently were integrated.
Links:
UOL K Home: http://uolk.uol.com.br/
UOL XXX Home: http://uolxxx.uol.com.br/
Social community example: http://jamiroquai.comunidade.uolk.com.br/
Challenges:
First project at UOL to make use of AJAX. Liquid layout with some advanced block alignments. First project that Velocity Macros for template language. First UTF-8 project at UOL.
Achievements:
The project was the most innovative faced by UOL. This approach forced all teams to work really hard to achieve awesome results. Multiple domains and new technologies made this project an very special one in the company. Great usability, accessibility and the one of the most unobtrusive UOL applications when developed (sadly many updates didn't match the initial quality).