My first website build attempt

Hobbsie · 4 Mar 2016 at 22:53

Hi all,

please could i ask for some constructive criticism on my first website build for my brother in law.
Its far from finished but wanted to make sure im not doing anything odd shall we say

Still empty pages etc atm.
And the main issue i have no real direction thats what im lacking is some inspiration.

Please go gentle with me but i will take on board any defects lol.

Site: http://adfieldelectrical.co.uk/

Thanks

GSXR Gaz Mc · 4 Mar 2016 at 23:38

looks ok for me..its not full of clutter and looks quite east to navigate...maybe u could re-design ocuk's website

chroniclard · 5 Mar 2016 at 09:38

If you resize the screen to a 1024x768 the page titles are cut off by the top menu resizing.

Contact Us on the contact page is a different font.

Otherwise looks ok.

Hobbsie · 5 Mar 2016 at 20:03

thankyou guys i will take a look.

elrasho · 7 Mar 2016 at 17:25

Looks great, well done :cool:

How did you learn to make websites, I'm curious as I'm self studying through online courses.

dacads · 7 Mar 2016 at 18:12

I think in the navigation bar there needs to be more spacing below the "Electrical" part of the logo, could just try a smaller font for it though.

Also on the contact page, the input fields don't line up with the labels.

Other than that great work mate

elrasho said:
Looks great, well done

How did you learn to make websites, I'm curious as I'm self studying through online courses.

Try w3schools and codeacademy has a course for making responsive websites using HTML and CSS.

balanceballs · 7 Mar 2016 at 22:52

You could do with a decent logo and brand to tie it all together but overall, well done. It's quite clearly a Wordpress theme with a few tweaks but that's not necessarily a bad thing. Look at making it all fit together better. Just make sure you are up-to-date with any plugins and do a bit of research before using any 3rd party plugins (especially if you don't understand the underlying code) as Wordpress can be really insecure if done incorrectly.

There are also quite a few grammatical errors which put me off the website a bit. I understand it's kind of a first draft but make sure you get a few people to read through your text and point out any mistakes. First impressions count for a lot.

Deleted member 66701 · 8 Mar 2016 at 11:44

http://adfieldelectrical.co.uk/wp-login.php?

I'd suggest you learn to or try building a website from scratch before using Wordpress. It will make it easier for you if you want to customise a Wordpress theme.

stewski · 8 Mar 2016 at 19:04

Generally I think it's highly impressive, especially if it's your first website.

If I have any constructive criticism I'd up the contrast marginally on the text for navigation, my home laptop is tn 1366 x 768 and unless the angle is spot on, readability is not optimal.

Hobbsie · 9 Mar 2016 at 19:32

thanks all ill see what i can do, yes its wordpress as i find its easy to work with.
I am currentlly playing around with making a website non wordpress and just from pages but i feel this is too complex at the moment for me personally.

HungryHippos · 9 Mar 2016 at 22:32

Hobbsie said:
thanks all ill see what i can do, yes its wordpress as i find its easy to work with.
I am currentlly playing around with making a website non wordpress and just from pages but i feel this is too complex at the moment for me personally.

Take a look at Bootstrap, makes stuff easier and is great for static website design.

Jarrastafari · 10 Mar 2016 at 00:43

I'd drop the text ("Welcome To...") on the homepage myself, assume your user knows they're free to look around your website and that they understand what a 'contact us' form is for. Also, consider dropping the transition delay on your slideshow on the homepage; since the text takes a second to 'spin in' it makes the navigation of the slides feel less responsive. Your 'About Us' is currently blank. Showing your projects is a great idea but populate that page with only a few of your very best examples, asap. Great inclusion of your certificate stamps in the footer. Try adding in trustpilot (or similar) review rating if you have one. Finally, consider putting a price or estimate cost on your product/service pages; people who want your services want to find out how much they can expect to pay and if they can't get it from your site they'll get it on a competitors instead of calling you.

Remember that your website should be informative and that the information a customer needs should be easy to find.

Hope thats not too critical and gives you some ideas.

radderfire · 10 Mar 2016 at 00:48

The images and navigation from the slider are too small to read when I view the site on my mobile.

Brizzles · 10 Mar 2016 at 13:25

Had a play at a logo ( it's the electrical symbol for Earth ), use or ignore

Hobbsie · 11 Mar 2016 at 21:54

radderfire said:
The images and navigation from the slider are too small to read when I view the site on my mobile.

yes its a plugin with the theme im running i guess as im starting out its kinda easier but yes it is small not too happy with it.

Hobbsie · 11 Mar 2016 at 21:54

Brizzles said:
Had a play at a logo ( it's the electrical symbol for Earth ), use or ignore

i like it my problem is lacking a style/theme thats given me some kind of idea in what i need to aim for.
thankyou

dmsims · 12 Mar 2016 at 02:21

On conatct form:
Contact us twice in large font
1 box for name, phone and mobile
Tel no's and email need href links
Address needs commas

Need to optimise some images:
http://adfieldelectrical.co.uk/wp-content/uploads/2016/02/power-electronics_0-edited-height-450.jpg can go down to 184Kb

Good effort!

dmsims · 12 Mar 2016 at 02:22

Brizzles said:
Had a play at a logo ( it's the electrical symbol for Earth ), use or ignore

I just wish I could do stuff like that!

Very good

Hobbsie · 12 Mar 2016 at 08:38

Jarrastafari said:
I'd drop the text ("Welcome To...") on the homepage myself, assume your user knows they're free to look around your website and that they understand what a 'contact us' form is for. Also, consider dropping the transition delay on your slideshow on the homepage; since the text takes a second to 'spin in' it makes the navigation of the slides feel less responsive. Your 'About Us' is currently blank. Showing your projects is a great idea but populate that page with only a few of your very best examples, asap. Great inclusion of your certificate stamps in the footer. Try adding in trustpilot (or similar) review rating if you have one. Finally, consider putting a price or estimate cost on your product/service pages; people who want your services want to find out how much they can expect to pay and if they can't get it from your site they'll get it on a competitors instead of calling you.

Remember that your website should be informative and that the information a customer needs should be easy to find.

Hope thats not too critical and gives you some ideas.

Thankyou for the information im having troubles changing the transition timing :mad:

When my brother in law signes upto check a trade i can link his review page to his website.

Jarrastafari · 12 Mar 2016 at 20:41

Great idea

unfortunately I don't know how to help with the transitions but try looking at the plugin settings if there are any. Good luck and the logo is really clever.

My first website build attempt

Deleted member 66701

Deleted member 66701