Brian O'Shea

UX Design and Information Architecture.
I ask lots of questions, love clean design, and I'm a whiteboard ninja. Let's collaborate.

Etsy: Made for You (Concept)

Opportunity: How can one of the world’s largest and most successful online community marketplaces get even better?

Summary: Working closely alongside three other designers we tackled adding a new feature for Etsy’s mobile app. “Etsy: Made for You” brings the promise of custom tailored goods to augment Etsy’s existing offering, and better connect buyers and sellers. We used Etsy's existing branding and style guide, and developed a end-to-end user flow supporting project creation, submission for artist bids, bid acceptance, and project tracking. The project duration was 14 days.

Context: Etsy has been a big success on many levels - as a startup it’s nearing the holy grail of an IPO. As a community - it’s a vast marketplace with millions of sellers and many tens of millions of buyers in hundreds of countries around the globe. But Etsy has not solved it all - currently finding or ordering custom made goods is a lackluster experience. Without knowing which artist they would want to work with ahead of time - finding a maker who can translate an idea into a custom made good is a time-consuming ordeal.
We found a real desire amongst the buyers (and sellers) we spoke with to find a better way to handle soliciting custom orders. Read on to see what we designed, and how we got there:

  • Role: Research, User Interviews, Information Architecture, Wireframing, Prototyping, Usability testing
  • Client: Etsy (spec)
  • Agency: General Assembly
  • Year: 2015
  • Tools: Paper, Whiteboard, Axure RP, Sketch, Excel, Keynote
  • Documentation: view design documentation
  • Prototype: view prototype

Results

Based upon user interviews, domain research, persona development, heuristic analysis and multiple rounds of usability testing, we created an augmented prototype of the Etsy iOS app with the concept feature and flow embedded. Our flow consisted of a project creation phase on the buyer side - including inputting specific criteria and requirements for price, timing, and materials. We concentrated heavily on the status indications, bid alerts, and other ways that would help keep the buyer (and the artist) informed about what is going on with the project. Our research showed real interest in the feature and concept. 90% of the Etsy buyers we showed the prototype to were strongly interested in using it. A few were disappointed to learn this was purely a spec piece at this stage.

Etsy: Made For You demo video
Etsy: Made for You concept mockup
Mockup showing the project review page, the final step before the user submits the project out for artists to view and bid upon.

Process:

After completing domain research on both Etsy, and their main competitors - we realized that there might be a real opportunity here. Etsy doesn't currently support fully custom items - only variants of size, color or other variables. To get a custom item made now requires the buyer and artist to go offline - circumventing Etsy's system entirely. Otherwise we found buyers who choose to leverage local makers and artisans when possible, rather than via online. But all had interest in augmenting their existing Etsy services with custom work.

Using affinity diagramming and notes from our interviews, we created a persona based upon facets we observed - and thus our persona Heather Lane came to life. As the feature would be very flow dependent - we spent a good deal of time focused on variants of the user flow until we came to a consensus - a path that would keep buyers and artists informed and would aim to keep the whole process moving forward quickly (many of our interviews mentioned timeliness as a major factor in their preference for one artist or another.) We also developed a system for dividing up work amongst a team of designers - we identified modules and design patterns that could be repeated, and organized our work around these themes. We then moved into rough wireframing using Balsamiq both for speed and for testing early flow concepts. The latter stages of the project were spent developing an interactive prototype using Axure - something the team split up based upon the design modules we had sketched out earlier in the process.

Etsy - sketching out a draft flow
Sketching out a draft flow
Etsy - drafting design modules
Drafting and organizing around design modules for efficient team design work
Etsy - paper prototyping
Testing flow options using paper prototyping
Etsy - sitemap
We designed a sitemap that also helped us track on screen/swipe interactions and design modules
Etsy - wireframing
For speed, we used Balsamiq for a few rounds of low-fi wireframing.

Retrospective and Next Steps:

This effort was a fascinating challenge: to add a feature leveraging a highly known and defined set of app styles and interactions across a team of designers. It was both a blessing and a curse - we had a great model to follow, but held ourselves to high standards to try and acheive the clean and simple visual and interaction design of the Etsy app. We all learned a lot about how to efficiently organize a design team around a common project and set of styles and resources.
Our tight project timeline cut short further rounds of usability testing - something that could only benefit the concept further. One participant (besides helping us name the feature) actually suggested a more holistic 'inbox' approach for bids and actionable items across projects - something that we would have loved to explore and test had we had the time.

Etsy: Made for You concept mockup
Mockup showing the project list view in action. We were able to leverage Etsy's existing iOS styles for lists, notifications, and messaging.