Categories
Architecture Collaboration eCommerce Frontend Innovation Prototyping SPAs supply-side

A New Way To Shop

(Shop It To Me : 1/12-4/12)

Shop It To Me has been a beloved service for years when it comes to finding the best deals across retailers, but we wanted to enable the user finer-grained abilities to find exactly the item(s) of interest for them.

We often had feedback about being able to drilldown by clothing type and brand (e.g. “Rebecca Minkoff handbags”) but our previous tools didn’t enable that kind of granularity.

Enter “Threads.”

As the brainchild of our CEO, project “Threads” has become a way for users to track the specific items of interest to them. We now empower the user with the ability to get as general (e.g. “Black dresses”) or as specific as they want. (e.g. “Rebecca Minkoff handbags under $300.”)

Below, you’ll see the hi-res) mockup we came up with (after having previously white-boarded the idea) in early March (click to view.)

inspiration (as mocked-up in Photoshop)

Over the following two weeks, I ramped up on Ember.js and implemented the first version of the app while the other engineer built out the pseudo-RESTful backend. I won’t claim that the code we produced was the cleanest either one of us ever wrote; while doing the best we could, getting to market was the true driving motivator.

We went live – that is, deployed to production for internal and a select group of test users – on March 27th, 2012, with the following (click to view)

very first landing page

Based on user tester feedback, we decided to bolt-on onboarding and improve the look, so four days later on March 31st, 2012, we deployed the following (click to view)

revised landing page with header and pseudo-onboarding

Based on observations during user testing, we realized the opportunity to incorporate a feed of site-wide activity as that would benefit discovery. We also took a few cycles to flesh out onboarding and a “Things To Do” list given challenges users’ had in making sense of the new product. We also tweaked styling to highlight the very newest items in the users’ results; screenshots follow (click to view.)

onboarding modal on landing page (4/11/2012)
 
1st try: TTD/activity feed on landing page (4/11/2012)
 
2nd try: TTD/activity feed on landing page (4/12/2012)
emphasizing new items (released 4/12/2012)

We brought in more and more user testers. Here’s a screenshot from April 17th, 2012, showing progress we made from our observations

4/17/2012 release of results page

While observing user testers, we discovered that they wanted tastemakers to help them navigate the overwhelming number of apparel items, so we introduced the concept of curation. We also made the assets/images larger by popular demand.

curation (4/23/2012)
results page (4/23/2012)
results page w/larger assets/images (next day : 4/24/2012)

After April 24th, we stepped back to assess how we were doing. I was rotated onto our bread-and-butter projects but the team was augmented with other talent and continued forward, contracting the look-and-feel out to a third party.

The product has since been retired.

Results

  • To revolutionize personalized shopping, a team of three (the CEO as product manager, me as the F2E/architect, another as backend engineer,) created a new shopping experience using Ember.js over two sprints
  • Ramped up quickly on Ember.js
  • Architected frontend as a Single Page Application
  • Worked with backend engineer to agree upon/implement integration between FE and BE
  • Drove development through four major iterations during a two one-month sprints
  • Suggested (though not responsible for implementing) lazy-load as a way to improve performance
  • Picked up design slack when we lost our Graphic Designer
  • Scoped frontend deliverables and managed expectations
  • Worked with CTO to coordinate out-of-cycle releases to production
  • Planned, conducted, and analyzed user testing
Categories
eCommerce Frontend Growth Innovation supply-side

Product Page Improvements

(Shop It To Me : 10/11-11/11)

To keep the user on-network, we created an on-site details page. We explored different MVPs which partially leveraged the metadata already present in our inventory, partially as they were intended to aggregate content from the retailers.

Here are a few concepts we vetted as MVPs

The following screenshot shows that we even tried our hand at soliciting reviews as UGC

… before finally settling on this as the (now retired) final product.

Results

  • created an on-site details page to boost checkout conversion
  • worked 1:1 with Product to prioritize features
  • prototyped MVPs using Photoshop
  • implemented all aspects of the frontend under a sprint schedule
Categories
eCommerce Frontend Growth Innovation Prototyping supply-side

Popup Shop

(Shop It To Me : 7/11-8/11)

With a number of in-house domain experts in the world of fashion, we decided to put that knowledge to use by having Product curate items into pop-up shops, or internally known as events.

I built the web frontend as well as the CRUD tool for management.

basic popup-shop example

Results

  • Created a popup-shop infrastructure
  • Implemented admin tool for Product to curate events using apparel items from our database
  • Added features as A/B-tested experiments to drive clicks
Categories
Backend eCommerce Emails Frontend Innovation Prototyping supply-side

Deal of the Day

(Shop It To Me : 6/11-8/11)

Conceived as a framework for local deals, we pivoted to a daily deal paradigm leveraging our apparel inventory when the market opportunity presented itself. This lead to revenue generation via several 100K impressions/day.

