This week in my Web Development class we had to select a web page we
felt could work better, screen shot it and re-work it in photoshop. I
chose to use the online store for Oak + Fort. It seems that the website
is malfunctioning because you can’t see any of the photos unless you
scroll really far over to the right.
My version is the top image
The Original version is the bottom image.
First
I removed the negative space on the left side of the webpage and
centered the name and pages. This space was unnecessary and made
navigating the website harder.
Second
I removed a few of the pages listed at the top because I felt they
could be sub-pages to the My Account Page. It also was overwhelming to
look at so many differet pages to select. These changes included moving
the shopping cart and check out, which will now be filed under my
account.
Third
I added a look book at the top of the page that would allow you to
scroll through by clicking the arrows on either side. The catalogue
would offer style inspiration for how to wear the pieces in the new
collection. This feature ads a little character to the webpage where as
before it was a little boring
Fourth
I lightened the text of the pages from dark grey to a lighter grey and made it so that the page selected was darker.
Fifth
I added some spacing between the product shots and added the name of
the product and the price below it. I also reorganized the product
shots. I felt they looked better in rows of four stacked over top of one
another. If I could re shoot or edit the catalogue I would because the
pictures aren’t perfectly white in the background and some background
colors are different from others.
