Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Robert Niemczewski
Robert Niemczewski
4,560 Points

Frustrated over the old design, is this one better :)

Hello,

So couple weeks ago I made my portfolio site which can be found here http://t0ms0nsdesign.com, and after a while it got to me that it is very not-professional, and a lot of concepts do not go together so I created a new design

What you think, is it better or worse?

http://postimg.org/image/i3c8kd5ql/

Thanks for all the comments!

3 Answers

Christopher Warren
Christopher Warren
17,640 Points

Honestly mate I like your old design better. I would focus on making that one look better before you do a complete redesign.

Robert Niemczewski
Robert Niemczewski
4,560 Points

Really?

Ohhhh nooo - I am so confused now :D :(

Shivam Bhalla
PLUS
Shivam Bhalla
Courses Plus Student 5,035 Points

Cool work! I like your original design better.

Some tips to make your site look more appealing/professional:

1) Update your logo design to make it look more modern and appealing.

2) Noticed your using an image to create the line underneath your main navigation. You should remove it and update your css with the following to make it look more appealing:

#yellowbar { border-bottom: 1px solid #ccc; /* use css to create the 1px border */ float: left; overflow: hidden; width: 100%; padding-bottom: 20px; } #yellowbar > img { display: none; /* Hides image inside the yellobar div */ }

3) I noticed your use of the css grid system is not correct. When you are adding new content under existing content, you need to specify the class "row". Now I am not 100% sure which grid system your using, but in Bootstrap, you specify it with the class "row".

Here is what a part of your html code currently looks like:

<section id="about" class="grid_2">
    <other divs>
</section>
<section class="grid_2 push_4">
    <other divs>
</section>

And this is what it should look like (considering bootstrap [your grid system row class may vary slightly] ):

<div class="row">
    <div id="about" class="grid_2">...</div>
    <div class="grid_2 push_4">...</div>
</div>

Please take a look at the Bootstrap docs for examples: http://twitter.github.io/bootstrap/scaffolding.html#gridSystem

4) I would recommend adding a client side Javascript based validation to your contact form. ( Treehouse offers courses on that )

Let me know if you have any questions.

Robert Niemczewski
Robert Niemczewski
4,560 Points

Wow, thank you !

I am using 960's Grids system, I have never used Boostrap before, but is it overall better?

And yes, Ill definetly update the CSS.

The thing that concerns me the most now is ... I dont know which design to use.

Maybe I need a break from it for couple days?

Shivam Bhalla
Shivam Bhalla
Courses Plus Student 5,035 Points
  1. If your familiar with 960's gs, you will pick up Bootstrap right away. In my opinion, Bootstrap is much more simple to use. Plus offers great optional features such as:
  • Fluid Grid System
  • Components
  • Various JS effects
  • Cool styles (buttons, forms etc...)

Of course all of these features are optional.

  1. I would stick with your old design. As Chris mentioned, you should concentrate on improving your old design instead of creating a new one.
Robert Niemczewski
Robert Niemczewski
4,560 Points

Yes, you guys are most likley right but of course I went to convert the new design... and I dont like it again.

Maybe I am just not creative enough, because it is nothing special.

:(

Any ideas?

http://t0ms0nsdesign.com

Shivam Bhalla
Shivam Bhalla
Courses Plus Student 5,035 Points

works now. To be honest, I would suggest you improve your design because it looks very childish at the moment. Google some portfolio inspirations to get your creative side flowing :) and try again. This is just a try and error process.

I have built 4 themes for my own portfolio until I made the right one. Just don't give up, more mistakes you make, more you will learn.

Robert Niemczewski
Robert Niemczewski
4,560 Points

Thanks man,

Yeah, I did not like the first one, I dont like this one too .

Maybe I should just give it a whole new concept? I dont know.

Could I see your portfolio anyway?