Bryant MaroneyPremium Concept

Web 2.0 Wordpress Website

By Bryant Maroney

   on Sep 23, 2010
12 Reviews0 Votes0 Favorites809 Views

Concept Reviews

  • Richard Miles

    Richard Miles

    Rank: 1 Elite

    CF Verified professional

    4188

    • Design: 1
    • Purpose: 3
    • Originality: 1
    • Engagement: 1
    2 Votes
    This review has been awarded.
    let me answer your questions...

    Posted on Sep 23, 2010 at 2:19 PM

    First, I love to find sites with resources like this. But to answer your questions...

    No, it doesn't look modern and professional. It looks very 1999. It isn't eye appealing, at least to me. If I'm looking for design resources, I want to find a clean, open, light, uncluttered site. And no, I don't find it user friendly. Now, part of this might be the fact that it's a dark, dark, dark site, and your placeholder image is of a neon burning cross.

    But it seems like that's the look you're going for, with iiNTENSE web as the name of the blog feed. It is intense, that's for sure. I think you could accomplish the same feel, but make it more open and friendly. I've got nothing against an industrial feel, and I like the textures. It just needs to open up and be more inviting. I hope that's helpful - industrial yes, dark and foreboding and intense, no.

    • Bryant Maroney
      Bryant Maroney commented:
      Posted: on Sep 23, 2010 at 2:27 PM

      This is actually a mockup shot, the content (text, images, etc.) are for demo purposes only.

    • Richard Miles
      Richard Miles commented:
      Posted: on Sep 23, 2010 at 2:33 PM

      Yeah, I get it. I'm just saying the placeholder image tends to overwhelm and is itself dark and kind of creepy. I get that you're going for an intense look, I'm just suggesting you lighten up a bit. Unless all the resources are like grunge things, but I think you are trying for broader appeal.

    • Michael Gunner
      Michael Gunner commented:
      Posted: on Sep 29, 2010 at 3:35 AM

      Richard, I'm struggling deeply to fathom how this is in anyway "1999". When I think of websites from a decade ago, I think of dodgy clipart, pixellated graphics, dodgy colour schemes, etc.

      http://gizmodo.com/photogallery/gizwayback/1000579827

      I just feel that was a harsh comment, and not really justified.

  • Luke Marohn

    Luke Marohn

    Rank: 1 Elite

    5069

    • Design: 4
    • Purpose: 3
    • Originality: 4
    • Engagement: 4
    2 Votes
    This review has been awarded.
    Pretty cool.

    Posted on Sep 23, 2010 at 5:32 PM

    Hey Bryant, I like what you have done, stuff like this is always interesting to me.

    here are some things you should work on.

    • The navigation(logo mainly) could be bigger, Not super-overwhelmingly huge-big, but bigger.
    • I think the featured area should go all the way accross and have more vertical and horizontal padding-

    • the header bg for the words "all articles" could use some vertical padding as well.-

    • What are those cirlces for at the post ending? they dont have much of a purpose, unless they are some read more button or something. If they are, make them all cool and buttony-

    • For things you want to pop make them orange, since its in contrast to the blue-ish purple you used, it will make things you want to stand out.. well.. stand out.-

    • also, the sidebar could be narrower.-

    Btw - Your reviews could use some work.

    People dont like one-liners.

    • Bryant Maroney
      Bryant Maroney commented:
      Posted: on Sep 23, 2010 at 9:02 PM

      The circles when rolled over turn red in the center, and when pressing the article image, title, or button the post drops down.

  • Gavan Brown

    Gavan Brown

    Rank: 1 Elite

    CF Verified professional

    2083

    • Design: 4
    • Purpose: 1
    • Originality: 5
    • Engagement: 3
    2 Votes
    This review has been awarded.
    I like it

    Posted on Sep 23, 2010 at 10:00 PM

    I'm going to go ahead and disagree with everyone here. I like your design objective, and I think you have executed it well. I don't think it's too boring or too grey, because the objective you set for yourself was to create an app style template. Mission accomplished.

    However, I gave you a 1 in "purpose", because this style should not be applied to just some random wordpress website. This style would work as the front end for an actual web application, or tool. For example, if you applied this look and feel to grooveshark.com, it would work splendidly. Or for a blog specifically ABOUT iphone / ipad apps.

    It looks like a lot of the design elements don't actually serve a purpose, and they are just that way because it looks nice. If this is an experiment, there is absolutely nothing wrong with that.

    In short: The template and style you've created is great, but I don't think the content shown in this mockup is the appropriate context for it.

    A few things need polishing, which I've made notes indicating. To see some of the best UI designers in action, checkout www.dribbble.com ... it is a community of the best of the best. I'm sure you will appreciate their pixel perfect executions.

    Notes Added to Images   View

    • demo1.png
      • 1a bit blurred

        try to make all the edges as ridged as possible

      • 2resized?

        The font is quite blurry, is this a result of CF resizing this image? If so, that sucks because for this type of "pixel perfect" design, sharp edges are required for us to provide a proper critique.

      • 3nice

        standardized attractive iconography, good job.

      • 4too tall?

        the article links are by far the most visually powerful item on the page. Perhaps too powerful.

      • 5space

        make space to left of images equal to the space on top and bottom. This might mean making the images shorter.

      • 6rectangular

        a rectangular image may work better than a square, although potentially might take away from the app look. It would also result in you having to change the dimensions of the ones along the top.

      • 7happier photo?

        You look like you just got out of juvenile detention... anything friendlier?

      • 8Purpose?

        I looks neat, but what is it's function? If it doesn't have any use, it is not needed.

        • Bryant Maroney
          Bryant Maroney commented:
          Posted: on Sep 24, 2010 at 5:48 AM

          The button (on hover - center turns red) when pressed will drop down the article as shown on the second image.

      • 9nice

        love this embossed dot effect.

      • 10padding

        all articles seems to be right up the top and bottom of the header bar.

    • Joel Glovier
      Joel Glovier commented:
      Posted: on Sep 24, 2010 at 12:18 PM

      FYI Gavin did you know Bryant is on dribbble?

      http://dribbble.com/players/iintense

    • Gavan Brown
      Gavan Brown commented:
      Posted: on Sep 24, 2010 at 12:22 PM

      heh. nope, but I see that now. :D

    • Bryant Maroney
      Bryant Maroney commented:
      Posted: on Sep 24, 2010 at 1:07 PM

      lol...you found me! ;D
      Thanks for the follow Joel :)

  • Nick Glavin

    Nick Glavin

    Rank: 2 Titan

    CF Verified professional

    980

    • Design: 3
    • Purpose: 2
    • Originality: 3
    • Engagement: 2
    1 Vote
    This review has been awarded.
    Colour Scheme

    Posted on Sep 23, 2010 at 6:50 PM

    I agree with the first guy its been well put together and individual elements have great design quality and finish but over all it doesn't appeal to me, its too in your face and dark. I don't think you get enough information from the article posts and i think the way the have be put together is is a little different.

    Immediately it doesn't strike me to have much visual hierarchy and there is no differentiation through color just very dark and gloomy try adding a accent color in there to guide the eye

    The internal page is a bit of a let down from the first page the body of it lacks that refine and finish that you have achieved on the first page and again the Grey just dominates the look and feel

    • Bryant Maroney
      Bryant Maroney commented:
      Posted: on Sep 23, 2010 at 8:57 PM

      It's actually not an internal page. Each category drops drop via clicking the image, title, or button. As well as the articles are scrollable (scrolling up and down).

  • Joel Glovier

    Joel Glovier

    Rank: 1 Elite

    CF Verified professional

    3701

    • Design: 5
    • Purpose: 3
    • Originality: 5
    • Engagement: 4
    1 Vote
    This review has been awarded.
    Site purpose is unclear

    Posted on Sep 24, 2010 at 12:01 PM

    I love it dude. Honestly my first thought when I saw it was "this dude belongs on dribbble."

    You've created a very clean, modern aesthetic, and your graphics are pixel perfect. It is a very dark design, but if that is your goal then it's excellent. It is a little hard to tell what the purpose of the site is for, and this reminds me a little more of a dashboard than a blog landing page, but again since I'm not quite certain of the purpose I can't really criticize that, so you'll have to decide if the "dashboard interface" feel is appropriate for the content.

    Here's some nitpicky points and other thoughts.....(see notes)

    ...One final thought...

    I'm not sure how much front-end development you actually do yourself (are you both designing this mug in Ps and going to be the one writting the HTML and CSS for it??) but I could see some potential challenges with the design from an HTML/CSS perspective. Honestly they're not big challenges, just as long as you style with progressive enhancement in mind. (ie - instead of making everything as background-images, use as much CSS3 styles as possible to achive your design like background gradients, text-shadows, border-radius, box-shadow, etc.)

    Kudos dude!!

    Notes Added to Images   View

    • demo1.png
      • 1friggin love this effect

        Love the effect, but not sure what the purpose of the button is. If it's the read more link, you should designate that some how.

        • Bryant Maroney
          Bryant Maroney commented:
          Posted: on Sep 24, 2010 at 1:30 PM

          It's a button (center turns red upon hover) to drop down the article (shown in second image). Maybe I could place in small text in the black bar above saying "Read More" (maybe with a small arrow showing down). What are your thoughts?

        • Joel Glovier
          Joel Glovier commented:
          Posted: on Sep 24, 2010 at 2:10 PM

          Yeah, that could work. Here's just something I mocked up real quick. Honestly i think it could work even as a hover state, but IMO you need it to say "More" or "Read More" at some point in interacting with that interface element, even if it's during a hover event.

          http://jagdesignideas.com/images/cf/read-more-wp.jpg

        • Bryant Maroney
          Bryant Maroney commented:
          Posted: on Sep 24, 2010 at 2:52 PM

          That's a great idea Joel. I think I'll have it show when hover over any part of the listing. Thanks for the great idea.

      • 2text-shadow

        You're text shadow here looks like it's white, but maybe it should be more like #959da7, also it appears to be 2 px - try one pix instead.

        • Bryant Maroney
          Bryant Maroney commented:
          Posted: on Sep 24, 2010 at 1:41 PM

          It's actually: 0px 1px 1px Thanks for the color recommendation and change has been implemented :)

      • 3shadow size is too big

        make this shadow much smaller, like 3 or 4 pixels at most.

      • 4have you tried these in a color?

        Black could work just fine, but I always like to see a highlight color of some sort. Just looking at this design with the Peter J. placeholder images I would draw a color from them, like neon purple or cyan. But obviously since they're just placeholder you'd need some other complimentary color more appropriate to your site. But black could certainly work just fine also.

      • 5heading

        like the styling here, but you need a heading over these such as "recent comments" or "highest rated comments". Even though it may seem obvious to you what they are, I would still recommend giving a title for people who may not be quite sure what those comments represent (could be a featured thread, could just be a list of recent comments, could be comments from the most frequent posters...etc.)

      • 6love the banner

        love everything about the banner and background texture. FYI, if you decide to go with some type of site wide highlight color, the color of this "featured" banner could match the color of the article headlines.

      • 7I hate this font. Sorry.

        The B looks too much like a 3 and the whole font just reminds me of something randomly picked from the Ray Larabie collection of 1000 fonts for $9.99. (no offense to Ray either :-) )

      • 8nice highlight effect in bg and button separations

      • 9shadow me please

        use the same box-shadow rule on this image as you do on the post image.

    Notes Added to Images   View

    • demo2.png
      • 1very lovely drop down

        Although I could go smaller on the border

    • Bryant Maroney
      Bryant Maroney commented:
      Posted: on Sep 24, 2010 at 1:24 PM

      It's created with both CSS and PNG/JPG images. Some things you just can't create with CSS (very easily).

  • Ruweed Bibi

    Ruweed Bibi

    Rank: 10 Newbie

    135

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    Very creative!

    Posted on Sep 24, 2010 at 2:01 PM

    If you're going for a webapp look & feel then this is perfect. Well done. The darker colors are appropriate and the layout gives that 'app' look.

  • Michael Gunner

    Michael Gunner

    Rank: 1 Elite

    CF Verified professional

    5988

    • Design: 3
    • Purpose: 3
    • Originality: 5
    • Engagement: 2
    0 Votes
    I take issue with the criticism of the dark.

    Posted on Sep 29, 2010 at 3:35 AM

    Nobody can put you down for originality here - I've been working with Wordpress for a long time and I've never seen a theme come close to this.

    I'm not sure how much an app-style design is needed, especially as you have designed it in a way that seems to be for full size screens. Perhaps you should be aiming this towards the ever expanding mobile market.

    I think the criticism of your colours is unfair and based on trend. The fact is, dark and light are like two opposing horses on a carousel. One is in fashion one minute, but a few minuets later, the other is in fashion.

    It's just the same with everything, in the 1970s and 80s hi-fi was all silver aluminium, which went out of fashion and was replaced with black plastic. Then the plastic went out, the silver came back, and in recent years there's been something of a resurgence of the black plastic with things like Playstations and BluRay players.

    I actually don't think your use of colours is bad at all. I think, having a lot of colour come from the images is a sensible choice. It's also difficult for anyone to say this is too grey and not enough colour because a lot of the time the colour comes in the highlights, when we hover on links and buttons etc. For all we know, those entire sections illuminate when we hover on them.

    I do agree that there does need to be this element of colour apparent. Perhaps you should design it with several different schemes, allowing end users to choose. That would almost make the colours a non-issue anyway.

    I would also suggest designing an accompanying theme that DOES use a light colour scheme, to satisfy all the trendy white-lovers.

    I'm not sure about the layout if I'm honest, even with blog designs that don't display full posts I'd still like to see some content there, just a list of headings is not very inspiring.

    The quality of the graphics here, is high and the use of typography very good, though I'm not a big fan of that "sunken" etched look, a lot of computers have difficulty rendering this well. On one of my screens it looks terrible and blurry.

    That's basically all my thoughts for the moment. Good luck!

  • Perry Roper

    Perry Roper

    Rank: 6 Apprentice

    34

    • Design: 4
    • Purpose: 3
    • Originality: 3
    • Engagement: 2
    0 Votes
    Draft

    Posted on Oct 06, 2010 at 2:33 PM

    The main content area looks very cluttered and repetitive.

    However, I do like the use of text shadows and the high quality images that are used on the site. Makes it look very slick.

  • Brent Copstead

    Brent Copstead

    Rank: 3 Superior

    119

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 2
    0 Votes
    Too Gray

    Posted on Sep 23, 2010 at 4:40 PM

    I feel that the main section is too cluttered, and really doesn't separate the articles. I think you could add a little more color to some of the aspects, or remove the gray and use a different color. Black is good, but black and gray is just dull.

  • Jens Busse

    Jens Busse

    Rank: 3 Superior

    149

    • Design: 3
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    more brillance (white)

    Posted on Sep 24, 2010 at 4:05 AM

    my motherlanguge in not german - soory for poor englih .

    for a modern design it need more space and not so many hard looking boardes. for example the logo top left . if you want only this space for the top line . the logo should not so (big and laut ) . the position of the meancontaint pictures under "all articals" position should be more to right in one line with the firt big picture above .

    if you ask me look it graphic professional ? I think no professional webdeveloper should do this kind of work 2 for me it is the structure clean

    1. i think it is userfriendly but to really nkow this i need to test this in real.
  • P Mhn

    P Mhn

    Rank: 2 Titan

    133

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    Devil's advocate

    Posted on Sep 24, 2010 at 7:52 AM

    Hello Bryant,

    I like this concept. It looks pretty and neat for which you have received many kudo's here.

    I would like to take a step back and ask some questions - see if they are relevant

    1) How does this look on different screen sizes/resolutions? square monitor, wide screen monitor, 13 inch laptop, 15 inch screen, 23 inch screen, 46 inch TV (couch potatoes who like to browse on their TV - i am not talking abt me ) ?

    2) important question - How does the prominent UI emphasize the content ?

  • Lukas Skrabak

    Lukas Skrabak

    Rank: 2 Titan

    83

    • Design: 3
    • Purpose: 3
    • Originality: 4
    • Engagement: 4
    0 Votes

    It's pretty nice design, actually I like it as it looks as an app. As for the modern look, it really seams as an iPad app, it nearly drives you to touch it. I would like to see if that "connection" bar (digg,facebook like (probably) twitter etc) will not be better at the bottom of the column.

    Keep up the good work