• Photoshop
  • WordPress
  • WooCommerce
  • HTML5
  • CSS3
  • jQuery
  • Javascript

UX design and development for varsity jacket customization and quote generator application

About the company

Streetdapper provides custom outerwear classics made-to-order at an unrivaled quality and price combo. Streetdapper’s garment customizer gives you a multitude of options for creating the perfect jacket, with the flexibility to order one or many.

Website

Streetdapper needed a website that clearly communicated its unique selling proposition of easy jacket customization. I had the responsibility of developing all aspects of the website including the informational pages, product presentation and product configurators powering Streetdapper. WordPress and WooCommerce (an e-commerce plugin) were the best choices for executing this.

Jacket Configurator

Streetdapper needed a solution for the marquee aspect of the company, the visual jacket configurator. After initially attempting to create the builder interface from scratch, I decided to switch to using an existing plugin that already took care of the core functionality.

I fully redeveloped the appearance, settings and option selection flow of the base plugin for the configurator to suit the customization of a jacket. Some of the features of the configurator include:

  • Size selection
  • Color selection of jacket body, sleeves, pockets, and trims
  • Ability to choose patch inclusion on specified part of jacket (left chest, right wrist, etc.)
  • Display updated price based on selections
  • View immediate visual mockup of jacket based on selections

Wholesale Order Form

In addition to the individual jacket configurator, I needed to set up a configurator for wholesale jacket ordering. To meet the requirements of the wholesale order form, I integrated a couple of existing plugins while creating a seamless interface. The core features of the wholesale configurator include:

  • Custom product naming
  • Color selection of jacket body, sleeves, pockets, lining, trims, and trim stripes
  • Patch area selection with conditional options to specify patch type and size
  • Ability to select quantities for each size, with a validation function minimum unit selection
  • Live calculation of total units and price

Results

With the development of the website and product configurators, Streetdapper has positioned itself as an innovative force in the fashion industry, leveling the playing field for small clothing brand owners and providing a platform for individuals to express their uniquiness with bespoke jackets.

  • Much smoother process for clothing brand owners to create custom jackets for resale
  • 24310+ unique jacket combinations in wholesale order form