Tag: HTML

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
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
Categories
Frontend Full-Stack

RIA for Monitoring

(Yahoo! : 03/09-11/09)

To leverage my skills and experience from developing web apps forĀ monitoring at the enterprise level, I joined a peer team which had been providing the service engineers of Yahoo with a white-box solution paired with Nagios.

In a bid to move away for the costly distributed model of federated service engineering, our team was tasked with providing a centralized enterprise solution. I contributed as a front-end engineer and implemented features in a custom Perl MVC framework.

Results

  • added RIA functionality to an enterprise monitoring-as-a-service replacement for Nagios
  • won a naming competiton for branding the product
Categories
Frontend Full-Stack SPAs

Experience Monitoring at Scale

(Yahoo! : 5/07-2/09)

Yahoo invests a lot of resources into making sure that each of its properties is available around the clock. To assist in that task, a centralized, black-box service was created as part of dev tools to help everyone from senior management to service engineers monitor and understand the health of properties.

On the backend, the service consists of the data store, a metrics collector, aggregation tools, and the configuration store (database-driven.) On the front end, there’s dashboarding, custom reports, and a self-service configuration tool.

Results

  • built and maintained web tools for a Nagios-based experience management solution checking 10,000+ URLs worldwide daily generating 63M measurements per month
  • reduced workload of system engineers by creating (from scratch) a web-based, MySQL-driven, MVC-architected, self-service configuration tool for creation of and management of Nagios checks
  • led SCRUM-influenced development and improved the quality of the team’s SE process by standardizing on championing the use of Catalyst (an MVC framework in Perl.) Improvements included shortened dev cycles, the introduction of TDD, improved performance, better documentation
  • created snappy, responsive interfaces using custom JavaScript along with YUI in conjunction with JSON-serving REST web services (Perl.) Also achieved performance gains through page-weight optimization
  • reduced development costs through the use of VMWare virtual machines for testing, building, and deploying as part of continuous integration. Implemented a packaged solution for automated regression testing using Firefox, Selenium, X, WWW::Mechanize