
Details
By: Clifton Grefe, Web & Digital Media Design student at Madison College.
Time: September 3, 2023 to October 4, 2023
Process
Task: We were to choose a product driven company and come up with a design strategy that we would recommend for their website, putting an emphasis on visual components that would contribute to improving their overall visual aesthetic.
Pitch: StockX is an exciting concept but its site is white, blank, dull, and lacks character. That is not fashionable. My idea is to make it futuristic. They are not the first people to sell verified shoes online like this. There was PickYourShoes, for example. StockX, on the other hand, has received a considerable amount of (social) media attention. It is also similar to the name SpaceX. The aeronautics company has been in the news and should trigger some thoughts of outer space and advanced technology.
Now would be a great time to refresh their image. I would consider this futuristic space idea and I would thoroughly enjoy seeing a 3D shoe store look throughout the site. I imagine the shopping experience is like you’re walking around a space ship looking for shoes. It could be a video game entirely, and have missions. You could build points and achieve levels to get discounts and prizes.
Results: I found this nostalgic OS mixed with trance look on Figma, and gathered other assets that fit the style, adjusted pieces in Illustrator and Photoshop, keeping a focus on hierarchy, considering the different UX/UI elements that guide us around the site, remembering my personal experience with resale websites, video games, sci fi, and 90s style, and then put it all together in Figma.
Sneakerheads are the result of 90s basketball shoes, and back in the 90s, this is how windows looked on computers. So I’m playing to the Gen X and Millennial aged crowds a bit there but making sure to consider the visual needs of Gen Z as well.
Skills: Figma, UX/UI, Photoshop, Illustrator, Typography, Hierarchy, Color
I generated two significantly different ideas to start, and decided on the futuristic look. The key image is a representation of a spaceship — that is somehow beaming down shoes from space into a compartmentalized shoe storage structure. As if shoes were the ultimate gift between intergalactic races or something. Or like StockX has a special relationship with our friends up there. Or shoes coming out of the bed of slime, disconnecting from The Matrix, like Neo does in the first movie.
Wireframe:

Round 1:
Round 2:
Finals:




















