| |
| |
|
|
| |
Jobster 'Starfish' recruiting
CRM
Responsible for user research, product planning, information
architecture, interaction modeling, user experience prototyping
and user interface design.
Starting in late 2007, the product team determined
Jobster needed a fresh product focus for their web based recruiting
software. Starting with extensive user research, I determined
the best solution was a ground up redesign of the existing product
with a stronger focus on core functionality: contact management.
With this as our foundation, I led our product team through
a series of high level proposals, low fidelity wireframes, interaction
models and eventually higher fidelity prototypes used by our
software development team to build the first pre-alpha.
The resulting
product, code named 'Starfish' is a simple to use recruiting
CRM with a core focus on managing lists of contacts for both
present needs (active jobs) and future needs. Simple import functionality
allows users to easily add contacts, and rich message and relationship
management features allow users to maintain relationships with
high value prospects.
Currently in development.
|
High fidelity skinned version of the people
list view page |
| Additional images |
|
 |
|
|
 |
|
|
|
 |
|
|
High level IA model
|
|
Site map |
|
Round 1 wireframe |
|
Round 2 wireframe |
|
User interaction study |
|
Alpha release |
|
|
|
 |
|
|
| |
|
|
| |
Jobster Partner Platform
Responsible for product planning, information architecture,
scalable skinning model, and iterative interface design resulting
in patentable intellectual property.
Based on the success of Jobster's career social network,
the sales team pitched partnerships with a number of media
companies. The first partner to come on board was Variety's
web property where we were to replace their existing career
partner.
Creating a scalable partner platform, hosted by Jobster,
presented many problems. The biggest challenge was how could
we maintain the partner's brand look and feel without
designing a custom site for each partner. My solution was
twofold. First I introduced a skinning model that allowed us
to change some of the key colors and graphics on Jobster's
career site as a means of reinforcing the partner's brand look
and feel with a minimal amount of design and dev work. Second,
I introduced an information architecture model that allowed
Jobster to wrap the partner's version of the career site in
containers housing html fragments of their top, bottom, and
side navigation. This solution allowed us to rely more heavily
on the partner look and feel and thereby reducing the amount
of re-skinning needed to give the site the partner total look
and feel.
View the partner sites here:
Variety's The Biz
IAC's RushmoreDrive
|
Sample of Jobster's career
profile as seen on Variety.com |
| Additional images |
|
|
|
|
|
|
|
Initial navigation wireframe |
|
Sample from style guide |
|
Jobster profile |
|
Rushmore drive profile |
|
|
|
|
|
|
| |
|
|
| |
ELT Edge
Responsible for user interface, branding and graphic design.
Taken on as a pro-bono project for the non-profit ELT Edge
organization, this project was focused on giving this small
teacher placement organization a more professional look
and feel. Because of the organization's focus on relationships
I choose to build the site around significant use of photography
generated by the teachers and students. This use of photography
gave each page a warmth and communicated the organization's
core philosophy around relationship building.
The design itself is focused on a scalable UI that gives the
end user a simple to navigate experience allowing them to quickly
get the information they need and take an appropriate action.
Originally the client had planned on a site with much more
content including a blog, user forum and photo album, but decided
to pull back just prior to launch, which wasn't a problem given
the efficiency of the scalable design.
View the site
| Additional images |
|
|
|
About page |
|
Teaching page |
|
ELT Edge home page |
| |
|
|
|
|
|
| |
|
|
| |
Vintage Civilian Aircraft
Responsible for information architecture, user interface,
branding, typography and graphic design.
A Jobster colleague
approached me to help him with his site dedicated to vintage
civilian aircraft. After researching many competing sites,
I determined it would be a unique challenge to come up with
a site that was both contemporary in look and feel while maintaining
the spirit of the era.
I choose a color palette that referenced
both the open sky and colors of the period, then focused
on typography that represented the different eras of each
vertical. I then combined this with extensive use of my colleagues
photo library to give each page a strong visual presence
by placing cutouts of the planes across the top nav.
The UI design itself is simple and easy to use, based on
giving users an easy path to navigate to the verticals and
additional content.
Currently in development
| Additional images |
|
|
|
|
|
Content page |
|
Photo album |
|
Blog |
|
Vintage Civilian Aircraft
home page |
| |
|
|
|
|
|
| |
|
|
| |
Jobster Career Network
Responsible for research, product planning, information architecture,
scalable skinning model, and iterative interface design resulting
in patentable intellectual property.
This project started
out as a developer led innovation project focused on how
Jobster could involve job seekers and employees in a social
context. The original idea centered around a product that
allowed users to comment on their current employer, but quickly
grew to into a full site experience including personal profiles,
integrated social features, job search and employer interaction.
As the creative director on the project, I led the team through
multiple user experience iterations and interaction models,
and was responsible for refocusing the project on users who
wanted to use their profile as a digital resume to promote
themselves to prospective employers.
Notable achievements include significant
contribution to patentable intellectual property focusing
on navigation, user interaction, and tagging, as well as
the trademarked "Superstar tag" concept.
At launch
the product was extremely successful, with over a 100,000
new profiles in the first few months, and growing to over
300,000 profiles within the first year.
View the most recent iteration
| Additional images |
|
|
|
|
|
Jobster 07 home
page |
|
Company profile
page |
|
Tag drag and drop
stack-ranking interface |
|
Jobster.com career network
profile page |
| |
|
|
|
|
|
| |
|
|
| |
Amazon.com Home Page
Responsible for iterative design changes,
user and a/b testing, and management of multiple stakeholder
relationships.
As
the lead design resource for the team that owned the Amazon.com
home page, I was responsible for constant iteration as a
means of improving page performance across multiple metrics.
This included significant a/b testing of multiple designs
focused on cleaning up and improving the design and rationalizing
the different content buckets as a means of improving contribution
margins for each product represented.
Because changes to
this extremely high trafficked page could positively or negatively
impact product groups across the company it was also my responsibility
to build relationships with all stakeholders, and wisely
use resulting information in each design iteration.
Notable
achievements include introducing a design that reduced the
amount of content on the page by more than half without negatively
impacting company wide contribution margin, and a redesign
that normalized what had been a disparate collection
of content buckets and widgets. |
Sample of Amazon.com's home
page from a/b test |
|
|
|
|
|
| |
|
|
| |
Amazon.com Product Detail Page
Redesign
Responsible for leading a significant iterative redesign
of all product detail pages, including information
architecture explorations, interaction modeling, UI
design, and user and a/b testing.
As the primary owner
of the product detail page template across all product
groups, I was instrumental in developing a new design
for a single product detail page template that could
be shared across all product groups.
The challenge
was to come up with a design that improved performance
for Amazon's emerging groups such as apparel, without
negatively impacting contribution margin on Amazon's
high earning media product groups. This involved a/b
testing of multiple iterations as means of understanding
the impact of a variety of UI changes on user behavior.
I was also responsible for building
relationships with multiple stake holders within the
company as a means of rationalizing page content.
| Additional image |
|
Apparel
detail page |
|
Redesigned Amazon.com books
product detail page
|
|
|
|
|
|
| |
|
|
| |
Amazon.com Targeted Ad System
Responsible for research, product brainstorming,
rapid prototyping, UI design, and metric analysis
resulting in patentable intellectual property.
In 2003 I was assigned to one of Amazon's
first SCRUM teams tasked by the CEO
with developing and testing new ways to drive
media centric traffic to non media stores. We were
given full support to test anything we wanted on
the site and were encouraged to be disruptive.
We found early on that these tests were effective
in driving traffic and conversion but were ultimately
of little value because of their lack of scalability.
Working closely with my team we came up with a
scalable ad delivery system that delivered targeted
sequential ads on each page view. Because the system
was built into the page templates we were able
to deliver disruptive ads in containers we controlled
with no negative impact on the surrounding content.
With this project I contributed
significantly to the concept, the user experience,
and the ads themselves. The system I designed for
delivering ads on the home page, the pop-down ad,
was so successful it soon became a permanent fixture
of the home page for nearly 3 years. The home page
pop-down has been widely copied, and is still in
use on some sites today.
| Additional
images |
|
|
|
|
|
Ad
delivered on search |
|
Ad
delivered on
detail page |
|
Sample
search ad |
|
Example of targeted ad
pop-down on Amazon.com's home page
|
|
|
|
|
|
|
|
