The Next Devlounge Design: Mockup #1

Tuesday, March 4th, 2008 8:53 am by TDH Print this Article Print this page Comments Comment Share This Share This

As promised, we’re inviting our dear readers to share their minds on the next Devlounge design. This is the first of several posts detailing the development of the next version of Devlounge, be it design decisions or how to better sort the content.

Some thoughts on Mockup #1

You’ll find Mockup #1 below. It’s not a far step from today’s Devlounge, for several reasons, one being recognition. The main thing to notice is the way the content is divided, with features at the top, and then a stream of updates. The sidebar will be utilized for more static content, such as downloads and extras, and perhaps some other things.

Anyway, there’s not too much to say about this first mockup, called Mockup #1. It’s not complete, and everything will look slightly different in code.

Here goes!

Devlounge Mockup #1

What do you think? Speak up in the comments, your opinions will help make the next Devlounge a prettier, and more organized, place!

End of Article. Copyright Devlounge.
  • Post Time March 4, 2008 at 9:14 am (permalink)

    I quite like the design. It keeps the Devlounge identity and branding and keeps a very nice simple yet effective design.

  • Post Time March 4, 2008 at 9:53 am (permalink)

    Nice, I like the way to display recent updates and comments.

  • Comment Author Bart
    Post Time March 4, 2008 at 10:23 am (permalink)

    The design is nice and simple, but i would make the recent updates/comments thing smaller and add only titles for ie. the 3 next posts that come in line .

  • Post Time March 4, 2008 at 11:15 am (permalink)

    Where’s the menu and the search input? Oh, there isn’t any.

  • Post Time March 4, 2008 at 3:40 pm (permalink)

    neat! one thing, that light brown(?) boxes seem not really blend in..IMO better if they are (very)light grey

    on top of that, neat grid design :)

  • Comment Author Oli
    Post Time March 4, 2008 at 6:43 pm (permalink)

    You’ve lost several important elements. Search and the main navigation for example.

    It’s not that adventurous either. I know you like to keep things clean here but that’s not synonymous for boring. I’m not saying that’s not an improvement from the current home page (which just has less life than a preserved corpse) but there’s scope for improvement at an artistic level.

    Layout-wise, I think it’s almost there. I like the two columns under the main post - but will they be hard to be kept the same height?

    And that orange you’re using to show how many comments there are (in the sub-columns)… Why? It’s not used anywhere else. I would change that to a feint grey (like your sidebar background colour) so it’s less prominent than the title (unlike now) but still differentiated.

  • Post Time March 4, 2008 at 7:40 pm (permalink)

    I personally think that the current layout and design is well thought out and designed compared to this new comp.

  • Post Time March 5, 2008 at 12:11 am (permalink)

    I’m all about simple, but for once in this site’s life you just need to go for a huge WOW factor. If you’re moving away, don’t go back to the small font, semi-simplistic style of the past. Hell, rebrand even.

    Lets see some TDH, instead of AJ’s previous style.

  • Comment Author Rahul
    Post Time March 5, 2008 at 4:41 am (permalink)

    What i miss from the previous design is:

    1.Navigation and Search feature
    2. Recent update and comments was not necessary,instead you could gave tied with other news of splashpress media blogs.that might look good.
    try this..
    3.Recent comments should be replaced with dtwitter and fridau focus.
    4.recent updates== all the updates in splashpree media.

    Hope to see better devlounge.

  • Post Time March 5, 2008 at 11:03 pm (permalink)

    Whats so different about it???

  • Comment Author TDH
    Post Time March 6, 2008 at 4:54 am (permalink)

    Thanks for the comments, guys! Remember, this isn’t a final design, or even a final mockup, it’s just something for you to comment on, so that I can move onwards in the right direction.

    Some clarifications and additions:

    • Menu and search will be added, of course! These are important things.
    • Friday Focus will have a section, probably a box in the sidebar.
    • The color scheme, besides the orange, is lifted from today’s Devlounge.
    • I think recent comments is necessary to keep the conversation going, it’s too easy to miss out on new comments today. Do you agree?
    • I like the ideas of recent updates form relevant Splashpress sources. I’ll look into that. There’s something else to be included as well, I’ll talk more about that at a later date…
    • No, I won’t decrease font size!

    As for more wow, yes, I have plans for the three feature stories, but just didn’t have time to make them look OK for this mockup. I agree that it needs some action. (I’m moving house, quite chaotic and busy!)

    I appreciate the feedback! Keep it coming, if you have anything else, or stay tuned for the next mockup!

  • Comment Author Rahul
    Post Time March 6, 2008 at 5:20 am (permalink)

    Hey TDH

    Thanks for clarification.Comments section suposed to be removed cause it gives devlounge an average blog look.Thats why AJ cutted it out on most of his designs,if u see carefully.If you want you can put the comment section as small box in sidebar but not this big as on page.

    Font size is ok.
    Hope to see better devloounge.

  • Post Time March 7, 2008 at 1:39 pm (permalink)

    Looking better. :)

  • Post Time March 7, 2008 at 4:58 pm (permalink)

    Well, i think it looks ok, however, Why dont do something with the posts.. It’s so boring when displayed:
    HEADING
    Article text, article text
    - article info
    HEADING
    Article text, article text
    - article info

    Why dont do it more “magazine style”

  • Post Time March 17, 2008 at 12:16 pm (permalink)

    You lost the top red bar - a very bad change.

    The top bar gives life to this simplistic design - without it you are looking at a plain text dump. The top 100px of this site drives the mental hunger that keeps me coming back.

  • Pingback : Redesigning Devlounge | tdhedengren.com on March 4, 2008
  • Note: If you are commenting here for the first time, your comment will be sent into a moderation queue before being published. Please use your email address in order to identify yourself for your future comments. Clean XHTML: Use standards ready code tags in your comments. For example, cite a comment or phrase from an article with < blockquote > tags.

    About this author

    LoginI'm a designer, writer, and blogger who's been working professionally online since 1998. Since then I've survived dotcom, published magazines, books, and lots of websites. See more posts by TDH, or visit TDH's homepage.

    Subscribe

    SubscribeFirst time here, or frequent flyer. Whatever the case may be, we highly recommend subscribing to our feeds so you can get the latest updates without visiting the site. It's just a thought - don't say we didn't tell you so.

    Sponsors

    Related Content

    Close
    E-mail It