Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Portfolio Website

Featured Replies

Hi Guys,

 

I have created my first portfolio site, its coded but its not yet been published online. I was wondering whether i could have some professional advice on the design but i would like to have your oppinions on layout of the content as maybe it seems to squashed.

 

There is a screen shot of the coded design attached i would be grateful for any help or advice.

 

Regards,

Ben

post-16376-126070939275_thumb.png

  • Author

Thanks for your input.

 

I have got rid of the twitter box and added a little bird in the corner saying follow me which will save space and i have extended the welcome box.

 

Any other views?

Brief Ideas:

 

  • Lots of people place their tweets/most recent tweet in the footer
  • Left Align the 'Latest Projects' text
  • Like Shaun said you definitely need some more padding between your elements

 

Good work so far..

Brief Ideas:

 

  • Lots of people place their tweets/most recent tweet in the footer
  • Left Align the 'Latest Projects' text
  • Like Shaun said you definitely need some more padding between your elements

 

Good work so far..

 

Yh i agree :)

  • Author

Thanks for your inputs!

 

I have done as suggested but instead of spacing them i decided to take out the twitter feed and in addition adding a follow me on twitter link.

 

Screen shot attached.

 

I would like your opinion on the nav bar, i was thinking of getting rid of the nav bar so its not at the side but at the top in a handwritten font.

post-16376-126072184983_thumb.png

Yh try the navbar in the top right, because it looks a bit empty in that region.

  • Author

I have restyled the nav bar so its at the not in a different style, what do you think.

 

This isn't coded yet...

post-16376-126072795828_thumb.png

It's starting to really come along now..

 

Two small adjustments I would make:

 

- I don't think the bullet points are needed to separate the navigation items

- I'm not too keen on the curved effect you've put on the insides of the content boxes

 

Just my opinion, some nice work though ;)

I would try to stay consistent with the headers: 'Welcome' and 'Latest Projects'. Seems like you didn't apply the effect same effect on both.

 

Also, be prepared to use some kind of ie6 png fix! :mf_rudolph:

 

Looking good!

i like it. but i would reconsider the shade of orange you have for the header's 'welcome' and 'latest projects'. also for the grey content area - i would perhaps bring it a shade or two closer to white. worth a try anyway...

Hello Beno,

 

Try for a start to do it:

 

  1. Decrease size of logo and move it in line with menu items.
  2. Play with kerning in Welcome. Decrease distance between W and e, for instance.
  3. Make the same size for paddings 3, 3I, 3II, 3III, 3IIII. Though, you can make 3I smaller and 3IIII bigger than others.
  4. Make the same height for Welcome and Last projects headers.

BTW, it seems to me that block Last projects should be much bigger than Welcome.

 

Hope this helps.

  • Author

Hi Guys,

 

Thanks very much for your inputs, i will be updating the design and i will post a picture of the re-design on here.

 

Regards

Ben

  • Author

Hi All,

 

I have updated my site with a little background change, i've got one thats darker and in my opinion looks better.

 

Don't concentrate on the content im working on that it would be appreciated if you commented on the layout. Any ideas for a logo?

 

Thanks,

Ben

post-16376-126103804081_thumb.png

You're right, the darker layout looks lots better :). Try getting the spacing even between the border and the content boxes.

 

The content does need a lot work on it, but I won't go into it (as requested).

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.