subPrint Interactive - Joe McCann

BearingPoint, a technical consulting firm, contracted me to provide my interaction devlopment and user experience skills to help completely rebuild the Texas state portal, TexasOnline.com. The project had a 6 week timeframe from concept to go live. Working with a team of user experience developers, my interactive specialties were called into play as the website was to be judged for the honorable Best of the Web Award.

I created a number of cutting edge features including real-time webpage language translation utilizing the Google Translation API (Spanish, French, Germain, Korean, and Chinese all supported), client-side radial search on Google Maps mashups including live, streaming traffic cameras, map overlays for traffic conditions on interstates and freeways, and street-level views for certain state agency office locations. Moreover, I provided features such as gracefully degrading slideshows and a clean "fade-in/fade-out" subnavigation tabbing structure for additional page content. Accessibility was a top priority for this site as well, so all the code written was Section 508 compliant and consequently SEO-optimized. The website received first place for Best Fit Integrators award and fourth place for Best of the Web.

Project Scope:

• Complete Website Overhaul: Design and Implementation
• Google Web Services Integration (Maps and Translation APIs)
• Custom jQuery Plugin Development
• Graceful Degradation/Progressive Enchancement Techniques
• Website Optimization Techniques (JavaScript Compression, Low Page Weight)

Media:

Web

Technologies:

XHTML 1.0 Strict, CSS 2.1, JavaScript, jQuery, AJAX, Section 508 Compliance, Google Maps API, Google Translation API

Website:

http://www.texasonline.com

Dr. Rajut Gupta is an accomplished, talented, and well respected Neurologist and owner of the Headache and Pain center in Austin, Texas. Dr. Gupta's former website, on the other hand, lacked the same professional characteristics that Dr. Gupta and his practice present.

I created a website that was not only polished and professional, but standards compliant and helpful for the end user. The site utilizes the Google Maps API so patients can obtain driving directions to the Headache and Pain Center. Moreover, intelligent server rewrite rules were written to redirect old links to the new site and custom error pages were created as well.

Project Scope:

• Complete Website Overhaul: Design, Implementation, and Deployment
• Google Maps API
• Apache Server Configuration

Media:

Web

Technologies:

XHTML, CSS, JavaScript, jQuery, Google Maps API, Apache Server

Website:

http://www.headacheandpain.com

Dos Toros Taqueria is a highly successful, "West Coast style", Mexican Taqueria in the heart of Union Square in Manhattan. Dos Toros was in need of a new website to help not only be informative for users but also help brand Dos Toros Taqueria as a sustainable, accessible and most importantly, delicious restaurant.

Dos Toros Taqueria needed a site, that was crisp, clean, search-engine friendly and able to maintained relatively easily. subPrint Interactive collaborated on the visual design with Refunktion in San Francisco, yet handled all of the site's implementation and deployment. Moreover, subPrint Interactive consulted Dos Toros on a number of usability improvements throughout the design process. Finally, a custom Content Management System (CMS) was created to handle updating items like new press releases.

Project Scope:

• Website Design, Development, and Deployment
• Search Engine Optimization (SEO)
• Website Loading Optimization Techniques (Compression, Pre-fetching)
• Mobile Friendly
• Graceful Degradation/Progressive Enchancement Techniques

Media:

Web

Technologies:

XHTML, CSS 2.1+, JavaScript, PHP, Flash, Actionscript 3.0

Website:

http://www.dostorosnyc.com

Zocalo Design is a highly successful and flourishing design agency in Austin, Texas. However, they were in need of a mobile-friendly website that would play nicely on the iPhone, Android, and Palm Pre.

subPrint Interactive worked directly with Zocalo Design to consult on the visual design, but more importantly the interaction design of the site. Large, clickable areas and asset preloading techniques were also part of the site's architecture providing a snappy and responsive user experience.

Project Scope:

• Mobile-Friendly Website Design
• Interaction Design Specificaly for Mobile Devices
• Preloading Techniques for Mobile for Faster Page Loads
• No change to Current Homepage URL
• Sites Asset Optimization for Mobile Devices

Media:

Mobile

Technologies:

XHTML, CSS, JavaScript, jQuery, PHP, iPhone, Android, Palm Pre

Website:

http://www.zocalodesign.com (mobile web browser required)

Mottainai's original site had been completely built using Actionscript 3.0, or more commonly a "Flash site". To meet critical dealines, Mottainai contacted me to modify their entire site, but most importantly enhance their collections galleries as the focus is clearly on the clothes.

Project Scope:

• Website Revision.
• Recoded the collections galleries in Actionscript to handle scalability and proper positioning.
• Quickly added a lightbox enabled "non-Flash" user gallery for the various collections.
• Created necessary Javascript popups within the Flash main site.
• Full featured users panel with the ability to search through page visitors.

Media:

Web

Technologies:

Flash, Actionscript, PHP, XHTML, CSS, JavaScript.

Website:

http://www.mottainainy.com