19 May 2009

ProductiveDreams Reloaded

productive-dreams-reloaded

ProductiveDreams is looking different? Yeah! infact, I planned to redesign long back, but couldn’t since the Best WordPress Contest was going on. Redesigning PD was obviously a tough job since I had to do something better and usable, than the previous design.

This is the third time I’m redesigning PD (I would rather call this a facelift). I’ve used some jquery to make things lively ;)

So what are the major changes?

1. The Global Search

Type something(meaningful) on the Search field on the top right and wait for a second or two.

live_search

2. My social network

This section lets you to connect with me. Be my friend!

My Network

3. The Twitter Bird

I don’t want to explain this. :)Just move your mouse over the twitter bird.

Twitter Bird

4. The JQuery(moving) tabs

A simple JQuery animation.

JQuery Tabs

5. Digg and Retweet buttons

You can see this in the post detail pages.

digg retweet

6. Calendar – shows posts of the current month

calendar

7. The Page peel icons

These icons already existed in the previous design but still I think it’s worth a mention.

PagePeel Icons

8. Top Commenters

I love my readers and especially those who take the pain to comment or thank me for my efforts.

topcommenters

Now it’s time to let me know your opinion. Do you think this design is better than the previous one? Feel free to comment here :)

About Gopal Raju

Gopal Raju is a passionate designer, developer and blogger from India. He’s the founder of Convax Solutions, a web design and development agency in India. Catch up with him on dribbble, Twitter and Facebook.

Related posts

Share

