Jump to content

Cre8asiteforums

Web Site Design, Usability, SEO & Marketing Discussion and Support

  • Announcements

    • cre8pc

      20 Years! Cre8asiteforums 1998 - 2018   01/18/2018

      Cre8asiteforums In Its 20th Year In case you didn't know, Internet Marketing Ninjas released many of the online forums they had acquired, such as WebmasterWorld, SEOChat, several DevShed properties and these forums back to their founders. You will notice a new user interface for Cre8asiteforums, the software was upgraded, and it was moved to a new server.  Founder, Kim Krause Berg, who was retained as forums Admin when the forums were sold, is the hotel manager here, with the help of long-time member, "iamlost" as backup. Kim is shouldering the expenses of keeping the place going, so if you have any inclination towards making a donation or putting up a banner, she is most appreciative of your financial support. 
Sign in to follow this  
fisicx

Stuck In The Middle With You....

Recommended Posts

....or clowns to the left of me

 

So I've been working on my wordpress theme for a while and gradually filtering out all the bits I don't need and making the rest nice and neat.

 

But my design skills are sadly lacking.

 

http://clean.testblog.co.uk/ has the header in the middle

 

http://onepage.aerin.co.uk/ has it on the left.

 

I'm ambivalent about either but you may have other opinions.

 

Other ideas and suggestions welcome

Edited by fisicx
  • Like 1

Share this post


Link to post
Share on other sites

The biggest issue is your font sizes. It looks like you've gone - the phone number is pretty important (I'll make that a font big), and the menu is quite important too (so I'll make that big), and the header (big), and the sub heading (also important so big) and so on. But as everything is big and the same font there is no obvious hierarchy so your eye doesn't automatically focus on where you want it to go.

 

In the header I would shrink the sub-heading and the menu so they were the same size as the body copy. You might need to do something to the menu to make it more obviously a menu - perhaps a slightly different background colour, a line under each link... something like that - but not size! You could also consider using a different font differentiate between header and copy or sub header - again it says this is different but not more important.

 

In the main text, the h2 colour/size on 'clean' is best.

 

The white transparent background needs to be less see-through, the background makes it hard to read at the moment - it's too distracting and with the dark photo it means not enough contrast between the grey back ground and darker grey text.

 

I like the general layout of the sections though - clean and simple, but it looks like you have a good range of presentation options.

  • Like 1

Share this post


Link to post
Share on other sites

Thanks Tam,

 

I've fiddled with the font size and added some styling to the nav links. And I've upped the opacity of the page background.

 

You can change most thing in the Wordpress customizer, I'd rather just let users do their own thing. For example: http://sitepizzeria.co.uk/. I just set everything up and they did the rest themselves.

Share this post


Link to post
Share on other sites

I go away, I come back.

 

I've been playing with features to try and make the theme more usable. There is now an option to hide the menu items on small screens and a floating 'TOP' button.

 

The TOP button is there to help people on long scrolls. But this one is clever. It only appears if you scroll and fades when you stop so it doesn't obscure the content. If you then scroll again it appear again. I've only got it set up on the homepage for now.

 

http://clean.testblog.co.uk/

 

I'm also working on making it lighter and faster. The amount of code is now miniscule. Even with all the images on the test site there are only 18 server requests. Remove these and the whole site loads with just 6 requests! Which for a wordpress site is about a low as you can get.

Share this post


Link to post
Share on other sites

Was simply going to add that I preferred cleant.testblog vs onepage.aerin. But I completely bow to TAM. She has a good eye for this, focuses on details and is often worth her weight in advise.

Share this post


Link to post
Share on other sites

Mr. Picky again. I still like photos which line up on top with the corresponding text and framed with a border.

But that's me. Think I have this before in another thread.

 

I like that you implemented social-media buttons using CSS sprites and not called them in from the source and/or some library.

Edited by bobbb

Share this post


Link to post
Share on other sites

OK Mr Picky, I've moved the images up so they line up at the top. Not put a border round them yet as I'm not sure the position is right.

 

I've also got both sites showing fixed width content. The only real difference is the background.

 

https://onepage.aerin.co.uk/- full width

 

http://clean.testblog.co.uk/- fixed width

Share this post


Link to post
Share on other sites

OK I see what you have done in clean.

 

I was talking more of the effect in the text toggle like The River where the top of the sunset would line up visually with the text "In the blinding light". A 0.7em top margin on the image would do it.

 

So using the text toggle again in clean I would have lined up the top of the shoreline with "If you have a lot of content" but it looks OK as is.

 

But only if that is to your taste. I've never heard my "rule" written up anywhere. It's only my taste.

Share this post


Link to post
Share on other sites

Text toggle images sorted and also been messing with the other images to give them a bit of breathing space

 

There are some other tweaks to make it work a bit smoother: http://clean.testblog.co.uk/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×