Redesign our PrestaShop's View Item Page Layout To Be More Clear and Friendly

Status: Closed
Prize: $200
Entries Received: 4
Winner: BelleWest

Winner

Contest Brief

Our website is https://midcenturywarehouse.com/ - we sell vintage furniture and almost all of our items have a quantity of 1 or 0 - occasionally there is an item that has several available, but that is rare.

When you browse our shop and click on an item to view it, you will of course be taken to the view page for that item. This is the page I need to redesign and I am looking for your ideas for layout and graphics while still keeping within my guidelines.

Since a product can either be In Stock or Out of Stock, we technically need 2 different designs - they will be similar, but still different due to how we need to say different things on each page and display a different set of options/buttons.

For this redesign, you will need to be able to mock up an example for me in a Photoshop PSD, and we will work with that until the final design is approved, and then you will need to be able to send me both the graphical assets of the design and IDEALLY also some of the replacement code that my other developer can use to help him actually replace the current pages with the new layout and look. The more you can provide to actually help us implement the design, the better - and if you know PrestaShop well enough to actually do it all so my other developers wouldn't even have to do anything, then that is ideal, but its not an absolute requirement. We have a lot of custom code on each page that is critical it is not distrubed and is moved over to the new page layout.

Attached are screenshots from 2 example items in our store - one is In Stock and the other is Out of Stock. There is nothing special about these 2 pieces, they are just 2 that I chose to show examples of the 2 different types of pages and what they currently say. I will mark them up to show you the current blocks out of the layout and where they get their data from so you know how to best carry this over into the new design.

Here are the URLs that I got the 2 screenshots from so you can see the pages in its entire context:

In Stock:
https://midcenturywarehouse.com/lounge-chairs/3078-keilhauer-mid-century-chrome-upholstered-lounge-chairs-matching-pair.html

Out of Stock:
https://midcenturywarehouse.com/dining-room-chairs/3073-dania-scandinavian-design-style-mid-century-teak-dining-side-chairs-set-of-4.html

In both cases, the main area we need to re-work is the right-hand column of text and buttons. It needs to be divided out more clearly, more friendly - easier for the customer to tell exactly what their options are when viewing this piece

For In Stock items, the major options the customer has is (in order of importance) :
1. Add it to their cart (which also includes our green box with the In Stock text)
2. Add it to their wishlist (currently this button is handled poorly and is combined with a much less important "Compare" button - both are small and its not really clear for the customer what they do)
3. Ask us a question about this piece (this button does not exist right now - but it will be a way for the customer to ask us directly from this page, probably via a popup we will create which will then send us an email, without the customer having to go to the Contact page and do a bunch of unnecessary typing)
4. "Make An Offer" button - this button brings up a popup that I will need to redesign since the original module was designed by someone who did not do the best job
5. "I Have One Like This I Want To Sell" button and the dynamic text below the button - this is a custom feature of our site and this text below the button changes depending on how many people have clicked it in the past.

For Out of Stock items, the major options the customer has are:
1. Obviously they cannot add it to their cart, but our custom red box with Out of Stock text is very important for them to read
2. The "Find Me One Of These Now" button and the dynamic text below it (another custom function of our site)

(THIS TEXT IS CONTINUED ON THE ATTACHED TXT FILE - PLEASE READ)

Recommended Skills

Winner

Post a Contest Like This

Employer Feedback

“These were the only submissions that really understood what I was needing and paid full attention to my detailed descriptions in the initial project writeup. Great job. Working with revisions was a great expereince.”

iceman333, United States.

Public Clarification Board

irecka1990
- 3 years ago
Can I redesign your web with adobe XD? or all participant must design it with Photoshop?
- 3 years ago
1. Contest Holder
  - 3 years ago
  Anything you want, I only suggested Photoshop because that's what I have to view files. I can't use AI files
  - 3 years ago
technafibd
- 3 years ago
Can I still make improvement of my work?
- 3 years ago
BelleWest
- 3 years ago
#guaranteed #guaranteed #guaranteed #guaranteed #guaranteed #guaranteed
- 3 years ago
BelleWest
- 3 years ago
Hello, I am working on your project.
- 3 years ago
1. Contest Holder
  - 3 years ago
  Thank you, I appreciate it
  - 3 years ago
technafibd
- 3 years ago
Will it be okay if I design it in illustrator?
- 3 years ago
1. Contest Holder
  - 3 years ago
  Sure - that would be fine too, but the output file(s) you show would need to be in a more common format than AI
  - 3 years ago
technafibd
- 3 years ago
Hello sir,
I am interested in your project. Please message me. I have done this type of work before.
- 3 years ago
Contest Holder
- 3 years ago
General comment to all designers interested in this contest:

Most designers seem to be missing the point of what I am needing. I just need the 2 different item pages layouts done in a different way that is more clearly presented instead of how we have everything clumped together now. You'll have to take a screenshots of them and then start moving blocks around and creating a new layout in a long PSD file or series of PSD files that overlap to show the scrolling of the page as you go down the page. I need to see an actual proposal based on my 2 actual pages, not a generic design from some other website. Our overall website's design is fine - we don't need all of it re-done - ONLY the 2 pages I showed in the listing - the In Stock page and the Out of Stock page - that is all. The reason I attached screenshots showing red rectangles around different parts of each page is to show designers where the blocks of content are that need to stay together as a single unit.
- 3 years ago
sydulhasanrony75
- 3 years ago
Hello Sir, I'm Rony, a Graphic Designer, Give me a massage please!
- 3 years ago