Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Behind the Scenes of the Design Informer Redesign

One of the hardest decisions that I had to face with this blog thus far is determining when it is the right time for a redesign. To some people, it is clear that their site is old and outdated and in need of a total makeover. To others, it is a lot harder to realize their need of a redesign since their site is doing well and have received great compliments about their current design. That is my case. The old design/theme of my site have gotten an incredible amount of positive remarks from the community and I’ve even received a few design jobs because of people who liked my blog’s design. I can see it now. Some of you are thinking this question in your head.

Are you crazy? Why are you doing a redesign after only 3 months, especially since your design has gotten lots of positive response thus far?

Well, in this blog post, I’d love to answer that question and take you behind the scenes of the Design Informer redesign.

You might be interested in the following related posts:

The Goals and Objectives Link

Redesigning a blog is no easy task and there are many different factors that must be considered before one decides to redesign. With Design Informer’s old design, I started to notice that it was getting cluttered with different features that I was adding due to the fact that a lot of those features were not part of the original design.

Not only that, but the code was getting bloated and the site was starting to slow down due to so many different factors. At first, I thought of just re-aliging the site and just cleaning everything up. Later, I decided against that and instead, I opted for a complete redesign from the ground up.


Before I started the sketching/wireframing process, I went ahead and listed out the goals that I wanted to accomplish with the redesign. I actually came up with a list of about 15 things that I wanted to apply to this redesign, but let me just mention four of them in detail.

  1. Focus on Content – With the old design, the header was attracting too much attention and when a visitor first visited the site, the header was competing for attention with the content.
  2. Simplicity in Design – I wanted to strip the site of the many uneccesary design elements that it had. While not completely minimal, I wanted this redesign to be a lot simpler, which again leads to focusing on the content.
  3. Typography and Readability – As with any blog, these two things are very important. I wanted the readers to have a great experience while reading through the articles and I didn’t want their eyes to get tired and stressed so I really tried my best to make the site as readable as possible.
  4. New Features – If you are still new to blogging, one thing that you are constantly doing is thinking of new features that you would like to add to your site to make it better and more user-friendly. But what happens when you decided to add these features to your blog? More often than not, it ruins and clutters your design because you didn’t originally plan for it and now it doesn’t match your site at all. This is the case with a lot of websites, and it was the case with my website as well.

Sketching and Wireframing Link

Sketch and Wireframes

After writing out the goals and objectives that I wanted to accomplish with the redesign, I started sketching my initial thoughts on the design. I am not an expert at sketching, but one thing that it does is it helps me to see my ideas very quickly. For initial sketches, I just use a thick blue marker as it helps me not to focus on all the little design details but rather on the main frame and structure of the site. Once the inital sketch is complete and I am satisifed with it, then I then move on to the detailed sketches where I jot down notes about the design and features of the site. You can see a few of the sketches that I have drawn above. I have a lot more sketches but I’d rather not show them to you.

The moment that I finished my sketches, I immediately proceeded to create wireframes of the website. During the wireframing process, I do use real content because like I mentioned earlier, I wanted to focus on the content4.

The Design Link

Once I finished the wireframes, I then went ahead and started on creating and refining the little details of the site. I probably spent way too much time in this part of the redesign, as I kept changing the look and feel of the site over and over again.

Logo and Header Link

Logo and Header

As I mentioned earlier, I wanted to keep the header of the site as simple as possible. I decided to include a navigation menu and a search bar on the header along with the Design Informer logo. At first, I decided to just have the logo there, but after showing it to a couple of my friends (Vitaly Friedman5 and Doug Neiner6), they suggested that the header was too plain and I needed to spruce it up a bit. That’s when I decided on adding the city buildings, as that was on the original design, but I decided to keep it light and faded, as I didn’t want to draw too much attention to the header.

One thing that you will notice is that I also added the RSS and Twitter feed counts. This was something that I wanted to do to showcase how much the site has grown in the last three months. I’ve also decided to remove the large Design Informer mascot. Don’t worry though, he is still around and if you look for him, he might even say hello!

Content Area Link

Content Area

For the content area, there are two slight changes that I have implemented.

  1. First of all, I’ve decided to add categories at the top of the posts so readers can easily choose which category they would like to view.
  2. I’ve also changed the way the post information is displayed.


