The T.S. Collection Site

This project was to create a collection website. I decided to go with my Taylor Swift merchandise. This process included picking which items to showcase, putting them into categories, and taking photographs at different angles and positions.

Style Tiles

Style tiles for this project were used to help me envision imagery, font families and sizes, color palette, and overall "vibe" for this website.

Wireframes

The next step was to create wireframes to give myself a “blueprint” for what the website was going to look like, which then led to importing the images that I took of my objects and formatting them to go into the design.

Mockups

The next step was to create mockups based on the layouts that I made with the wireframes, as well as the imagery and guidelines from my style tiles.

Final Product

The final step was to code the mocked-up website itself using Visual Studio Code. This involved making a functional website using HTML, CSS, and JavaScript while using a 960 grid.