[HELP] - Design of Project Detail Page, Opinion Needed.

Discussion in 'HTML & Website Design' started by Muhammad Faisal, Jan 3, 2015.

?

Which design proposal is best for project detail page?

  1. Old Proposal

    0 vote(s)
    0.0%
  2. New Proposal

    0 vote(s)
    0.0%
  1. #1
    Hey,

    First of all happy new year to all of you. [​IMG]

    I’m here to seek some advice on design of some specific portion of the site. I’ve started working on redesign of my portfolio theme which will be available for sale on themeforest.net. It is almost complete, excluding project detail page, as i was not fully satisfied with it. Therefore, I’ve made some adjustments to its design.

    Previously, i had 3 layout of portfolio gallery images, as can be seen here:

    1: http://ovari.mstrends.com/portfolio-single.php?format=image-stack
    2: http://ovari.mstrends.com/portfolio-single.php?format=image-slider
    3: http://ovari.mstrends.com/portfolio-single.php?format=image-gallery

    Now, although from features point of view, providing decent amount of options to customers is good but this layout of single project page has a few limitations.

    1: The width of media (555px) used in single project page, seems a bit narrow, specially when there is a trend of using bigger images in project detail page.

    2: If we use a single image (having height less than project desc, at the right), or any embedded media (audio, video), the layout seems a bit unbalanced. For example:

    https://www.dropbox.com/s/55ofhu84tiu7b8p/old.png?dl=0

    Keeping in view these limitations i’ve drafted a new design of project detail page, which overcomes above mentioned limitations. It can be seen here:

    1: https://www.dropbox.com/s/73hjaidw3bxznuc/new.png?dl=0
    2: https://www.dropbox.com/s/o5ieiqvk0u7gvb3/new-1.png?dl=0

    Now, what you people think, as a designer, as a customer, which proposal is best. Any advice would be appreciated.
     
    Muhammad Faisal, Jan 3, 2015 IP
  2. Muhammad Faisal

    Muhammad Faisal Greenhorn

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #2
    UPDATE: (Read below before reviewing)

    Although new layout was looking good on its own, and was covering the limitations of first layout but the issue was, there was sudden change in visual hierarchy when a user approaches project detail page from homepage. For example:

    From this: http://ovari.mstrends.com/

    To This: https://www.dropbox.com/s/73hjaidw3bxznuc/new.png?dl=0

    And this may not be very good from UX perspective. Keeping in view this flaw, i’ve revised the project’s page design once more.

    Here are the screenshots of new design. Now whats your take. Which design should i follow.

    1: https://www.dropbox.com/s/qowuwgj4nxz64lv/project-slider.jpg?dl=0

    2: https://www.dropbox.com/s/c7rtdg9977by1sl/project-stack.jpg?dl=0

    3: https://www.dropbox.com/s/u82es0agf6yi7ui/project-video.jpg?dl=0
     
    Muhammad Faisal, Jan 4, 2015 IP
  3. Praestes

    Praestes Member

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    Your site looks great and I like this new three layout you created and also the one whit the 80% black https://www.dropbox.com/s/o5ieiqvk0u7gvb3/new-1.png?dl=0
     
    Praestes, Jan 4, 2015 IP
  4. Muhammad Faisal

    Muhammad Faisal Greenhorn

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #4
    Thanks very much for your opinion. I've made some changes in the latest layout. Can be seen here:

    https://www.dropbox.com/s/7pjfo3hpr42gqa0/project-slider.png?dl=0
     
    Muhammad Faisal, Jan 4, 2015 IP
  5. Praestes

    Praestes Member

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #5
    looks great THUMBS UP
     
    Praestes, Jan 4, 2015 IP
  6. Pigeon Yoga

    Pigeon Yoga Active Member

    Messages:
    52
    Likes Received:
    4
    Best Answers:
    1
    Trophy Points:
    63
    #6
    I really like both #1 and #2.
     
    Pigeon Yoga, Jan 4, 2015 IP
  7. Muhammad Faisal

    Muhammad Faisal Greenhorn

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #7
    Thanks very much both of you for your kind opinion :)
     
    Muhammad Faisal, Jan 6, 2015 IP