While I was designing the sidebar in Photoshop, I wanted to make it stand out a bit more and separate it from the main section. While thinking of different ideas, the photoshop rulers stood out at me, so I decided to implement it on the sidebar design. As far as features, I’ve pretty much kept it the same with one slight change; I’ve decided to remove the Community News section for now. I was just receiving way too much spam through it, even with Akismet already turned on. Some of the articles were great, but I also noticed that some people were abusing it by submitting 12 articles at one time which would then just push other articles out of the sidebar.


While the old footer did the job, this new and improved footer is a lot more helpful and interactive. Here are some of the features of the new footer.

  • Categories
  • Recommended Reading
  • Popular Tags
  • Flickr Showcase
  • Friends of Design Informer

Blog Post and Comments Link

With the blog post, I wanted to make it extend the width of the site and remove the sidebars, but I changed my mind and decided against it. I put much thought into it, but in the end, I wanted to stick to the traditional blog design. The comments section in the old design worked really well so I decided to keep that as well.

Related Links and Article Promotion Link


You will probably notice a change in the design of the article promotion section and the related posts. I’ve decided to include the post header image as well when viewing related links. I’ve also cleaned up the article promotion area. I’ve decided to include the hand of Mr. Informer with the heart, because when you promote one of our articles, then you are “sharing the love.”

Visual Hierarchy Link

Along with a great design, you want to have the proper visual hierarchy as well. For this site, I wanted to content to stand out first, so I decided to perform a simple test which I’ve always done. If you want to learn more about this, read this excellent blog post7 by Lee Munroe.

If you take a look at the test below, you will notice that immediately, when you view the page, your eye automatically is attracted to the post image, which was my intended goal.

Visual Hierarchy

The Development Link

I decided to keep WordPress as the backend. The site is coded in XHTML 1.0 Transitional. Does it validate? No, there is one error. The CSS doesn’t validate as well because I am using CSS3 effects on the site. I use validation to check for errors, but if it doesn’t validate completely, then that’s not too important.

As long as I fix all of the errors that I can fix, then it’s okay. I also didn’t use a grid-system. I ended up using my own personal framework as I am more effective with it and it meets the needs of this site. I did use the 960 grid-system for the design.

New Additions and Features Link

The site has some new additions and features so let me break it down for you.

  1. Recommended Reading – I wanted to be able to share my favorite articles to my readers while at the same time, help promote those who are coming up with great content, so I decided to add this section. You can view it by checking it out on the footer, or by clicking on the category, Recommended Reading.
  2. Archives – I’ve finally included an Archives page to the site. It’s organized by month, by popularity, and you can even view every single post we’ve ever written on Design Informer.
  3. About and Contact – I’ve already had these pages in the old design, but I decided to spruce it up a bit. Go ahead and check it out to read a little bit about Design Informer and you can also see the guest authors as well.
  4. 404 – With the old site, I didn’t even have a proper 404 page. As you can see here, I customized my 404 page to be more useful.

What’s Coming Next Link

There’s still a lot coming to Design Informer in the future. There are still little things that I will be tweaking on the design, so please bear with me as we continue to strive to make Design Informer better. Also, we are still hard at work on Coding Informer so we will definitely give you updates as things start to progress.

Your Feedback is Greatly Appreciated Link

I learned one very valuable lesson when I did this redesign.

I am my worst critic.

I can’t remember how many times I decided to start over while doing this redesign. While I have my own opinions, thoughts and criticisms of this design, I would love to hear yours as well. Please feel free to share your thoughts about the new design. Your honesty is appreciated! Don’t be shy, tell me what you think, what I can improve, what you like about the design, and what you don’t like. Oh, and if you notice any errors, feel free to message me on Twitter or send me an email.

Again, I appreciate you taking the time to read this really long post and please do help me promote it with a bump, float, blend, stumble and retweet. Thanks again!

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7

↑ Back to top Tweet itShare on Facebook

