A new wave for collective buying. Daily 50-90% off deals in selected cities.
Contributions: End-to-end interaction, visual design/branding, HTML/CSS, and Front End Ruby on Rails Development
Landing page focused on newsletter signups. Setup a multivariate A/B test via Google Web Optimizer with one variant resulting in a 22.4% observed improvement over the control. A verficiation follow up expiriment (best variant vs original control) resulted in a 42.5% observed improvement over the original.
Account summary page for modifying account settings, viewing purchase history, and printing/reprinting vouchers.
Deal summary indicating costs vs. savings. An animated 'deal accelerator' visualization helps explain that the deal increases as more people purchase.
Behind the scenes scheduler that helps admins get an overview of the health (status, purchases, etc.) of each promotion for a given week across multiple geographies.
Maintenance page with integrated company Twitter stream to publish live status during scheduled and unscheduled site maintenance.
Entry for RubyCommitters.org contest.
Contributions: Visual design, HTML/CSS, and Basic Ruby on Rails Development
Entry for RubyCommitters.org design contest. My goal was to make the design unique while closely following the branding showcased on the Ruby Language website.
Kashless is like the free section of Craigslist but with tools to make giving and getting free stuff less of a pain.
Contributions: End-to-end interaction and visual design/branding, HTML/CSS/JQuery, and Front End Ruby on Rails Development
SEO/SEM optimized landing page for user signups. Achieved a 34% user sign-up conversion rate after A/B testing a few varients on an expiriment w/ 60k visits.
Condensed listings allow members to quickly digest the thousands of listings. Tools for filtering and searching (not shown) allow members to narrow down their results.
Feedback on user profiles proved to be a key feature for increasing user engagement and helping differentiate Kashless from Craigslist. Feedback allowed members to be more transparent when dealing with in-person transactions.
One of a few proposed layout redesigns. This was scratched as it was decided to give more prominence to browsing listings over searching.
Group websites made easy. A turn-key solution for white-label website creation for groups.
Contributions: Product strategy, End-to-end interaction and visual design/branding, HTML/CSS/JQuery and Front End Ruby on Rails Development
Landing page explaining various value-added benefits for the user with prominent call-to-actions.
Interactive theme customizer with live preview. By forcing various constraints we allowed groups to incorporate their own branding and to be expressive while still making it difficult to make their page look like a MySpace page.
An example of a white-label group website. Branding, links, and content are customizable.
Setting up a custom group event. This action as well as many others on GroupieGuide takes advantage of lightweight and direct design patterns.
Image depicting the team on the about page. Goal was to be transparent that we were a tiny company.
A directory and marketplace for simple human translation.
Contributions: Mockup design and Prototyping
Offline
A prototype for a startup in the human translation space that never got off the ground. Basic directory with tools for filtering translators by translation skill levels across various categories.
A small web shop that specializes in getting startup ideas off the ground.
Contributions: End-to-end interaction and visual design/branding, HTML/CSS/JQuery/Ruby (Webby) Development
FixieConsulting's Front Page with large slogan.
Accordion style project list.
A blog about discovering and uncovering myths on what is actually healthy and what is not.
Contributions: End-to-end visual design, HTML/CSS with Wordpress Template Integration
Design entirely integrated as a Wordpress Templete. All Wordpress Modules (Categories, Tagging, etc.) styled and worked as expected.
A daily caption contest that takes Flickr photos out of context.
Contributions: End-to-end interaction and visual design/branding, HTML/CSS/Prototype.js and Ruby on Rails Development
Offline
Originally built DailyCaption in it's entirety as a standalone application. It was featured on several CSS galleries and blogs along with mentions on Mashable and Yahoo! Picks. Later rebuilt with Joe Van Dyk as a Facebook Application. Original site and FB App was taken down due to lack of traction.
A $2.6M National Science Foundation funded research project for improving transportation in the puget sound region.
Contributions: IA Foundation - Wireframes, Page Flow Diagrams and Rapid prototypes using HTML/CSS/Prototype.js
Weighing criteria for transportation improvement projects. This is just one step in large multi-step expiriment for participatory decision making.
Viewing proposed transportation packages along with map visualization.
Expressing transportation concerns with tagging system for filtering discussions and thumbs up and thumbs down digg-like voting system.
Segment7 is a popular Ruby Blog by Eric Hodel.
Contributions: End-to-end Design and HTML/CSS
Front page showing posts.
Comments section on post.
A simple tool for deciding where to eat on 'The Ave' in Seattle.
Contributions: Product concept, interaction design, HTML/CSS, and Ruby on Rails Development (both backend and front-end).
AJAX and JavaScript used to create a fun and interactive restaurant filtering experience for 'The Ave' in Seattle's U-District.
Matching restaurants highlighted according to user's cuisine filters. Restaurants mapped out on an illustrated map. Illustrations by Adam Hindman at PugetWorks.
Find me at: