US Soccer Jerseys:
This project required the conception, design, and develop an interactive experience based on the theme of “collection.” The kind of interactive experience was left up to us and was to be shaped by our own research and design process.
Project ········ Adobe XD Collection Website
Medium ········· Screen Based
Published ······ January - May 2022
Language ······· English
The collection for this interactive experience was based on US national team soccer jerseys. The collection had each of the US jerseys throughout history and their evolution. Along with the jerseys, some details and history attached to them were showcased. This collection was made to reach out to soccer fans, US soccer fans, along with individuals interested in the fashion of jerseys. The goal was to create a website collection to live as an archive that people can refer to and learn about the different jerseys and appreciate the creativity and history gone into each.
Website Rationale:
When designing the website, the idea was to capture an archival feeling while having the site still be highly interactive. As the material had to be self created, the idea of illustration came right to mind. Each jersey was illustrated to resemble the real jersey itself. The color palette capturing the US Soccer colorways with a hint of gold to tie to the gold standard mentality of US Soccer. To create dimensionality to the site and interactivity different versions of a carousel concept were utilized for videos and the jerseys. To better distinguish the jerseys for the viewers they were seperated methodically into home, away, and other. To make it even more distinguishable for viewers in a short atttention span era the jerseys were further split into years created to give a more direct look and choice to facilitate interactions. Typography was kept standard and legible to make viewing the site easy while keeping the titles to theme with a font reminiscent of the sport.
Website Application:
The purpose of establishing the rationale was to facilitate application throughout the website. In turn, through color palette, typography, and illustration, the system used throughout was established and applied accordingly to each aspect.
