Website Feedback

[Adrian McMaster Gaming]

I have now created a new website running from my own server along with other websites the main one for this topic is http://www.mcgistics.co.uk/ created as a virtual company. I would like feedback on how it appears on different ratio monitors because mine are 1920 - 1080. I would also like ideas for improvements. Comments are welcome on the Facebook page @  https://www.facebook.com/Mcgistics and you can email direct via email shown on the website. No profanity or bad language or you will be blocked.

[Trucking Australia]

Moved to off-topic discussion. 

[Alex [ITA]]

Two things:

• I don't like colors as @Mr Panda;
• The Font isn't very good, try Calibri or the Century Gothic (from Office Word 2007);

I said my feedback!

[bestgolfer86]

Hi MCGISTICS

 

First of all, nice website! Here's a few tips I've learnt along the way to help;

 

• Compress your images (I use https://tinypng.com), this saves you bandwidth and saves users loading time (it will stop the gradual reveals!)
• Web is moving towards minimalism, "less is more". Try reducing the number of nested borders, the number of colours, the number of menu items (e.g. follow Mr Panda's advice for social media)
• Colours are important for first impressions, red and blue traditionally clash but it may work (http://paletton.com is great)
• Consider a clearer font for the title, sans-seriffed fonts are more modern, and also consider putting the title and menu items as text and formatting it with CSS rather than in images in order to scale nicely as well as the fact people with screenreaders and search engine crawlers will not be able to read the text (try https://google.com/fonts)
• Think about responsive design - it's not easy at first but once you understand its principles making websites to adapt to mobile, tablet and desktop are easy! Its main concept is relative measurements not absolute i.e. '%' and 'em' rather than 'px' (http://www.w3schools.com/html/html_responsive.asp is a good starting tutorial). A top tip, Google Chrome has a nice feature to emulate device screens sizes - press F12 then CTRL-SHIFT-M and the layout will change. Use the drop down to change the device and use F12 to exit the developer features when finished.

 

I've attached a quick local edit of some of the general principles I've discussed but its always down to interpretation, particularly colour schemes e.g. fit it in with your VTC skins.

Spoiler

 

Good luck and I hope it all goes well!

[The Imaginative Lad]

I agree with what has been said above about fonts, etc.

Also I would change this:

To just a scrolling image slideshow.

[Splixz]

Also you shouldn't use Images for those buttons. You can use Images for this outline thingy, but not for the font. You can let the font change via

nav ul li a:hover {}

As you can see I used a nav with an unordered list here. You should do that too. It's easier to change and add things with that.

 

You can aswell try using other fonts. One for example that looks modern and nice is Lato from Google Fonts. Here is a good tutorial for using the Google Fonts API.

[Guest]

Let flash die please!

[Half Blood Prince]

Topic locked and archived due to inactivity.