Posted by Roger

N.B. Due to illness, this site has been taken down.

AttractMore have been working with Susan Carr in Leeds over a number of years and we have created a couple of websites for her to help promote the services she offers to clients.

She recently asked us to create a new site which focused on her work as a psychotherapist and counsellor, named Therapy Space Leeds. The colour scheme was already determined, as was the layout for wider screens since these were carried over from one of Susan’s earlier sites. The challenge here was to create a fully responsive site that worked well on smaller screens as well as larger ones.

Note: the site isn't available any longer as Susan has retired from practice.

Overall Design

Screenshot of Therapy Space Leeds on wider screen Susan wanted to retain the vertical bar of square images on larger screens as seen in the screenshot here.

This 2 column layout works well on larger screens but, clearly, this arrangement would not be suitable for smaller screens where a single column would be needed.

Also, the menu bar would need to be changed as the horizontal arrangement of menu items would not be suitable for smaller screens.

Image Placement

In the design phase we settled on three different layout options for images.

  • On the smallest screens images would be centred in the single content column (see image below)
  • On mid-sized screens (tablets and the like) the images would be right aligned and embedded in the paragraphs.
  • On the larger screens, as we have seen above, the images are arranged in a vertical bar on the left of the text content.

There were one or two pages where the content was not sufficiently extensive (e.g. contact page) to embed the images in the text on mid-sized screens.

Navigation

Therapy Space Leeds mobile menu open and closed

The horizontal arrangement of menu items works well on larger screens but on smaller screens we chose to use a simple menu button which, when tapped would reveal a menu of items sliding down vertically as you can see in the next image.

This is easy to use and looks professional.

Testing

As ever, we carried out extensive testing of the new site on a wide variety of devices, operating system versions and browsers to ensure that the layout and function of the site even on quite old phones, tablets etc. The value of taking this thorough approach proved itself when we found a peculiar layout problem with an older version of an iPad. Everything was fine on newer iPads and, strangely, on even older versions than the one with the issue. A couple of lines of code solved the problem but we would not have discovered the bug had we not tested the new site on all the different generations it has been through.

Feedback

Susan was very pleased with the new site and here is what she had to say about the project…

I have used AttractMore for several years now. I highly recommend their work – they’re real experts. They let me relax as I know I can hand over all the technical stuff to them and that it will all be rapidly sorted out and my website will look good and work really well. They are always reliable, efficient, conscientious and thorough and very straightforward to deal with.

Final Thoughts

Thoughtful design and proper testing are essential components in any website project that aims to create a site that works well on all devices and which serves a business well. Although this requires additional effort, the quality of the end product is higher which will reflect well on the business.


More from the blog

Effective Business Websites

Make your business website effective

I’ve come across a few business owners recently who believe that, because they have a website, they have done what is necessary to get new business using the internet. Then, when little or no business arrives via the website, they conclude that the internet is no good for acquiring new customers or it’s not appropriate for their business. What they miss is that often the design of their website is inappropriate for their business or that the content is inadequate. Visitors judge your business by the quality of your website. Let’s look at what’s really needed.

Read more

Launch of New Website for Artist

New website for an artist

This week we have launched a new website – it’s the latest version of the site for Sue Heron who is an artist based in Huddersfield. Sue specialises in painting landscapes, people and animals. This is the second website we have created for Sue and in this new version Sue was keen to change the background colour to black so as to make the artwork stand out more from the page. The design has been simplified so as to place the focus firmly on the paintings and there is very little colour on the site other than that provided by the artworks.

Read more