PSDFan Extra

30 Minute Redesign: D-Lists

Week 35: D-Lists

D-Lists.

In the space of 5 minutes I can identify some of the key strengths and weaknesses of this design, and sketch out a mockup.

STRENGTHS:

  • There is good contrast between background and content (i.e.: typography), so everything is fairly readable.
  • There isn’t too much obsolete content, and the site is quite easy to browse.
  • The large post images are really eye-catching, and draw you into reading more of each post.

WEAKNESSES:

  • The lack of content boxes/dividers makes the layout feel a little disorganized
  • The typography is readable, but the dark background is quite hard on the eyes
  • There is a lack of call-to-action buttons.
  • The site needs a bit more color to attract the users eye.

My Redesign

As always, I was limited by the 30 minute time-frame, but I tried to improve upon several of D-List’s features, adding a few design flourishes and a clearer layout that promoted content over wasted space:

WHAT I TRIED TO DO:

  • I made the layout much more structured, introducing content areas and dividers
  • I simplified the content further, and stripped away unnecessary content
  • I integrated a sleek menu design to make the site easier to navigate.
  • I used splashes of color to liven up the design.
  • I integrated call-to-action buttons to entice readers to click through and continue reading posts.

Comparing the 2 Designs:

Here is a quick comparison between the original design and my 30 minute redesign. Sure, my design could be more polished, but I believe that a lot of the basic elements have been improved upon, creating a more pleasant browsing experience.

How and Why To Enter Redesign Saturdays

You can have the chance to have your website redesigned in next weeks post. All you need to do is leave a comment to this post with your website address and why you think it needs a redesign.

*NOTE: I can only accept sites with English content, as foreign language websites are simply too hard for me to work with.

The Benefits of Getting Your Site Redesigned Include:

  • Most obviously – a FREE redesign job!
  • Your website gets exposure to PSDFAN’s thousands of readers
  • You understand how to improve your website. This isn’t just a redesign, it’s a lesson in design.
  • You will get emailed the .psd of your redesign and can do whatever you want with it!

So please, leave a comment today for a chance to have your website redesigned next week!


About the Author:

Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

Leave a comment

10 Comments:

  1. Erik says:

    Hi Tom,

    Very nice! Looks a lot better than the current version.

    Greetz,
    Erik

  2. Kim says:

    Wow! You did that re-design in 30 min? What a beast!

  3. Trisha Cupra says:

    Another huge improvement – well done.

    I would have dine a similar header/nav area to your own green one here at PSDFAN. I feel like it’s not worth having a full-width nav bar for just three menu items.

  4. Trisha Cupra says:

    Sorry about the typo – darn iPad autocorrect!

  5. Steven says:

    WOW! I have been following your redesign series since like week 10 and enjoyed all of it!

    I hope you can enter my site (link in my name) in the redesign for next week!

    Thanks I really appreciate your effort in this redesign series. Cheers!

  6. I love the cta buttons, they make a great addition to the website’s visual hierarchy!

    Another thing about the buttons, it seems that was your goal was to make readers become more enticed to read more content =].

    Nice job indeed, very.

  7. msabas says:

    Wow Tom, you really nailed this redesign. The new look is great. I love the thumbnail preview for the post with the title over the image. The simplicity of the over all design is great as well. Good job.

  8. Tom says:

    Thanks so much guys, I’m glad that this design was such a hit :) .

    Trisha: Yeah, a fixed menu width could easily work with this layout. Possibly just have the layout at the width shown, and then have a background either side though?

    Jarod: Yep, I’m a big fan of good call-to-action buttons. They definitely help users click through the site in this example.

    Steven: Consider your site included in this weeks poll :) .

  9. Wing Loon says:

    Nice redesign for D-List. Thank you Tom for sharing the redesign every week. Keep it up :)

  10. pk says:

    WOW ! You are really an incredible design man.
    Thank you very very very much to share your eye, and your perfect analyse !
    BRAVO !!

Leave a Comment:

Related Posts

Your Design Work, But More Awesome:

Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.

JOIN OUR FANEXTRA COMMUNITY TODAY