Design A Jersey Using SVGs

andrewozone

SVGs are simply amazing. You are able to do so many things that are just not possible with JPEGs and PNGs. In this session we will demonstrate how Wilson Sporting Goods uses JavaScript to manipulate SVGs to change colors, insert logos, and rotate text to design baseball and basketball uniforms. By using this technique, we are able to generate thousands of combinations allowing users to create stunningly realistic customized jerseys. Discover how this approach allows Wilson to produce uniforms for basketball and baseball that are specifically designed for their team.

Attendees will learn how to:

  • Write JavaScript to update SVGs.
  • Use filters in SVGs along with photography to create realistic images.
  • Overcome browser issues with SVGs.
  • Direct photography for best results.

Program tags

ambitious digital experiences, case study, javascript

Experience Level

Intermediate

Drupal Version