Bryant MaroneyPremium Concept

Portfolio Concept

By Bryant Maroney

   on Oct 12, 2010
12 Reviews1 Vote0 Favorites689 Views

Concept Reviews

  • Luke Marohn

    Luke Marohn

    Rank: 1 Elite

    5069

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

    Posted on Oct 12, 2010 at 10:22 PM

    Hey Bryant, I really like the colors you chose here, they work really well, here are some things i like

    1. Colors (duh)
    2. subtle gradients and textures
    3. overall layout and gridwork


    Here are some things i feel can be changed.

    1. the top header part, That could be a little taller, to make sure you can fit anyones logo up there. also, there is a bar below it that doesnt do anything. you could minimise that but still keep it as i think it is a nice transition.
    2. I think the texture in the background is a little too pronounced, I think you could get rid of that.
    3. Make your content stand out! I would put some kind of content-bg-color (off-white?) to make that stuff stand out more. however, if you want to keep the feeling light and airy, thats fine to leave it (lighten the background!)2.
    4. the shadows on the images are too pronounced, lower the opacity, the border on the white borders are too dark as well.
    5. I think you could do with some other colors in there. (maybe an orange to complement the blue? or a green)
    6. a footer might be nice for us to see, since that is a main part of any website.


    Design 4 - clean, modern, well executed

    Purpose 3 - standard, it is a template after all

    originality 2 - again - template

    engagment 2 - It really looks like another tumblr theme to me, its kind of boring, and in my opinion actually looks like one of those sites that posts dumb comments on articles on PSDtuts to leach.

    not saying you do anything like that. but its not original enough to look like an actual website.

    I dont know what you can do about that, it might just be the layout you chose.


    Overall 3/5 good job :D

    • Aaran Casey
      Aaran Casey commented:
      Posted: on Oct 13, 2010 at 2:47 AM

      Huzzah Luke, great feedback!

      Bryant Luke has pointed out some interesting things here, can you believe he is so young?

      I like it as a theme, but personally I prefer original work, so I would suggest you do more research and design your own!

    • Bryant Maroney
      Bryant Maroney commented:
      Posted: on Oct 13, 2010 at 6:23 AM

      lol...this was designed by scratch.

    • Luke Marohn
      Luke Marohn commented:
      Posted: on Oct 14, 2010 at 12:02 AM

      I think Aaran means not to make it look so template-y :)

  • Michael Gunner

    Michael Gunner

    Rank: 1 Elite

    CF Verified professional

    5988

    • Design: 2
    • Purpose: 3
    • Originality: 2
    • Engagement: 2
    3 Votes
    This review has been awarded.
    You can do better.

    Posted on Oct 13, 2010 at 3:06 AM

    I'm not a great fan of this.

    For me, it looks too much like you've followed some tutorials or taken direct cues from existing work, rather than trying to be original.

    The background is a bit urgh for me, it looks like a kitchen work surface, I have to say I'm not a big fan of it, and it generally brings the whole design down and makes it look too drab.

    Because of the background, the transparency also doesn't work here because everything that isn't highlighted just seems to have sunk into the background.

    The colours don't help either, they equally suffer from the same drab feel.

    Generally speaking, for me, if you are attempting a clean, uncluttered look then the background has to go and you have to stick with plain or off-white, otherwise you're undermining the whole concept of clean design, and you're undermining your whole concept.

    If you don't want a minimalist design, then you need to be more adventurous, more bold, and demonstrate a more intuitive and interesting use of colour & texture.

    Good luck!

  • Conor O'Driscoll

    Conor O'Driscoll

    Rank: 2 Titan

    282

    • Design: 2
    • Purpose: 4
    • Originality: 2
    • Engagement: 4
    2 Votes
    This review has been awarded.
    Almost there..

    Posted on Oct 14, 2010 at 4:12 AM

    This certainly has the potential to be a great design. There are, however, a few things that I would point out.

    I'm not sure that the grungy texture works with the otherwise clean layout. Have you tried a light grey background with some subtle noise?

    The shadows on each panel is far too dark. Try a more subtle approach.

    The layout on each panel isn't great either. I think that we are more accustomed to the post name and date being on top, and voting icons on the bottom. This would just improve the usability a bit.

    The use of Arial for your "Hello! I'm Bryant......" section seems a little dull. I think you could get away with something a little more outlandish, or even just Helvetica or Gotham.

    The font for the logo isn't perfect either, and the kerning isn't great. Maybe invest in a premium script font for this one.

    Other than those minor issues, it's looking nice and clean :)

  • Joel Glovier

    Joel Glovier

    Rank: 1 Elite

    CF Verified professional

    3701

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

    Posted on Oct 12, 2010 at 6:18 PM

    Hey Bryant,

    So you've got all the makings of a pretty sweet design here, but it needs some polishing. I can see several things that just need to have a little bit of TLC. I'll point them out as notes...

    Notes Added to Images   View

    • cf-demo.png
      • 1very nice background texture. I really like it.

      • 2top/bottom margin

        You need some space between the logo and the borders of the surrounding background. The ascenders and decenders of the typeface are nearly touching the borders. Also you could consider changing this font t something a little more polished, such as Bello or Candy Script - both available at MyFonts.com.

      • 3Typography

        Consider making the "Hello!" bold, and leaving the rest of this statement as normal, or as italics.

      • 4left margin and bottom margin feel off

        the left margin here doesn't feel like it matches the bottom margin of these sidebar items. When in doubt, always make your side margin (or padding) a little larger than your top/bottom margins (or padding)

      • 5a little too much opacity

        Nice effect though. Are you going to use -webkit-transitions to animate the opacity change?

      • 6shadow is way too dark

        Your drop shadow effect, while nicely formed, is way too heavy. It looks like you have it set to 100%. Try 40%.

      • 7spacing

        You need a little more bottom margin between these icons and the image itself. They look too close to the images. They could also be a little smaller, I think.

      • 8BG texture

        Again, nice work with the textures.

    • Bryant Maroney
      Bryant Maroney commented:
      Posted: on Oct 12, 2010 at 10:01 PM

      What are your thoughts on the twitter updates on the right-hand side? I'm debating whether they flow with the theme or not.

    • Joel Glovier
      Joel Glovier commented:
      Posted: on Oct 12, 2010 at 10:15 PM

      OH - good question. Actually I had meant to address those. Honestly yeah, I think they need help too. I'd love to see their background match more of either the search field input background, or the tags below. Just do something to bring some consistency into their design with the rest of the page.

  • Jamie Linder

    Jamie Linder

    Rank: 1 Elite

    3763

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

    Posted on Oct 12, 2010 at 9:46 PM

    I've added notations, overall very clean, very good. My biggest concern throughout was consistency and readability. Hope those notes help & good luck :)

    Notes Added to Images   View

    • cf-demo.png
      • 1Position

        The "Postup" seems pushed to the top too much, but I think its because of all the negative space under the descender on the lower case p. Suggest some top padding or slight position adjustment in regards to the horizontal rule. Would also consider using PostUps logo here, instead of the styled version.

      • 2color

        These are really hard to read; increase the contrast just a bit.

      • 4lose the underline

        Suggest a change in button color for a rollover state, with text this small the underline seems to just to obscure the readabiltiy

      • 5all caps

        I like the all caps on the right, but you may want to consider bringing something from the right over to the left; suggest perhaps the all caps here on these section headers; using them on POST 9 POST 8 etc. since they are in affect, sample headers.

      • 6drop shadows

        suggest toning these down a bit, they seem like too much

      • 7white

        this looks cool, but for usability purposes you may want to consider a white input box with prompt text

      • 8font

        Not too familiar with how the updates work, but the change in font from left to right side of the page (sans serif to serif) is giving a bit of disconnect

  • Liviu Anghelina

    Liviu Anghelina

    Rank: 1 Elite

    3093

    • Design: 5
    • Purpose: 5
    • Originality: 4
    • Engagement: 4
    2 Votes
    Looks like a Gallery more then a Portfolio!

    Posted on Oct 18, 2010 at 1:50 AM

    Hey Bryant,

    At first look, without reading what's the concept for, I though is a css website gallery...

    If this is for an online portfolio, well I think you should make something to stand out more, like: - make the thumbs bigger, - remove that sidebar and put in on the footer, so you gain more space

    The Design look very good, I like the styles and the shadows, maybe the background texture is to prominent, give a grunge effect to my eyes, try it more fade out!

    **That's all I can say! The Design is cool, but maybe the way you arrange the content it's giving me a css gallery website lookalike!

    Good Luck!**

    Notes Added to Images   View

    • cf-demo.png
      • 1Really cool texture here!

        I really like the top header here, so high level detail here! Really nice work!

      • 2Maybe this much more smaller?

        Do you think you can make this much more smaller in height? it's a line and you can give more space to the buttons and logo, they look crowded up there!

      • 3Nice effect, but the border should be white!

        I really like the thumb effect, but if you make the border pure white that will give a nice effect, now is to grunge!

      • 4Really cool Search Bar here

        Nice design here, very nice!

      • 5I don't like this Sidebar..

        I really don't like this sidebar, it's a portfolio after all and you have to showcase your work...you can put this info in the footer!

      • 6Nice Big Header

        I like the Big Header, it's straight to the subject!

  • Ben Gillbanks

    Ben Gillbanks

    Rank: 2 Titan

    2066

    • Design: 2
    • Purpose: 3
    • Originality: 2
    • Engagement: 2
    2 Votes
    spacing

    Posted on Oct 18, 2010 at 4:01 AM

    This design has a lot of potential, but currently the spacing and alignment are off, and there are a lot of things that are unclear.

    For me the best thing you could do is go through every element on the page and ask Why? Why is it there? How does it benefit the site? Will your target audience be interested in it? Don't do things because you can, but because they will benefit your users.

    Notes Added to Images   View

    • cf-demo.png
      • 1what do these mean?

        It's not immediately clear what these icons mean for the user. You are using this site to sell yourself to future clients so keep things as simple as possible and focus on what the user wants

      • 2tweak layout

        the font is too small, and looks strange after all the sans serif everywhere else. Increase padding, and maybe add some rounded corners to blend in with the res tof the design.

      • 3too harsh

        The shadows are way too harsh. In real life shadows are very rarely completely black. Take this shadow and dial the opacity down too 10% or less and it will look a lot nicer. Design is all about subtlety and these are anything but

      • 4too light

        Not sure these will be readable on all screens. It may look nice on your computer but you can't control everyones screen. I would increase the contrast.

      • 5more contrast here too

        what are these for? Add a title, and increase the contrast so they can be seen

      • 6global?

        I'd change the title to search - always simplify if you can. Global sounds like you will be searching the world

      • 7who is this for?

        I assume this is stats, in which case - is it relevant to the user? Do they care how many page views your site is getting? Will they be more likely to purchase a site from you if they know how many hits a day you get? Maybe it will hurt you if you don't get much traffic. Portfolio sites don't need to get loads of traffic to be successful, so would be worth removing IMO

      • 8spacing

        The logo is squashed up against the text and there's not much room to breath lower down. I would look at spreading things out more. White space is your friend.

      • 9font

        What font are you using? Might be worth looking at Typekit or the google font directory to use something a bit more interesting for the headings on the site.

      • 10why?

        Why is there a time on here? It's a portfolio so I don't care when stuff was uploaded. In fact I don't need the post name either - I just want to see the cool stuff you've built.

  • Vitor Marcellino

    Vitor Marcellino

    Rank: 2 Titan

    2116

    • Design: 3
    • Purpose: 2
    • Originality: 3
    • Engagement: 1
    1 Vote
    Colors

    Posted on Oct 15, 2010 at 2:43 PM

    Hey Bryant,

    I like the CONCEPT, but I really think you should use other colors here, something that make the layout stand out. It looks too serious.

    You could also work a little more on the buttons make them impossible to not click!

    Add some space to the header it needs to breath hehe.

    The shadow behind the squares is too hard in my opinion.

    That`s it, i see potencial :)

    Regards!

  • Vasil Valkov

    Vasil Valkov

    Rank: 10 Newbie

    29

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

    Posted on Oct 17, 2010 at 6:57 AM

    I like the background and header!

  • Robin Francis

    Robin Francis

    Rank: 4 Master

    1572

    • Design: 3
    • Purpose: 3
    • Originality: 3
    • Engagement: 2
    0 Votes
    Colours

    Posted on Oct 12, 2010 at 3:45 PM

    Nice layout, think that the colours could doeith a little work though. Try kuler to get a strong colour scheme. Try too incresae the contrast to improve readablity.

    Looks a little like the concept feedback layout :p

    Nice font too.

  • Daniel Tomasch

    Daniel Tomasch

    Rank: 10 Newbie

    3

    • Design: 3
    • Purpose: 3
    • Originality: 2
    • Engagement: 3
    0 Votes
    Drop Shadows don’t work for me

    Posted on Oct 12, 2010 at 9:31 PM

    I like this!

    I would suggest a little more contrast as everything is fairly monotone.

    The drop shadows don’t seem a litlte harsh for me — possibly just brining the opacity down.

  • Andrea Baroni

    Andrea Baroni

    Rank: 4 Master

    16

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 2
    0 Votes
    Almost there

    Posted on Oct 22, 2010 at 5:41 AM

    This website design seems good to me. Not very original or engaging, but quite effective and clean in my opinion.

    There are some details that needs to be fixed, and the worst part for sure is the sidebar. I believe that you can, and must, do better there: the fonts, the alignment and the overall look of the rightmost part of the page doesn't look good for me.

    Love the icons, the header and some other details. The colors are right and neutral, good for sure to host different heterogeneous works and thumbs... but a bit pale and a boring after some minutes of looking, so not so much engaging in the end I fear.

    Anyway... a good work overall. Just need to fix some details (mainly the sidebar).

    Notes Added to Images   View

    • cf-demo.png
      • 1shadow

        The shadow here seems to be too strong. You can try softening it a bit, especially on the sides, where the photo/image should look like it's lifting from the main plane.

      • 2font

        I really don't like the font used in this updates boxes

      • 3alignment

        Something in the design of this sidebar doesn't fully convince me. I see that the user image thumb is aligned with the title, but with the strong white text box below it seems like out of alignment, and it doesn't look good in my opinion.

      • 4nice!

        love these tiny icons below, and the menu buttons above!

      • 5buttons

        These buttons could be better in my opinion. There is something in the icons, the text or the distance between them that doesn't look good