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.

First site design help

Featured Replies

Good afternoon everyone.

 

I recently secured my first client, woop! It's my girlfriends dad so if I get it wrong I'm doubly in trouble. I've been doing a lot of research on the fundamentals of designing for the web but haven't put it into practise much as I'm just starting out.

 

Here's a mock up for his site. It's an accountancy firm so I shot for clean, clear and bold. Please let me know if I missed!?

 

I'm looking for any advice from designers as to what I could do to give this piece at truly professional look. Be as specific or vague as you think will be helpful!

 

Thanks in advance! Much Love.

post-16980-126858126367_thumb.jpg

Hi, Jonny. As you saw in my other post I'm new to web design, but I'm not new to design. I think you have done a good job there, it looks professional and simple to navigate. Also, it's not too cluttered. Just a suggestion though, how about making those purple buildings stand out more by adding some contrast to that area. I'm thinking maybe some black/grey buildings infront of the purple and behind to add some depth.

 

Only a suggestion for the design aspect.

Some portions are really good but others could really use some work. One is the typography. Make your body font bigger and with more leading. I would also make it a dark grey so it doesn't contrast so bad with the stark white background... but thats just a personal opinion. Your services and other buttons look really dated. I would try to make them a little more modern. The layout is decent though I think if you really wanted to be bold, I would try to think of a more different layout. Have fun with it.

  • Author

Hi, Jonny. As you saw in my other post I'm new to web design, but I'm not new to design. I think you have done a good job there, it looks professional and simple to navigate. Also, it's not too cluttered. Just a suggestion though, how about making those purple buildings stand out more by adding some contrast to that area. I'm thinking maybe some black/grey buildings infront of the purple and behind to add some depth.

 

Only a suggestion for the design aspect.

 

I gave that a go. I like it so thanks for the tip!

post-16980-126858476131_thumb.jpg

No problem.

 

You can also add a light grey hill or trees even further back. Just play about. That does look better though, nice work.

  • Author

Some portions are really good but others could really use some work. One is the typography. Make your body font bigger and with more leading. I would also make it a dark grey so it doesn't contrast so bad with the stark white background... but thats just a personal opinion. Your services and other buttons look really dated. I would try to make them a little more modern. The layout is decent though I think if you really wanted to be bold, I would try to think of a more different layout. Have fun with it.

 

Hey cib,

You make some good points.I'm playing with my body font as I type.

I don't quite understand what you mean by leadning though? Now you mention it those buttons are everywhere. You got any examples of what you would call a modern button? Thanks again!

He has a good point. It's mainly due to how they are styled. The bevel and emboss would need to be shallower and the rounded edges would need to be smaller/sharper. If you turned them into rectangles and if it was possible to move the text to the left, that would look better.

 

 

www.good-tutorials.com, if I remember you will find some webdesgin tips there for buttons.

Hey cib,

You make some good points.I'm playing with my body font as I type.

I don't quite understand what you mean by leadning though? Now you mention it those buttons are everywhere. You got any examples of what you would call a modern button? Thanks again!

 

For the leading: http://www.cibgraphics.com/blog/viewentry.php?id=7

 

In terms of buttons stay away of harsh gradients, bevels. Use either solid colors or soft gradients. For example:

 

beautiful_css_web_button.gif

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.