project details


Designer and UI Developer March 2009 - September 2010

  • Visual Design
  • JSP Template Architecture
  • CSS
  • JS
  • Reskinning Cobranded Sites

Logo Design by Rick Elizaga


I did both a re-design and a re-build for this innovative start-up.

Triporati is a start-up that provides a unique destination search based on the interests/activities of the user. They had a number of goals when I joined them including cleaning up their UI code and helping users to better understand their service through an improved user interface and design.

In order to refactor and clean-up the code base, I worked with the Chief Technology Officer to identify the pain points and desired outcomes. I then defined a new structure for template management that protected mark-up through the use of custom JSP tag files and templates. A more flexible content structure and adaptable interface were essential for Triporati's business model (which involves co-branding the site for various partners) to be successful and manageable.

In addition to re-structuring Triporati's client-side code and JSPs, I also created a new grid-based visual design that better accommodated Triporati's content and advertisers as well as allowing for a more modular presentation. Working closely with the Chief Product Officer, I improved the user interface by gaining insight about how users were interacting with the system and where improvements could be made through user testing. User testing also helped us to identify which features would most benefit users and should therefore be top priorites.

Finally, I rebuilt the JSP templates using valid HTML and implemented the new design with CSS that was structured to support co-branding. In many ways, the co-brand model was the most challenging and interesting of Triporati's requirements because it necessitated unique content and styles for each partner. In order to achieve this, I re-skinned numerous sites with varied CSS and defined rules for co-brand logic management in the templates. The changes to users' interactions with forms and maps also required a fair amount of custom client-side scripting, which I achieved with the use of the lovely jQuery library and some good 'ol fashioned JavaScipt.

All this required that I was in constant communication with a distributed team of people. It was important that I provided them with clear documentation for the new templates and ensured that they understood and were in agreement with the changes I was making in order for the site to be successfully maintained.

Triporati was an immensely rewarding project for me because I was able to participate in so many parts of the rebuild as well as work with a talented, dedicated, and fun group of people.