Thursday, February 23, 2012

The beginning of the Ecommerce redesign

For this redesign I will be tackling the oh so noble cause that is http://djssportscards.com/ . The site suffers from a lot of the same faults that seem to plague the collectible card industry. The main flaws being, redundant graphics (the stars and generic sports figure silhouettes make my soul sad) an endless scrolling page and a list of navigation that is a mile long. Also, the site could use far much larger images of the cards you are trying to buy, especially after you click on the thumbnails. Lastly, DJ's is using the same simple blue and white color scheme as a large portion of his competitors.


What I was after in this moodboard was a few things. First I like the dark bg color scheme that both Under Armour and Nike use for the images. It has a nice way of really classing up and give a refined edge to sports equipment and memorabilia that white simply can't come close to. At this point my color scheme is far from concrete, I just know I want to use something that is a decent contrast to the dark grey I will be using throughout the site and yet not something that will look like it came from the 90's. Gone are the stars and generic athletes. As far as textures, both the jerseys and equipment (balls, bats etc.) have such recognizable textures that if I were going to use a texture in my design, those are the obvious source.


Here is the lo-fi I came up with. The dark color scheme is present and I decided to go with an orange to play off of the preconceived influence that Nike has on our culture and that, this color scheme has become synonymous with athletes. In order to address the infinite scrolling of images we've added a slider as well as several thumbnail locations to feature products that just came in as well as any sales or promotions. The section below labeled "featured products" is a space on the homepage where he can display the bigger ticket or hot items in his shop and the user will be able to add them to his/her cart right then or there.  The search bar will feature a slide out menu in order to condense things some.