16

Show DN: Simple portfolio site

5 years ago from , Product Design at InVision

Hey everyone,

I've been wanting to get a site up to showcase some recent projects. The aim was to create a minimal, content focused site. I'll be adding more projects over the coming days, would love to hear any thoughts.

http://jonnybelton.com

Thanks for looking, Jonny

20 comments

  • Du HoangDu Hoang, 5 years ago

    It's not very...impact-ful, if that's a word. You can be minimal and content focus but still have a wow factor. Right now it's just underwhelming.

    Your work is good, and there's better ways to present it.

    9 points
    • Bart Claeys, 5 years ago

      Agreed. Everything is really small, including comps.

      2 points
    • Nicole P.Nicole P., 5 years ago

      I'm always a sucker for minimalist designs so I do love the uncluttered nature of this design.

      Perhaps a way to combat the "underwhelming" nature of the site is to let us see more details. Not sure how it looks on other screens but on mine, everything feels small and "far away".

      Size-wise, I'm thinking something along the lines of the production shots in Another (http://ofanother.com). There you still have the minimalist aesthetic but the larger image sizes let you really get a sense of the work.

      0 points
  • Christy Lee N.Christy Lee N., 5 years ago

    Love the simplicity of this! Showcases your work without all the unnecessary fluff and easy to navigate.

    The one thing that bothered me was the contact page as a pop up. I feel like it would work better and be more consistent as a separate page (like your about page). And would probably be easier for mobile users.

    7 points
    • Jonny Belton, 5 years ago

      Thanks Christy, I agree completely – it was a means to an end of launching sooner than later :)

      0 points
  • Paul MurphyPaul Murphy, 5 years ago

    Looks great, I really like the simplicity and focus on type.

    Would be great to learn more about the process behind your work, I'd be really interested to read a case study on the Zendesk iOS app for example.

    Well done!

    1 point
    • Jonny Belton, 5 years ago

      Thanks Paul!

      That's a good point, the plan is to evolve the work pages into more of an article style case study.

      1 point
  • Axel ValdezAxel Valdez, 5 years ago

    I played a little with the inspector. This works better for me

    1 point
  • Ronan Flynn-CurranRonan Flynn-Curran, 5 years ago

    Lovely work Jonny - I'd like to echo the acclaim above. Clean, no BS, focused. Well done!

    1 point
  • Christian Krammer, 5 years ago

    Some may say it's too simple, even undesigned, for me it's just a welcome variety from all the other "big image of rock/MacBook, big text" sites out there, that are so trendy right now. Really like it.

    Bit like said before, make the type and product images bigger, add some kind of navigation to the different products, and most of all, describe your projects better. Images are good, but these days the visitor also wants to know as much as possible about your work and approach.

    1 point
  • Craig FrostCraig Frost, 5 years ago (edited 5 years ago )

    This is lovely.

    It might be worth putting in a media query for your <p> tags for smaller screens, otherwise the line lengths are very short.

    1 point
    • Jonny Belton, 5 years ago

      Thanks Craig, yep more media queries are planned, just launched a simple responsive layout for now

      2 points
  • Taron GhazaryanTaron Ghazaryan, 5 years ago

    Your work looks great! The site might be a little too under designed in my opinion. I would make the images full width or at least a little bigger. On my 27" monitor, I have to move closer to see the images better. This is your work that you're showcasing, make it as big and beautiful as possible. Also, a little self branding wouldn't hurt. You can just right your name on the top left corner of the site and it would be sufficient enough.

    Just my 2 cents. Great work!

    0 points
  • Ryan TeuscherRyan Teuscher, 5 years ago

    Nice work!

    Really digging the simplicity and focus on content. Other folks have pointed out that the contact modal seems a bit out of place, and you mentioned creating a dedicated page. Have you considered making contact just a mailto link? Or if you want more info, putting your email and other contact info on the dedicated page instead of a form?

    0 points
  • Will BakerWill Baker, 5 years ago

    Having reviewed over a hundred portfolios in the last year, this is a breath of fresh air. The intro line is generic and stopped meaning anything to me the 1000th time I read it on other people's sites (and unless you're designing AIs, products cannot be thoughtful), but the cleanliness and simplicity is wonderful. A portfolio should let the work speak for itself, and yours does exactly that.

    I'd consider larger images and type, as others have suggested, and maybe trim the margins on some of your images (so the actual content of the images is more prominent). And maybe just nix the Contact link altogether and add your email address as a mailto link to your About page. And heck, if you do that, you don't even need to call your home page home. You can just call it Work, or something like that. A two-link nav—what a dream.

    But yeah, man. Good work.

    0 points
  • Rafael Derolez, 5 years ago

    Looks very clean to me! Love the colors from your picture on the about page. The only thing I'm not sure of is the contact form, it fees out of place. I'd rather see a simple (flat?) button, no shadows & gradients as the rest of your site is so minimal.

    Other than that, I really like it!

    0 points
  • Vaibhav Kanwal, 5 years ago

    I'd recommend increasing the contrast of the foreground text with the background. Additionally, bump the font size a bit. +2 for the body copy while +4 for the headings.

    0 points
  • Samuel ZellerSamuel Zeller, 5 years ago (edited 5 years ago )

    It looks great but I think the images are too small in width, aim for 940px or even 1100px in width. Also change the font maybe? I use Apercu on my website. Another font would give that extra touch I think. Get rid of your contact page as a popup, it doesn't fit the rest of the website, it's not the same look and feel.

    Look here for inspiration http://www.typewolf.com/top-10-helvetica-alternatives

    Neuzeit is awesome.

    EDIT: Also add a way to navigate between projects when on a project page (previous/next) or a call to action to go back to home.

    Other than that I think it's really good

    That's my 2ct PS: Followed you on Dribbble

    0 points
    • Jonny Belton, 5 years ago

      Thanks Samuel, some nice feedback there. I like the narrow width with the balance it gives for line length, definitely agree about the contact popup, it's a quick implementation for now :)

      0 points
    • Cole TownsendCole Townsend, 5 years ago

      Not that Avenir is uncommon, but I don't think Apercu has any particular leg up in this case. It's also pretty popular.

      From a readability standpoint, regardless of what font you choose, it would be nice to maybe bump up the font size to 16px.

      0 points