Web Design Workshop #18: Jared Erondu
tuts workshop

Web Design Workshop #18: Jared Erondu

on Aug 17th 2012 with 26 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, Jared Erondu’s personal site. Again.

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 #18

I was on here a long time ago. Since then, I scrapped the old design and rethought my site from the ground it. It offered too much in one space and was poorly organized. So I slimmed things down to the bear necessities, and laid them out in an easily digestible fashion. Used the power of CSS3 for some responsive goodness, nice white space, and shadows here and there, and utilized Typekit to give the words character. And… boom. The new jarederondu.com – Jared Erondu

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://xenoabedesign.com Justin

    Love the clean, light feel you gave it!

    Once in the white area, it gets a little text-heavy. I would probably figure out a way to add in some imagery/iconography to add some visual interest and additional visual prioritization to that area. Otherwise, I like the digestibility of it.

  • http://ashleyclarke.me Ashley Clarke

    very nice page :)

  • Jesse

    Honestly, I like your current site more than this redesign. I think the reason for that is that your new design has less control over the proximity. The spacing between all the different horizontal elements is basically the same, making it feel loose and not organized as well. I think if you were to tighten the space between the headlines of information and the body copy, it would help it feel more cohesive and have a better hierarchical flow. Other than that, I’m a huge fan of the minimalist look that you have going. Simple and easy to use are things often overlooked this day and age in web design.

  • Adam Srebniak

    Hi. Very nice design but i have a small idea.
    Maybe You will add a light black&white (+ blue elements) photo of yourself.
    I see this in 820 x 160px with this blue color elements in white content area.
    BR

  • Vlad

    Nice layout Jared, clean simple and also responsive.

  • http://www.graphicbum.com John

    I’m not sure if anyone else noticed but I love the body::before drop shadow. It adds good depth to the page.

  • Priyank

    Nice Design ! Liked the clean look of your site and also the RWD.

    Just one suggestion:

    When the viewport is more than 1024 x 768, i feel that the gap between the 2 elements (for eg. ‘currently’ and the corresponding paragraph), is bit too much.

    Its breaking the smooth flow of Left to Right reading.

    Instead of adapting the 2 column layout for viewports above 1024 * 768, why dont you follow the normal top – bottom layout.. ie. ‘currently’ at the top, left – aligned .. and the paragraph below it.

  • Simeon

    Hi,

    I think a tooltips for the icons will works well.

    SK

  • Simeon

    Also will be good to be pixel perfect – http://screencast.com/t/addy6xDMV8

    SK

  • Jesus Bejarano

    Gosh i love this refreshing and simple layout , it make me wanna take a deep breath of fresh air, nice work.

  • Hamid

    look at the page….close your eyes….imagin the page and just breath, good work:-)

  • Ray

    Nice site. It’s very clean, and minimalistic. One thing I would suggest is maybe putting the date of your posts in the Latest Writing section on a new line. The bold text followed by the light text throws off the symmetry of that section.

    • Cara

      I agree.

  • http://www.customicondesign.com Custom Icon Design

    the page looks very clean. but I dont know why this site use three color of link(as Twitter, Dribble, Kickstarter). is it the color of logo? how about use the one color of the link?

    • Max Li

      essentially, it’s the main color of the logo.

  • http://www.adipurdila.com AdiPurdila

    I like the layout, very clean, simple, beautiful. I do agree about using some more imagery or icons, it feels a little text heavy. Maybe pull up the images for your latest articles?

    Great job!

  • http://fajarsylvana.com Fajar S

    Simple, clean, beautiful and also responsive, Nice Work..

  • http://www.wordpressguru.com.au Wordpress Developer

    As an Responsive Web Design enthusaiast, I like the web site and think its cleverly design considering all sizes of screen.
    Neat and tidy. Only thing I would like to comment would be the color of currently, find me and read to be more dark.

  • Techeese

    what happened to my other comment it still didn’t appeared?

  • http://www.intellicore.co.uk Laura

    Ian, I like the minimalistic feel of Jared Erondu’s new site.

  • Cara

    I think this is a very pretty page, but not a very useful home page. It looks like an “about” page. When I’m browsing, I don’t like to take time to read/think about websites. I like for there to be a clear direction, something that tells me where to click and what I need to know about your site. I’m a skimmer.

    If anything, I would put your “latest writings” up high and a clip of text with a “read more…” link. Or make two pages, one with the “about” section, and one that points to your writings, but with a menu option at the top that lets me know where to click.

    Also, you may consider making the icons bigger, they make tiny targets.

  • Jrad

    Nice clean approach. The three word tag line at the top feels and looks like a menu. I found myself clicking it on mobile. The icon spans in the paragraphs seem out of place.

  • http://www.nuvomedia.dk/seo-artikler.html SEO-artikler

    Lean and clean! That is how it should be done!

  • flo

    Hey Jared ! Where did you find the feather symbol ? I can’t find it anywhere and I find it awesome !

  • Diana

    Love your current lay-out!

  • J Well

    without first seen your workspace I swear I new your a neat freak. Very nice