Initially, Product curated deals by hand and as market potential was proven for the idea, we built an infrastructure for algorithmically selecting 100s of deals/day (based on signals such as open and click activity) and gave Product a way to QA the deals.

Here is an example of the ‘Deal of the Day’ in the ‘spotlight’ position of our flagship email product (click to view)

Results

  • built the original (local, pre-Groupon) deal POC infrastructure, front-to-back
  • assumed maintenance responsbilities
  • collaborated with Product to address bugs and implement additional features, most notably: ‘stackable’ deals
  • implemented admin tool for Product to QA deals
  • coined the term ‘spotlight’ now used internally to refer to the real estate occupied by the deal
Categories
eCommerce Frontend supply-side

Faceted Navigation

(Shop It To Me : 3/11-5/11)

Built in Prototype JS, the Shop It To Me Search experience provides users with a specificity to formulate search parameters.

You’ll see in the following screenshot (click to view) filters for price, discount, clothing type, brand, and retailer.

The product had been built well before I joined the company, but I took over maintenance and support for it.

Results

  • maintained company’s faceted search SPA
Categories
eCommerce Frontend Growth Prototyping supply-side

Structured Search

(Shop It To Me : 3/11-5/11)

Our Search product is a good one, but we want to give users even more power to find what they’re looking for, so we devised “On The Lookout.”

To begin with, we sent out several variations of invite emails (like the following) to a small sample set of our userbase.

We leveraged our flagship email product as a marketing channel for this initiative as well; here’s what it looked like as a ‘hook’ for a user to set their search query

… and here are four of the variations of landing pages we tested as the user would see them from the ‘hook’

Once a search query was chosen, the user would then see something like the following in their next email

This product has been retired.

Results

  • implemented novel way allowing user to explicitly formulate a structured search query
Categories
demand-side Frontend Innovation Prototyping

Hackathon : Tweet Dashboard

(Shop It To Me : 3/11-5/11)

Built in Prototype JS, the Shop It To Me Search experience provides users with a specificity to formulate search parameters.

You’ll see in the following screenshot (click to view) filters for price, discount, clothing type, brand, and retailer.

The product had been built well before I joined the company, but I took over maintenance and support for it.

Results

  • maintained company’s faceted search SPA
Categories
crm eCommerce Frontend Prototyping supply-side

First Subscription Product

(Shop It To Me : 5/10-7/10)

Since retired, the product was the first foray into the world of premium subscriptions. We went through 35 variations of the invite email while experimenting, five of the landing page, and several promotional creatives embedded within the flagship email product.

Here’s one example invite (click to view larger):

The product has been retired.

Results

  • implemented company’s first subscription product
  • Created a Chrome browser extension (using jQuery based on ease-of-namespacing) as a complementary value-added delivery channel
  • Delivered HTML promo emails, details/purchase/confirmation pages (models, views, and controllers,) CRUD admin tool, and gateway payment processing via ActiveMerchant and Braintree (including mid-tier error-handling logic)
  • Validated emails with EmailReach
Categories
demand-side Frontend

Display Advertising

(Yahoo! : 1/10-5/10)

Galaxy is a component of Yahoo! Mail (one of the most complicated MVC apps in JavaScript on the planet) as part of Rushmore that enables consumption of events from both the Yahoo and Facebook networks without having to leave Mail. As part of the Tiger Team, I was brought in as a F2E to help meet deadlines by implementing features.

Results

  • Contributed to the most important RIA in the display advertising industry (at the time)
  • adding and testing front-end functionality in Yahoo Mail
  • ensuring cross-browser compatibility for IE 6/7/8 on XP Vista, Safari 4, and Firefox 2/3
  • helping to improve the team’s recruitment and hiring processes

 

Categories
crm eCommerce Frontend Growth NUX supply-side

Improving the Acquisition Funnel

(Shop It To Me : 2/10-5/10)

Our four-page flow has proven itself time and again, but in order to drive even more signups, I’ve put in experiments on

  • the number and styles of brands a user can choose from (step two)
  • the messaging (copy) and layout (throughout signup)
  • the types and number of mandatory sizes and categories a user must choose (step three)
  • the form fields of the profile creation (step four, final)
  • content and layout of the confirmation email received by the user
  • …and others

Below you’ll find just a sample of these kinds of experiments.

Here are three of the five variations on our final step, the profile page, in a bid to leverage the SSO benefits of FB Connect (click for larger views)

For one experiment in the signup process, we attempted to simplify choosing brands by creating style profiles. The idea was to make it easier for users to signup based on some curated indices (click for a larger view)

Here are a couple of the many landing-page variations we’ve tried when a potential new user is referred from a friend (click for larger view.)

In the following example, we have the original confirmation email as contrasted with a simple design (of my own) I implemented (design and implementation as email in one hour, click for larger assets/images.)

Results

  • Implemented several A/B tests that increased signup conversion by 3-10%
  • Refactored workflow engine while pairing to enable signup for alternative flows used in A/B testing