46 Responses to ProductiveDreams Reloaded

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  2. DesignFellow December 22, 2009 12:32 am

    I like your sharing mind…Thanks for the info.. Keep up :)

    Reply
  3. Sheetal December 11, 2009 1:02 am

    I love the way you design and new things you post here.

    thanks a lot for sharing all this stuff…!

    Reply
  4. subhash November 12, 2009 4:42 am

    Hi,
    Gopal Can you please let me know how can i implement jquery moving tool

    Reply
  5. jeanm August 28, 2009 5:53 pm

    make a tut for some of these, i dont know how to edit my theme, like i wanted to put those page peel icons on the side or anywhere but i dont know how please and thank you

    Reply
  6. purab July 13, 2009 11:29 pm

    i can only say is
    “WOW”

    Reply
  7. Freelancer Crowd July 1, 2009 12:43 am

    The site design is outstanding.
    Brings me back to “when I gorow up, I’d like”…

    Congratulations, this is really lovable!

    Reply
  8. Labubulle June 24, 2009 8:53 am

    Congrats for your work !
    I like the reply preview, really handy !

    Reply
  9. Dreamweaver Forums June 22, 2009 3:01 pm

    What a wonderful article. Ill be using this in my work from now on. thanks again for being there.

    Reply
  10. kuld33p June 19, 2009 9:22 pm

    Throw in some tutorials man about these.. let us also use them.. :P

    Reply
  11. kuld33p June 19, 2009 9:16 pm

    This is awesome theme man. good work. I wish I had a blog like yours.

    Reply
  12. bolm June 16, 2009 5:35 pm

    it’s a nice theme,i really love it.but the jquery moving tabs can not work in my ie8.

    Reply
  13. Anthony June 13, 2009 9:29 am

    Wow, that’s a very beautifull usage of the recent comment w/gravatar widget !

    By the way, You should check the previous version of the plugin, admin should not be displayed. (it was the only difference between the plugins)

    Reply
  14. detruk June 8, 2009 9:54 pm

    Hello man,
    I have just discovered your website yesterday. I just wanted to congratulate you for the quality of this template. The colors are just great, the jquery effects are very usefull and the general design just makes me say “waho…the guy who have made this website just rocks !…”
    Congrats once again !
    ps : what plugin do you use for your comments functionnality?
    pps : sorry for the bad language I’m not english.

    Reply
  15. Ares Vista June 5, 2009 7:31 am

    I love the design! Functionality is most important and most impressive. I can’t think of anything I would change. Great job!

    Reply
  16. Dumitru Brînzan May 29, 2009 6:58 am

    Looks really great, especially on a wide monitor :)

    Usually I don’t pay much attention to the jquery effects, but these ones are done with taste and style :)

    P.S.
    1. in Opera (i don’t know if this is the case for other browsers), the bookmarking icons on the left appear only after scrolling down ~400px.
    2. Footer, in Top Commenters area… is it the case for you to participate in this top? Let others get the chance to be #1.

    Anyway, great job!

    Reply
    • Gopal June 12, 2009 12:40 pm

      Thanks Dumitru.

      1. Regarding the bookmarking icons, it was intentional. I wanted users to see it only when they scroll down and read the article.

      2. I agree that I shouldn’t be #1 in the top commenters section. I’ve informed the plugin author about this. Awaiting his response :)

    • Gopal June 14, 2009 9:08 pm

      Btw… the “top commenters” thing has been fixed! Thanks again for pointing that :)

  17. Andy Sowards May 28, 2009 11:44 am

    Wow Gopal, This is a great redesign my man, you put a lot of effort into it! I am currently redesigning my own site, Hopefully I can improve upon my old version as much as you did for this!! Keep up the good work man!

    Reply
  18. PB May 27, 2009 2:09 am

    Greatest site with such improvisations I have come across so far ! :-) Congrats

    Reply
  19. saurabh shah May 25, 2009 10:16 pm

    nice reloaded man.. it looks really good….

    Reply
  20. Oscar Martell May 25, 2009 8:52 pm

    Greeeaaat…!!!!!
    I ike.

    Reply
  21. Rade Joksimovic May 22, 2009 5:59 am

    You’ve done a very good job implementing these new features, well done! The non-standard look of the ajax powered search results, implementation of the teared social icons, everything is adding to the user expirience. Bravo!

    Reply
  22. Shahin - Rolam Shahin Designs May 22, 2009 2:59 am

    Outstanding mate! I just love it, way better than the last one. Really liked the grunge bg and the bevel effect around the top left part of the sidebar! Very well done.

    Reply
  23. bwskyer May 22, 2009 12:11 am

    It’s cool. I love..

    Reply
  24. yamaniac May 21, 2009 1:08 pm

    lovely theme gopal!! Outstanding. Please consider validating it through w3c giving me errors on opera…. Appreciate your efforts…

    Reply
  25. Nice May 20, 2009 10:03 am

    I love JQuery(moving) tabs (I like hover effect – too lazy to click. lol)

    Bugs when viewing with Opera9.
    - I can’t see the comment text
    - page peel icons were hided.
    - social icons on the top looks weird when hover

    btw, I’m quite surprised to be one of the top commenters :)

    Reply
  26. Chris Wallace May 20, 2009 9:14 am

    I really hated the eyes on the last design. This one is about a hundred times better. Nice work!

    Reply
  27. cuppjavamattiz May 20, 2009 8:18 am

    Greatest site with such improvisations I have come across so far ! :-) Congrats

    Reply
  28. Chris May 20, 2009 6:21 am

    Absolutely gorgeous!

    Reply
  29. rss_ems May 20, 2009 6:20 am

    This is magic! wuw! ((: I like that.

    Reply
  30. Marco May 20, 2009 6:04 am

    This is absolutely amazing, well done! Do miss the “dreamy eyes” that you had in your previous template (it was where I recognized this website most of), but still: It’s very well designed.

    Really like the “Twitter” bird.

    Oh BTW, as I’m writing this comment, you still need to fix the “reply” box -> it doesn’t scroll when I’m writing this long text :) . Very annoying.

    Anyway, keep up the great work!

    Reply
    • Gopal May 24, 2009 1:35 am

      Thanks for your comments and for pointing out the issue with live comment preview. That has been fixed :)

  31. Cindy May 20, 2009 3:09 am

    Looks good. Great Job!

    I love it! :)

    Reply
  32. Bartek May 20, 2009 2:29 am

    wow! it’s awesome

    Reply
  34. Navdeep May 19, 2009 10:19 pm

    Super amazing dude… I love all the customizations, very well done!

    Great work again!

    Reply
  35. Ben Jacob May 19, 2009 9:41 pm

    Woohoo!! At last you made the new theme live !

    Congrats.. !

    Reply
  36. aravind May 19, 2009 9:26 pm

    Totally outstanding!!!
    I love it :)

    Reply
  37. cheth May 19, 2009 8:23 pm

    Simply awesome man! no words :)

    Reply
  38. Matt May 19, 2009 6:01 pm

    Looks good. I especially like the search..

    Reply
  39. Cameron Eagans May 19, 2009 5:38 pm

    WHOA! This design kicks MAJOR ass. I REALLY like the jQuery moving tabs…I’ve never seen that done (then again, I haven’t really actively -looked- for it, either)

    The search box effect is also really cool.

    Great job on the redesign!

    Reply
  40. Heather May 19, 2009 3:35 pm

    I really love this! A fresh take on your previous style, and the way you’ve customized the search area is hot!

    Reply