Setify

An online collections platform which focuses the entire experience around the concept of collecting against an authentic set.


The challenge:

How might we create a new product, which solves for the needs of the eBay collector community, while linking back to and inspiring commerce on the eBay core site?

The outcome:

A website where collectors search for what they collect, seamlessly tag items they own and/or want, and automatically manage their account.

My role:

As the only designer on a newly formed startup team at eBay, I wore many hats. I was hands on, from concepting the experience to delivery of specs.



Process


Responsive image

Collections come in all sorts of shapes and sizes yet a common thread which links them is the existence of authentic sets which each item ties back to. There is an ultimate source of truth which determines a chronological order and categorization.


Responsive image

We kicked off the project by placing everyone from the team from design, development, product management, and leadership into a room in front of a whiteboard. The goal was to identify a space we wanted to create a product for which would be separate from the eBay core site, yet with clear bridges back to it.


Responsive image

Our site would center its entire experience around the authentic set. Collectors could search for what they collect, learn more about the items in their collection, use tagging to easily manage their collection, link to eBay listings of items they want to purchase, and share particular items with the larger collector community.


Responsive image

I really enjoyed exploring what sort of an interface could represent the various versions of an authentic set. Ultimately, the explorations had to work with the technical limitations and unpredictability around image size and ratios.


Responsive image

Because we were such a small team, there wasn't enough resources to code every aspect of the proposed design. I took the opportunity to do very light weight coding of specific modules for particular areas of the site where I felt strongly about the behavior or aesthetic.


Final Delivery



Search for what you collect

We wanted the search results screen to be both scannable and comprehensive. Our goal was to give the user enough of a preview into the collection so identifying the exact set of items they were looking for would be as efficient as possible. The anatomy of that preview included the set's name, the first 7 items from it's checklist, total number of items within the set, it's category, and a brief description.

Responsive image

360 degree view of a set

Each set has it's own official landing page, which shows the user details and a description of the set, the authentic checklist of items listed out in order, and specific items from that set that users have decided to share with the larger Setify community. The page serves as both a destination for learning and collection management. Each item within the checklist can be tagged as want and own. Tagging and untagging items is the method which a user seamlessly manages their online collection and wishlist, available in their private profile.

Responsive image

Learn more about items in a set

Each item has it's own details page where the user can read up on additional details. For example, a comic book detail page could contain alternate covers, related storylines, and interesting facts.

Responsive image

Find an item for sale on eBay

A key part of the item details screen is providing a list of eBay listings for that item. This enables the user to quickly purchase the item, especially if they find it at a great price. This also represents where Setify links the user back to eBay's core site. Up until now, everything has been strictly on Setify.

Responsive image

Seamlessly manage your online collection

Much like the search results screen, our intention with the collection screen was to give the user a comprehensive overview of what sets they're collecting as well as a quick preview of their progress on each set.

Responsive image