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 for Client

Featured Replies

Hi all just wondering if I could get some feedback on my first site for a client.

 

http://bazhodson.co.uk/David_and_Sian/index.html

 

Also I'm not actually charging for this as its a friends parents and i'm just looking to get a portfolio together anyway, but if I was to charge just wondering what some of you guys on here would charge for this.

 

thanks

I'll tell you what, I was surprised when I opened up the screen for the first time to see that you've got a really nice looking website there, is this really your first website for a client? Because it's really nice, you haven't tried to overcomplicate anything and you've made sure the code is nice and semantic, the only point I'd make about the code is instead of using <b></b> for bold text, use <strong></strong> instead, it's more semantic.

 

I think a little spacing on the text would be good, so add some line-height:; to your paragraphics and also a big of a larger margin at the bottom of these so that it's easier to read.

 

I think we're going to be seeing a lot more from you in the future, Tea Leaf.

  • Author

Cheers for the feedback Traxor, yeah its my first client website i've put together a portfolio site just to practice my coding but this is the first serious attempt its nothing fancy but i'm quite happy with it.

You should be, for a site that's going to appear in your portfolio for the first time it's great. By the way, don't be ashamed to just stick up your portfolio, when it says 'under construction', people will probably know what the reason is, so you might as well just display this website on there at least straight away :).

 

Head out to all of the charity shops in the area and offer to design them free websites.

Wow! I too was shocked... for a first site, I'm impressed (and now even more embarrassed by the state of my first site!)

 

Great work :)

Well done, for a first client site that's something to applaud, and as a side note, congratulations for entering the industry! You've gotten your first foot in the door :)

 

Only problem is your empty '<li class="welcome">', practice usually is that you put a link in there even though it's the active link.

 

Otherwise, you'll have to put an ' ' in there, you might aswell put in a link (people don't click on the link that looks active anyway).

 

Good job!

  • Author

Cheers Helen.

 

I've just been looking at my portfolio site bazhodson.co.uk, and on the about page i have a couple of lists but there not working when i open them in a broswer, don't suppose one of you guys could check my code and see what i've done wrong.

It looks like you've got them set to display inline, so change it to this:

 

#infobox li, #infobox ul {
 display:block;
}

 

Also, make sure you set both the ul and the li when you're styling, and be sure never to remove all margin and padding from the ul or the li if you want to display the bullet because it has a bit of a negative margin on by default and will overlap further than it should.

Again, as others have said, it's a very good first site and something you can and should be proud of. I like the idea of including the google map in the banner.

 

One thing I would suggest though, is since on every page you have the same banner, apart from the page with the Google map. Why not change it so that you have a different image spanning the full width of the banner on each page? That way you could show a variety of images of the building/location and not have to squash them up into a single image.

 

Just a thought.

Great start, but I did think "ganga leaves". Is this a holiday site for dope smokers in France? Would a feather quill be a better, and more appropriate icon for the side bar?

 

Ganga aside, the pics make it look like a holiday site, which it is, but nothing immediately suggests 'writing'

  • Author

Again, as others have said, it's a very good first site and something you can and should be proud of. I like the idea of including the google map in the banner.

 

One thing I would suggest though, is since on every page you have the same banner, apart from the page with the Google map. Why not change it so that you have a different image spanning the full width of the banner on each page? That way you could show a variety of images of the building/location and not have to squash them up into a single image.

 

Just a thought.

 

Cheers clearcutz, yeah I am actually looking at that I'm just waiting for the client to get some better images across to me. I think they could do with a contact page with a form as wel maybe?.

  • Author

Great start, but I did think "ganga leaves". Is this a holiday site for dope smokers in France? Would a feather quill be a better, and more appropriate icon for the side bar?

 

Ha, ha know what you mean, they are actually Horse Chestnut leaves which is what Les Marronniers means in English its the one thing the customer insisted they wanted.

Just do whatever the client wants, for a site like that I would charge £400, which is my base rate, because even though it's a very nice site, it is static and basic, so that's perfect to be honest.

 

I echo what has been said before, a different image on each page would be cool.

I'd present them with a site without their recommendations too. Clients often think they know best, but can change their mind when they can actually see the professionals version. use the leaf by all means but make it clearer on the writing front. A feathered quill would look good in this design. I might look at producing more of the text in a , not over the top, easy to read, calligraphy font, to again, emphasise the writing aspect. Like you've used in the nav section. I'd also suggest that you don't have the main image stretched all the way across the page. The site could look neater, especially with a simple border.

  • Author

I'd present them with a site without their recommendations too. Clients often think they know best, but can change their mind when they can actually see the professionals version. use the leaf by all means but make it clearer on the writing front. A feathered quill would look good in this design. I might look at producing more of the text in a , not over the top, easy to read, calligraphy font, to again, emphasise the writing aspect. Like you've used in the nav section. I'd also suggest that you don't have the main image stretched all the way across the page. The site could look neater, especially with a simple border.

 

Cheers scifunk i'll keep that in mind.

How would you get a calligraphy font to show in all browsers, I set the logo in photoshop because i thought there would be a pproblem viewing that typeface in different borwsers.

That being said though scifunk, I can see that that is definitely not a cannabis leaf and clearly something else, cannabis leaves has 6 - 7 thin leaves that are jagged, and that clearly hasn't, so it looks alright to the trained narc :p.

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.