Background

Stitched in Sports was a website I created as an attempt to catalog something that I have a collection of: Sports jerseys.

My first step was to look at some inspiration, in order to gain an understanding of how these sorts of websites would look. Instead of looking at other jersey collections, or other various collections, I decided that the best idea would be to look at websites like Mitchell & Ness and Fanatics, popular jersey shopping outlets, and base my design around an e-commerce platform

By looking at how these websites were set up, I was able to identify a good color palette, and then decide how I wanted to actually orient the website.

Process

The next step was to lay out how this website would actually be set up, which is done by creating “wireframes,” a technique that just shows were images and text would be, creating the bare bones for the layouts of the many pages throughout a website.

These wireframes were used as the basis for the mockups, the next stage in preparing the website design.

As you delve into the interview, his art peeks over the questions and responses, teasing more content for you to interact with. When you open the tabs, it opens up into the full work, which allows them to leave an impact.

Final Stages

The final stage of this project was to actually put it into HTML and CSS, which was by far the longest part, but not the hardest. The final product came out pretty much exactly as the mockups did, with a couple slight differences in some places like the individual pages.

What I learned

This project taught me a lot about design, teaching me mainly that web design, while frightening, is a lot more fun than I thought it was, and has a lot of capacity for cool things, such as the filters. I learned a lot in terms of HTML, CSS, and JavaScript for sure, but I also learned a lot in terms of the broader scope of Graphic Design.