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.

Political Site

Featured Replies

Well i hope he's not paying you much for it..

 

menu is offcenter

menu is white on orange ... how hard is that to read?

photos are poor quality (probably not your fault)

all elements have curved top edge but straight bottom edge?

color scheme is waaay too bland, although it is a political site, so orange at least "fits"

I know that the libdems use yellow on their site and its one of their main colours, but you have gone way OTT, I went to the site and was almost blinded. I really didn't want to read anything as that colour really hurt my eyes remember less is more.

use this as an example:

http://www.libdems.org.uk/

 

 

Make the white bold rather than normal, as at the moment it is hard to read.

 

Change the curve bit on the bottom nav menu so that the curved bits are all the bottom rather than the top.

 

Get rid of the curved bits on the main content part, with all the curved bits it makes the site look disjointed. Why are all the curves at the top anyway...that makes no sense in my opinion

 

reduce the main text size as at the moment it makes the site look amateurish.

 

Try moving the images to the left instead of the right...it might not work, but if it does it will draw the eye to the text rather than away from it.

 

Try to do more with the colour pallet that you have, yes it is only yellow, white and black. But there is so much more that could be done with it. Just because the lib dems use yellow as their main colour doesn't mean your entire site should be yellow.

lol just re-read my post .... realised it sounds really harsh. not that it isn't all true.

 

Stuff like that is why i'm not a politician.

  • Author

Thank you for the constructive comments.

 

Unfortunately I have a masters thesis to hand in next week so am unable to spend the amount of time I would have liked on the site. When that is over I do plan on putting a proper contacts form along with a CMS backend on the site.

 

The changes can be viewed at:

 

www.brianrobson.org.uk

That looks a lot better, the use yellow/orange is a lot better :D

 

only three tiny little things I would change.

 

1.) find a better quality lib dem logo for the background as the resize has made that one pixelated so it looks a little messy

 

2.) add a little bit of a space between the bottom nav bar and the footer information.

 

3.) on the main page have all the text on the right and the image more vertically central, as it will read a lot better.

 

But those 3 things are just me nit picking. It is a vast improvement on the first site and is fine how it is :D

 

 

 

EDIT: but more important good luck with your masters thesis

Try to make your navigation with list^^

 

this is bad:

 

<div class="navigation">
	<p>
	<a href="index.html">Home</a>
	|
	<a href="local.html">Local Choice</a>

	|
	  <a href="safety.html">Community Safety</a>
	  |
	  <a href="housing.html">Housing</a>
	  |
	  <a href="transport.html">Transport</a>
	  |
	  <a class="selected" href="meetbrian.html">Meet Brian</a>
	</p>

</div>[/code
try to make:

[code]<ul class="navigation">
	<li><a href="index.html">Home</a></li>
	<li><a href="local.html">Local Choice</a></li>
	  <li><a href="safety.html">Community Safety</a></li>
	  <li><a href="housing.html">Housing</a></li>
	  <li><a href="transport.html">Transport</a></li>
	  <li><a class="selected" href="meetbrian.html">Meet Brian</a></li>
</ul>

  • Author

Ok .v3 is now up: www.brianrobson.org.uk

 

I've left the background image for now but you were certainly right about moving the text on the front page to the right.

 

Thanks for advice on the navigation Jay S. This is certainly something I will be changing in a weeks time or so.

Maybe increase the line height a little. Gives some more air to the text and makes it easier to read and follow the lines.

 

Mind you; the white text on the yellow background is an accessibility problem. It doesn't have enough contrast and people with impaired vision will have a hard time reading that. Since the background is very yellow I think you'll get away with maybe choosing a different colour for the navigation bar background.

 

As a personal preference I'd not made the gradient go to the full white, but instead a light yellow. Never been a fan of strong gradients. But as I said, it's a personal preference.

  • Jo 90 locked this topic
Guest
This topic is now closed to further replies.

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.