Jump to content

Cre8asiteforums Internet Marketing
and Conversion Web Design


Photo

Stuck In The Middle With You....


  • Please log in to reply
9 replies to this topic

#1 fisicx

fisicx

    Sonic Boom Member

  • Hall Of Fame
  • 1976 posts

Posted 28 February 2017 - 05:23 AM

....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, 28 February 2017 - 05:24 AM.


#2 tam

tam

    Honored One Who Served Moderator Alumni

  • Hall Of Fame
  • 2344 posts

Posted 28 February 2017 - 07:19 AM

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.



#3 fisicx

fisicx

    Sonic Boom Member

  • Hall Of Fame
  • 1976 posts

Posted 28 February 2017 - 10:32 AM

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.



#4 tam

tam

    Honored One Who Served Moderator Alumni

  • Hall Of Fame
  • 2344 posts

Posted 28 February 2017 - 10:49 AM

For example: http://sitepizzeria.co.uk/. I just set everything up and they did the rest themselves.

 

Very nice!



#5 fisicx

fisicx

    Sonic Boom Member

  • Hall Of Fame
  • 1976 posts

Posted 29 March 2017 - 08:28 AM

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.



#6 earlpearl

earlpearl

    Hall of Fame

  • Hall Of Fame
  • 2485 posts

Posted 29 March 2017 - 10:22 AM

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.



#7 bobbb

bobbb

    Sonic Boom Member

  • Hall Of Fame
  • 3357 posts

Posted 29 March 2017 - 11:21 AM

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, 29 March 2017 - 11:27 AM.


#8 fisicx

fisicx

    Sonic Boom Member

  • Hall Of Fame
  • 1976 posts

Posted 30 March 2017 - 01:29 AM

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



#9 bobbb

bobbb

    Sonic Boom Member

  • Hall Of Fame
  • 3357 posts

Posted 30 March 2017 - 08:58 AM

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.



#10 fisicx

fisicx

    Sonic Boom Member

  • Hall Of Fame
  • 1976 posts

Posted 31 March 2017 - 09:39 AM

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/





RSS Feed

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users