Former editor in chief of Designinformer.

  1. 1

    Great job Jad! I really like the new design. It feels classy and easy on the eyes. I don’t feel that a large footer is a problem at all. I like the new headings and the font you used for them! The ruler is a nice adition aswell!

    It is always nice to read the work process of a redesign and it seems like you made all the right decisions.

    • 2

      Hi Mikael, thanks for stopping by and leaving your feedback. I don’t think I’ve seen you around in the comments here before. Anyway, I’m glad that you liked the “ginormous” footer.

      Yep, I tried to at least shed light on why I did what I did on the redesign and I hope it was an interesting read for you. :)

  2. 5

    Really nice redesign, but…i was falling in love with yours older version :(
    However, now the blog is more clean, very beauty.
    Great work!


    • 6

      Hi Sarah, I already knew that would be the case with some readers. We always like familiarity and a lot of times, change bothers us. But I completely understand that and I hope you’ll fall in love with this design as the days pass. :)

  3. 7

    Hi Jad, your redesign turned out to be clean, classy and minimal which is one of those art directions that not everyone is going to like. Personally I love it, I don’t like fancy graphics distracting me from what I want to read, the most important is the content. And one thing with your blog, you have great content. More success to your blog and GOD bless :)

    • 8

      Yes, the content is definitely the most important part of Design Informer. I’m glad you liked the redesign Zanzu. God bless you as well! :D

  4. 9

    I like the redesign. Much cleaner and the header now feels much more professional.
    Also great subtitle design and multi-collumn usage in the content!

  5. 11

    Hey!!! Great job in redesigning… I’ve really liked the header, its simple and clean. :)

  6. 13

    awesome, thanks for the flow….

  7. 14

    Very simple and clean but still professional. focus on content. i love it

  8. 16

    Hi Jad , I ♥ the new design, so Clean and user friendly :)
    1. i’m not sure about the inner glow on the header logo (onOver) , maybe simple background work better.
    2. how about redesigning the “hand of Mr. Informer with the heart” that look more like the Mr. Informers hand that i see it in the footer ?

    Thanks for the RD again :)

    • 17

      Glad you enjoy the new design and reading the article.

      About your suggestions, the reason for the glow was to make the logo look recessed so it looks like Mr. Informer is inside the logo. It’s really meant to be more of a drop shadow. I guess it is a little too strong and I should have softened it up a bit. Regarding the hand, I think it looks fine. :)


  9. 18

    clean layout… but i think the header color should be different

    • 19

      In the initial stages, the color was different but I decided to go against it. :)

  10. 20

    Great work Jad,

    I have to say this new header is much nicer. The old design had much greater contrast between the header and content where this new look puts the focus on your lead article image using contrast. The new footer is just outstanding.

    I’m sure you’d like to keep the top super clean, but I wonder what the Mr. Informer guy from the footer would look like next to the search box up top. Like everyone else I also LOVE the sidebar ruler. Nice touch.

    • 21

      You’re exactly right about the contrast of the old site. I was really attached to the old header but I knew that it was just way too much so I opted to switch the focus to the post image instead.

      I originally had Mr. Informer up there, but like I mentioned, I wanted him to not be so obvious on the site. Plus, he’s a Spy/Informant so he likes to be behind the scenes so I decided to hide him in the logo. :D

  11. 22

    Hey Jad,

    Congratulations on the redesign! Lots of nice little details, yet you’ve managed to keep things very clean.

    I particularly like the comment design, the subheadings and the post meta information. Each post is well laid out, although the redundant titles (the post heading repeated again in the image) are a little awkward.

    My only real criticism is the category listing at the top. I feel they could be a bit more interesting without sacrificing cleanliness.

    Otherwise, it’s clear you’ve put a lot of work in to it, and you’ve rightfully put the focus on the content. Good stuff :)

    • 23

      Hey Derek, thanks for sharing your thoughts.

      I agree, the post image duplicate title is kind of awkward, but I think it is necessary.

      About the categories, I definitely agree with you. I’m not a huge fan of it myself, and might change it sometime in the future if I find a better solution.

      Looking forward to your article(s) and to working with you. Thanks again! :)

  12. 24

    Looks good, I first checked this out on my mobile so I missed a lot of the details, looks much better in a web browser. Also cool to see the mascot making little appearences here and there.

  13. 26

    Great work. I really like the simplicity of use and feel. The logo :hover is a great idea. I often run across people who don’t know the common rule of having a click-able logo that takes the user back to the home page. Perhaps an implementation such as what you’ve done will help to clarify to those people.

    As always, a great inspiration. Thanks.

  14. 27

    I also forgot to congratulate you on the redesign in the above post. I, also, have been working on a redesign of my portfolio site after only having it live for a short time. The difference is, you actually finished your redesign.

    • 28

      Hey Chris, I know what you mean about the clickable logos. Every site that I have designed from the past year had a clickable logo. I’m definitely used to doing it when I want to go to the homepage and I really get annoyed when I visit a site, click on the logo, and find out that it wasn’t linked.

      BTW, thanks for the compliments and definitely shoot me a link to your portfolio once it has been redesigned.

  15. 29

    I love it Jad, this looks great. I like the cleaner, simpler approach to the design, and I think you’ve achieved that quite well.

    I love the ruler idea in the sidebar – a nice touch!

    Well done, and I look forward to seeing DI keep growing.

    • 30

      Thank you Brian. I also look forward to seeing the growth of Elite by Design. Oh, and great job on that article about list posts. :)

  16. 31

    Jad, I did a quick scan of your layout, and there are some improvements. If I could direct your attention to the top most navigation, why not make the icons turn white as you rollover them for consistency? I also think the “Search Here” color is too light against the light background. It should be a darker color so it’s easily seen. A search box, I think is one of the most used features in a website besides the back button.

    The “Submit Comment” at first glance doesn’t appear to be a button but a graphic, so I think it’d be wise to turn that into a button. Read up conventions and behavior patterns of people that use websites because that could help you design better UI by making most of the elements self-evident. I may be off-topic here, but there is a spectrum of users: A) Tech savvy people, B) Not-so tech savvy people, and C) The ones in between. We should design for the ones in-between, in my opinion.

    The footer is huge in my opinion, and I think “Popular Tags”, “Friends” and “Flickr” can go on the sidebar and utilize that space. Play around with that, and then organize what’s remaining in the footer. Do you really need the “Recommended Reading” description there? Just wondering :)

    This is all I have for now, and I’ll message you when I look at the site again. I also like the ruler on the sidebar! Good work!


    • 32

      Yo Mr. Noel, thanks for the constructive criticism. Let me explain some of the reasons behind the issues you brought up.

      First of all, about the search, I didn’t really want it to stick out since according to my stats, not too many people use the search bar on DI, although I do agree that it maybe just a little bit too faded into the background.

      The submit button: I definitely understand what you are saying about designing for the in-between, but the audience of Design Informer is web and graphic designers, and most of them are already computer savvy and have no problem at all on figuring out that it’s a button. I’ve also received lots of compliments about the button and so I wanted to keep it. Plus, I had that button on the old design so I thought it was a good way to create a little bit of a tie to the old design. Hope that explains that! :)

      Lastly, about the footer, I wanted to put all that info in the footer for a reason. I want to have as minimal of a sidebar as possible so that when people are reading the content, then their eyes aren’t drawn to the sidebar and they aren’t distracted. Yes, the footer is quite big but I actually like it that way.

      Anyway, thank you for your comment and I am still doing testing at the moment so I may or may not change some things.

  17. 33

    The new design looks great. Really clean layout that supports the user in reading the articles.

    Always cool to see someone take a site that was good and improve upon it. Kudos on being fearless and fixing something that wasn’t broken in order to make it even better.

    And I love the fat footer.

    Congrats Jad – keep up the great work.

    • 34

      Hello Jeremy, hope your college class is doing well. How was their HTML/CSS project?

      Anyway, thank you for sharing your opinion of the design. I’m stoked that you liked the redesign, as well as my really fat footer. I agree with you, the site wasn’t broken but I really wanted to improve upon it.

  18. 35

    Actually – one criticism – I would return to making the large visuals that support each post being anchors that lead to the full article. Those images are so visually inviting, that they just beg to be clicked to ‘read more’.

    • 36

      That’s a great idea Jeremy. I had that on the old design but forgot to implement it on this new theme. I’ll change that soon!

      • 37

        I seem to remember, originally, the images didn’t link on the old site. I know that because I always used to click them! Then, one day, they suddenly began to link, much to my delight.

        So of course, on the new design, when I wanted to read more I clicked on the big image once again!

        But seriously, those images are so well designed, I can’t be the only one who is inclined to click them instead of the article title or read more link!

      • 38

        You are totally right Jeremy. I actually just asked Derek Herman, the PSDTuts WP guy and he gave the exact same comment. He told me to link the image to the post as well. Thanks, I’m definitely going to do that.

  19. 39

    Nice job Jad. The entire design is clean and I like what you did with the footer. Keep up the great work!

    • 40

      Hey Brian, I appreciate the kind words. So you’re a big footer fan as well? Alright! :)

  20. 41

    The new design looks wonderful! I really like the simplistic, content focused design. Well done!

    Although, I agree with nOel in regards to two of his points:
    – Top navigation; why not make the icons turn white as you rollover them for consistency?
    – And the footer feels huge.

    • 42

      Yes, I do agree with you as well on the icons turning white, but the footer is just fine for me. :)

      Thanks for your opinion though, Tim!

  21. 43

    I feel that you completely nailed your objectives. Aside from numbers, the site has grown in other ways in the short 3 months. Your original design got my attention and led me to check out your content. Now, I’m regularly reading your content (and it is in the Smashing Network), so it is good for the design to step out of the way.

    I was completely drawn to the post image and read all the way down through.

    You asked for direct feedback, so here we go:

    Header: The actual header is great, the subtle city adds detail, the spacing is good and the rollover adds a nice touch.

    Nav: Something is off about the nav. The contrast seems off at the top and there needs to be a bit more contrast for the secondary nav below the header. I don’t have a direct recommendation and I know it would be tough to increase their contrast and not pull away from the content.

    Sidebar: The content in the side bar is spot on. I personally don’t have the issue with separating it from the post, but that seems to be popular feedback. You may want to play with a slightly darker background. (The ruler is a great touch).

    Post Footer: I love the look of the author, ad space, looking for more and sharing sections. For flow purposes, I would recommend swapping the “looking for more” and “sharing” sections. Sharing is directly related to the post, while “looking for more” is more related to the blog itself. That argument could actually call for “looking for more” to come underneath the comments, but I think it’s better served above it.

    Blog Footer: It rocks. The contrast is awesome and the dark background is refreshing after the lightly colored content space. My only hang up is still the blue/black contrast for the main nav. It flows much better wedged between the dark blue and the black backgrounds, but it still seems a bit off from the rest of the design to me.

    All in all, it’s a great redesign and I’m impressed that you are adapting the look to the content and attention so quickly.

    • 44

      Hello Dan, I really appreciate you replying to my request about leaving your feedback on the redesign. I really admire the fact that you took your time and wrote what you really think about the redesign in detail.

      I really agree with you on the category navigation. It’s really something that I’m still trying to find a solution for and will continue to do so.

      About the sidebar, I don’t have a problem with it as well, but if I get more people who have issues with it, I’ll definitely have to reconsider it.

      Again, thanks for the compliments. It means a lot! :D

  22. 45

    Excellent redesign. Love it. Content certainly is king in this design and I agree that the old design had too much focus on the header area and now the focus is the content. Awesome job!

    • 46

      Thanks mate! Content definitely is king and I wanted to portray that on this design.

  23. 47

    Looks great Jad! Footer is really nice.

    • 48

      Thanks Grant! I can only imagine how busy you are running Colorburned so I appreciate you stopping by. BTW, you are one of the first bloggers who inspired me to start blogging. :D

  24. 49

    Looking pretty awesome, super clean and with a lot less distractions.
    Pure content focus, keep up :)

    • 50

      Thank you! I like the Scarlet Bits design as well. That crazy background just adds so much personality to your site.

  25. 51

    I saw this happen over at Inspired Magazine when their blog first came out. It was amazing to look at, unique creative design. It’s never been the same since they changed it. Sorry, but this time i have to say something. This design is clean and nice, but it removes the personality and uniqueness that was found here. It looks like with a different header, and a huge and not very useful footer. I’m really sorry but i do not see a re-design a see an un-designed.

    • 52

      Hey mate, sorry you feel that way. I definitely respect your opinion. I hope the design grows on you as the days go by. :)

  26. 53

    I like this design, I’ve never seen the old one I think but I like this! Thanks for sharing your ideas and visions about the whole redesign, it inspires me to start finally working on my own portfolio site. Really useful post and thanks for a few good links.

    I do think that in your Visual Hierarchy the main and first focus is on the logo instead of the image. This is no problem at all because people need to know at which site they’re reading. Good to see other people use the same techniques as I do.

    • 54

      Really, for some reason, when I look at the visual hierarchy, the post image stands out to me immediately.

      Anyway, hope you get your portfolio site up soon! Thanks for your compliments on this write-up.

  27. 55

    Nice work! I love new light look! Cheers!

  28. 56

    I’m confused by one of your paragraphs, where you say “I also didn’t use a grid-system.” and then “I did use the 960 grid-system for the design.” Not sure what you mean about not using a grid.

    • 57

      Hey Miike!

      Don’t be confused. :)

      What I meant by that was with the design in Photoshop, I used the 960gs as my guide but when I coded it, I used my own framework.

  29. 58

    I love the design so many little things that work so well together.

    I still believe you run a huge risk with your current mascot/cartoon, I thought for a second it was completely gone and was thinking you made a good decision but the the hover on the logo showed it’s still around. Get rid of it before you get served with a C&D by MAD or whoever owns the the rights to SPY vs. SPY

    • 59

      Hey Miguel, I don’t think I’ll be getting sued as the mascot is definitely an original design and my cousin told me that he never even heard of Spy vs. Spy when he drew my mascot. :)

      Anyway, I’m glad you like the new design.

  30. 60

    Never mind what i said earlier, i must have somehow become attached to the previous design here and i apologize thoroughly. This new design is like a super structure from headers to bullets, the typography, spacing, meta, images and all the details are amazing.

    • 61

      Hey guys, thanks to the both of you.

      I didn’t really think it was a big deal anyway, I’m always open to people’s opinions and I know that my design can’t and won’t please everyone. Anyway, thanks for re-commenting and telling me more of what you think. I really appreciate your honesty and sincerity when leaving your comments.

  31. 62

    Got to say Jad that I preferred the old design. Although after reading what you posted I can definitely see your reasons for the re design and you have tackled those perfectly, Thanks for supplying the various pics of the process too, they were helpful. I can see myself falling in love with this design, perhaps I just don’t like change! either way congrats on the re design turned out great!

    • 63

      Hey Aaron, I’m actually the same as you are when it comes to change. I personally don’t like change as well, especially if it already ain’t broken, but to me, the design was too cluttered and I felt that it needed to be spruced up. Thanks for letting me know what you think of the new design. :)

  32. 64

    Great job with the re-design! Good to see your mascot is still around :)

  33. 65

    i likey, good job dude

    • 66

      Yo Denny! Thanks, I’m glad you liked it. When are you going to get your site up? It’s been long enough already.

  34. 67

    Thanks for the feedback Melody. Glad you liked the logo hover. I really appreciate the compliments and I agree with your evaluation. :)

    Hi Kenneth! Actually, I got stuck with the header for a long time, and after much experimenting, I decided to incorporate the buildings, which also helps to tie this design with the previous one. :)

  35. 68

    I appreciate your honesty Alan. I knew for a fact that some people would think the footer would be too big but I honestly really like it. :)

    Oh, and I can’t believe I got the 404 link wrong. How many times does that happen, and is that even possible? Anyway, I fixed it now.

  36. 69

    I agree, testing is definitely something that I am doing now and will continue to do. I actually really am trying to learn my best about usability and all that technical jargon. I know that it will only help me to be a better designer.

  37. 70

    Thanks Mel. Sorry to hear that you disagree with the footer.

    Anyway, the recent posts is a great idea. I was just observing the site and from a post, there is no way they can see other recent posts. I will definitely look into adding that feature. Thanks for the suggestion.

  38. 71

    Just make sure it’s not bigger than the actual site content. :)

  39. 72

    Hello Mr. Inspiring Pixel! Hope you are doing well.

    Thanks for the constructive criticism. I will definitely look into these suggestions and take them into consideration.

    Oh, and the 404 page should be working fine.

  40. 73

    Haha, will definitely get back to pumping out the content. I have lots of great articles from guest posters as well as a few of my original articles/tutorials as well. :D

  41. 74

    Thanks! Glad you like the redesign.

  42. 75

    Thank you sir! BTW, in case you didn’t notice, I got inspired by your post meta-info and I implemented something similar to the redesign. I really like your blog design as well. Very clean and lots of little details that make it stand out. Oh, and congratulations on the new gallery! :)

  43. 76

    Hi Joe, thanks for all your complementary words about the blog and the design.

    About the navigation, I really didn’t want to include the categories on the header area, but after consulting with different people, they concluded that it was best to have the categories on the top for easier access to more content. I’m still not sold on it though, maybe I can think of another creative way to implement it. We’ll see in the coming days.

    Thanks for sharing your opinion.

  44. 77

    Glad you noticed all those little details (lines, borders, etc.) of the design. One of the main things that I focused in on was the typography and the readability of the site. I wanted the site to feel very open and airy, and didn’t want it to feel too confined. I also spent a lot of my time on tweaking the font and font sizes until they were just right for me.

  45. 78

    WOW! That’s a really long comment. Thanks for the feedback. I really love to hear what the readers think of the redesign.

    About the issue of the sidebar, I know that the content is a little far down, but really, that’s not much of a concern for me since the purpose of it is secondary. The tweets aren’t very important to me and I placed it there so that if they wanted to read some of my tweets, they can do so. The big thing is the Twitter follower count on the top. They can easily click on that, follow me on Twitter, and read my tweets. But I completely understand what you are trying to say.

    Thanks for being such a loyal and faithful reader/supporter of Design Informer. :)

    • 79

      Thank you so much. Actually, I appreciate the long comment. The longer the better, as long as it’s actually helpful. :)

  46. 80

    Thanks Janko. Your redesign was really nice as well and likewise, I also enjoyed reading your process. I really love these types of posts and hope the community would have more of them.

    BTW, totally random, but I just noticed that our sites colors are very similar. What a coincidence! :D

  47. 81

    Hey Erik, thanks for dropping your thoughts about the redesign. As always, I appreciate your thoughts and really respect you as a designer. Your minimal site is one that I’ve admired for a long time and when it was time for this redesign, I knew that minimal was the direction that I wanted to go. I’m really glad that you liked the design.

    Also, I thought long and hard about removing the mascot but decided to just minimize it’s role a bit and not make it so prominent.

  48. 82

    Thanks! Every time you come to the site, you can be reminded of Photoshop!

  49. 83

    Thank you! I’m thrilled that you like the design.

  50. 84

    Thanks Taufik, although I don’t remember Design Informer ever having a black background. ;)

  51. 85

    Thanks Arjun!

  52. 86

    Hi Shanna, I feel you on the old sidebar headers. I really liked them as well, but they wouldn’t have matched the look and feel of this current design.

    Oh, and another point for the submit button. Glad that you like it. :)

  53. 87

    It’s nice to know that it was useful. I definitely wanted the article to be more than just an introduction to the new design. I really wanted to share my feelings, thoughts, and process.

    If you liked this article, then you would definitely enjoy this website process.

  54. 88

    It definitely does feel good to have it live. Now, just have my fingers crossed hoping that there are no major errors/flaws that I might have missed.

    Glad I can finally get some sleep now. Well, maybe not, still have to write articles now. :)

  55. 89

    Thank you Shawn! I know that you were expecting the redesign for quite some time now and I hope that it was worth the wait.

  56. 90

    Hi Josh, thanks for chiming in as well on the redesign.

    I guess I failed then if my footer is my best part of the site. :(

    Haha, but anyway, hope that you are progressing on your redesign as I’m really looking forward to what you will pull out of your sleeve. Until then, take care and I can’t wait for your next article for Design Informer.

  57. 91

    Another person who likes the footer? Thanks!

    It seems that everyone is torn about the footer. Some people love the huge footer and some people think it’s too big. :D

  58. 92

    Hi Brendan!

    Appreciate your kind words! Looking forward to the launch of CreerMag and also to working with you on Coding Informer.

  59. 93

    Hi Lee! Glad to read that you enjoyed the redesign even though you were a huge fan of the old design.

  60. 94

    Great job with the redesign, especially the elaborate footer. I am continually amazed at how well you’ve done with this blog in such a short amount of time, keep it up!

    • 95

      Thanks! There’s no secret to the blogs success. It’s all because of the awesome design community and the support that you people have given. ;)

  61. 96

    Looks great Jad. A nice improvement from the previous theme. Everything certainly loads faster and the simpler layout gives your posts a greater impact.

    • 97

      Hey Josh! Thanks for stopping by. Yes, the load times have definitely had a great improvement.

  62. 98

    I do love your header and your logo.
    The sidebar ruler is also an original and genious idea.

    Once again good work!

  63. 99

    I’m loving this new design super sexy a really nice clean design, keep the good work up.

  64. 100

    Hey Jad, I was really surprised to see such an early redesign. My first impression was like “wow” it’s so moder and nice! Good work!

    • 101

      Thanks Ilie. Glad you like the new look. So when will you be launching your new blog? I want more of those awesome Illustrator tutorials.

      You should call it, Illustrator with Ilie

  65. 102

    Wow. the new design is simple and brilliant. i think my favorite part is the little side bar ruler. it’s so simple, yet so wonderful at the same time.

  66. 103

    Love, love, LOVE it! Fantastic progression. To be honest, I wasn’t a big fan of the previous one. This design however, is incredible. Keep it up!

  67. 104


    Love the re-design. Great attention to detail. Keep up the good work!

    Great submit button!

  68. 105

    Love this design, huge improvement over the old one

  69. 106

    Hey Antonio, thanks for viewing the process and the complements on the design. :)

  70. 107

    That’s all you liked? You didn’t like the content? J/K

    Thanks mate! :)

  71. 108

    One of your favorites? Cool!

    Thanks for the very kind words. You’ve always been so encouraging.

  72. 109

    I definitely was going for the clean look and I’m glad I accomplished it, according to everyone so far. Thank you sir!

  73. 110

    Great layout. Clean, sober, and really focus on content. It seems you achieved your goal.

    But I think I found a small bug.
    Always when “The Most Popular Posts” shows, the bottom left block slips out of it’s row. I guess it’s a bug, since the size and align of the elements suggests a perfect 3 rows / 2 columns layout.

    I’m using Firefox 2 at Win XP, and got curious. At ie8, Safari, Chrome and Opera (all latest verions) it also happens.

    • 111

      Hi Camila, I appreciate you letting me know about that bug.

      I took a look and I did see it so I went ahead and fixed the CSS. Thank you so much! :D

  74. 112

    Jad—Thanks for sharing the process. It’s interesting to compare and contrast it with MIX Online’s process. Love the simplicity and cleanliness of this design. Will be coming back often. Cheers!

    • 113

      Hi Nishant! Thanks for stopping by, I love the Mix Online site. I’m definitely a big fan of your writing as well. :D

  75. 114

    The Popular post is awesome…every blog should have one of this.

    and I miss this character on your site , IMO again , it should be on your header , idk it looks cool and it adds character on your site..look at css-tricks , if you notice the asterisk design he have.

    the footer
    in the nav site, I notice the blue black contrast… I think you should change it.

    the overall design , I love the simplicty of your design, much more better than the old one

  76. 117

    Thanks David! You gave me some good tips and advice when I was designing the site and I wanted to thank you for that!

    BTW, looking forward to the new Obox as well. :D

  77. 118

    Thanks! Actually, the reason behind the subtilty of the search bar was because not too many people use it on Design Informer anyway and I wanted to not make it draw too much attention.

    But I guess it is a bit too blended in. I’ll see what I can do to make it stand out just a bit more.

  78. 119

    Haha, hopefully, they don’t! :D

  79. 120

    Hey David, thanks for sharing your feedback. I do agree with you, it needs a bit more work and I’ll tweak it when I have time. Thanks again!

  80. 121

    Yes, the set is awesome and well worth it! Thanks Martin!

  81. 122

    Thanks for the comments Kenneth. I actually like the contrast that the footer brings to this site. Also, I’m definitely in love with the ruler myself.

  82. 123

    Hey Robert, let me know how the discussion about the redesign in your office went. :)

  83. 124

    He’s still there!

    Mr. Informer is just hiding.

  84. 125

    Thanks Ashim! I spent a lot of time on all of those little things. They definitely add a lot to a site.

  85. 126

    Hey Sneh, thanks for the compliments. I agree with you, I would have loved to keep him visible on the header, but Mr. Informer is just too cool and he will just attract too much unwanted attention. That’s why I decided to hide him inside the logo.

    Oh, and don’t worry, I get enough rest already. :D

  86. 127

    The time for change is when everything is going right.

    Hi Duane, that’s a great quote. Thanks for the compliments on the site. I really appreciate it.

  87. 128

    I know exactly what you mean!

    Anyway, I love your site and I personally think that it’s very nice! Let me know if you redesign and definitely shoot me the link once it’s done.

  88. 129

    Hi Chad, thanks for stopping by. It’s kind of funny, but people always seem to call me Chad because it sounds like Jad. :)

    Anyway, thanks for sharing your thoughts about the header. I like it how it is though, but I’ll definitely see what I can do to improve it.

  89. 130

    Hey mate, I might activate it again, but for now it will be staying off. I just don’t have time to keep up with people who spam it. :(

  90. 131

    Great idea Khatia. I actually though of doing that before, but went ahead and decided to leave it as it is. I want people to at least read the comments before responding. Also, if they don’t want to read, they can just click on Share Your Thoughts and it will shoot them straight to the comment box. :)

  91. 132

    I love visiting this website and checking out useful articles. I like the redesign, but i really think you should have a new header. For me an attractive website has to have an eye catching headhe one right now looks very plain and boring. Please bring the old one back or create a new one. Even better you should throw a designing contest for a new header, this will get the readers involved and save you time.

  92. 133

    I’m one for “if it ain’t broke don’t try fixing it” but sometimes its a must especially in the world of design with trends being formed every 5 minutes.

    I can’t really comment on your new design as this is my first time here but neither the less i really like it :)

  93. 134
  94. 135

    Wow you’ve discussed every detail and clearly give the best solutions on creating a new design. This makes me more inspired and want to create a new theme for my website Thanks for the tips.

  95. 136

    Great write-up, and the header is just FTW!

  96. 137

    Hi, Thank you so very much for taking the time to share…very useful, indeed! :).

    It was useful for my team. Keep up the good work and thanks again.

  97. 138

    This article is truly relevant to my study at this moment, thank you. |

  98. 139

    Great write-up, and the header is just FTW!


↑ Back to top