Web Design Workshop #20: Peppermint
tuts workshop

Web Design Workshop #20: Peppermint

on Sep 8th 2012 with 19 comments

Web Design Workshop is our regular community project where we ask readers to submit their work for your friendly, constructive criticism. It’s the perfect way to learn, offer opinions and have your own work critiqued! This week, the personal portfolio of Iván Rodríguez..

Rules of Engagement

Play nice! We deliberately select work which will benefit from advice and pointers. If you can’t be constructive in your comments, don’t. Other than that, offer any advice you can give. Feel free to link to examples and images which back up your points.

The Design

Web Design Workshop #20
(trimmed)

Portfolio website to show my work to potential clients and agencies, I called it “Peppermint”. I made this thinking a lot in candies, pastel green and the information as the main gear of the website rather than pictures. – Iván Rodríguez

Looking for constructive criticism on your own work? Submit it for a workshop – most but not all submissions are published. Be patient though, there could be a queue..

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Hi there! My name's Ian Yates. Welcome to Webdesigntuts+ :)  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.iuditg.com Udit Goenka

    Neat, clean! I like it.

  • http://www.krismakeswebsites.co.uk kris

    Awesome design, like how clean it is and the colours are really nice too. Really like the ‘What Can I Do?’ section!

  • kuvirok

    Great job, very clean! Though I think font-color for the basic text areas may be a little darker, now it’s a bit hard to read cause of the low contrast.

  • Jesus Bejarano

    Absolutly love the colors. But the logo looks a little bit strange the “Ivn” looks like a M.

    • http://switchtechservices.com Scott Hollaway

      I agree, I immediately saw MNRDZ until I ready Bejarano’s comment. Other than that, it’s great looking.

      • http://digiartes.net Juan

        Yes, maybe you can make the VRZ a different color, like the hover color, or a slightly lighter color, so that it won’t break the clean design. Or maybe not, it looks cool and makes people look twice.

    • http://carlmichaelhugh.es Carlos Khali

      @Jesus I agree. the site looks great but I spent a minute attempting to figure out what the logo said.

      other than that it seems pretty good.

  • Pingback: Web Design Workshop #20: Peppermint | Webdesigntuts+ | inLine Media RSS Blog

  • http://yifeng.iwebs.ws windd

    I love the design. Though I think white font-color on the light green makes it a bit hard to read because of the low contrast.

  • http://jessesnyderdesign.com Jesse

    I like it a lot. The light-gray seems a bit too light in some places, I had a little trouble reading it. Also, I would get someone to proofread your website, I noticed quite a few spelling or grammatical mistakes (even though it’s not the design, it’s something I noticed pretty quickly). One of the other things that threw me off was the portfolio. It looks like you have some great work to show off, but all I could see of it were the tiny thumbnails within a computer monitor. I think you could make those thumbnails larger and more interesting to make us want to click them.

    Nice job overall though!

  • http://spencerhamm.com Spencer

    Looks great. The control of your typography is very nice too. Good work.

    My only complaint is what everyone else is saying. The text is a little too light. The design flows very smoothly, but you’ll have to sacrifice some of the smoothness to create a better contrast on your text. Remember that the goal is to always communicate the message as easily as possible, not just look nice.

    Overall, great work! Keep it up.

  • http://SethCoelen.com Seth

    Love it – My only suggestion would be to have some sort of lightbox image preview for your portfolio instead of taking them to separate sites.

  • http://SethCoelen.com Seth

    One more quick thing!

    On the menu I would use a vertical text line like this:

    Who | What can I do | Portfolio | Contact

    instead of:

    Who / What can I do / Portfolio / Contact

    Just my preference, God bless!

  • http://www.lifesub.de Stefan Rynkowski

    Hey, very cool design! Nice looking colors and very impressive use of typography.

    Only one suggestion: The area between the first section and the second section is a little bit too large.

    Overall, great work!

  • http://www.woord-design.nl Barry

    Indeed like the rest the colour is a little too light, but it adds to the style and rememberabillity.

    My other thing is the alt tekst when hovering over the portfolio items which appears over the text so when you want to read the whole text you have to remove the mouse and hover somewhere else to make it appear on another place.

  • Crystal

    I really, really like this site! It’s simple, clean, and gives me the information I’d be looking for if I was thinking about working with you.

    I do have a tiny bit of general feedback:

    1. As others have mentioned, IVN created an “M”, so I wasn’t quite sure what that was supposed to say or if it stood for something.

    2. I like the color scheme you’ve got going, although the color you use for your main text is a bit light.

    3. I really like the “What” section. I thought when you click each of the circles, instead of just listing out everything in a long string, you could create some type of “tag cloud” and make the ones in that section that you’re really good at larger. Might give some more visual interest.

    4. In the Portfolio section, I’m not sure why the link says “watch it” when I hover over an image. I thought I was going to be watching a video. Shouldn’t it say something like “View Live Site”?

    5. For your contact section, it might be nice just to put a contact form directly on the page so that you can get response formatted back to you in a way that makes your job easier, plus you can require fields so you get all of the information that you’ll need.

    Like I said before, I really like your site Ivan. Awesome job! :]

  • Crystal

    2 more things :]

    1. Some of the language is a bit off. For instance the sentence:

    “I love creating websites that amaze people But more important Amazing Experiences”

    doesn’t read quite right to me. I think this reads a little bit better:

    “I love creating websites that amaze people, but more importantly…create amazing experiences.”

    ————————————-

    2. I’d also create a bit more space between the content that appears right under your section titles and create a sense of hierarchy. Take the Portfolio section for instance. You have:

    “PORTFOLIO
    Some of the clients I’ve worked with
    Hover for details and click to watch the results*
    *Results may vary within time and external changes”

    I’d put some spacing between the second and third lines and then make the disclaimer text actually look like disclaimer text…meaning it should be smaller and not have as much emphasis as the other text.

  • http://www.ivanrodriguez.me Ivan

    First of all I’ll say woaaah, thank you all! I’m amazed with all your comments! I love the way all gave so positive feedback and trust me I’m taking into acount everything to improve my website. My only complain is about the spacing between sections, it’s developed the way each section’s height equals your browser’s height to ensure that even in screens like iMac ones you just only watch a section at a time.

    Also I deeply apologize for my english, it’s a little bit lousy and I need to practice it, thanks for making me notice that, sorry for my engRish in all the website and probably in this comment.

  • Adam Cockerill

    I love the scroll effect! How did you achieve this and what was your inspiration? I would love to do something similar!

  • http://www.neilrpearce.co.uk Neil Pearce

    Very nice, love the clean style. But I totally agree with the others about the logo. How about changing the color of the first letter into the same gray as the tag line? That way you will clearly see what it says without effecting the overall design and feel?