Website design services

We design appealing and engaging websites, that give a good impression and last for many years. Our website designs work well across a range of devices, like desktop computers, tablets, and smartphones. We can vastly improve accessibility and usability for a wide-range of people and abilities. If people have an overly difficult interaction for more than 3 seconds, they will leave… Other companies typically focus on a few main areas but we address as many areas as possible, giving you a better chance of success. Websites play an important role in the conversation between your organisation and service users. We enable people to explore your website logically and clearly, helping them to understand your content, and find what they are looking for. Our largest project involved 450 webpages, 1000+ images and updates over a span of 16 years.

Make it work anytime, anywhere, for anyone, on anything

We do

  • Setup of domain name, hosting and email addresses.
  • Desktop, tablet, mobile and Google friendly.
  • Accessible, usable, responsive and zoomable websites.
  • Strict adherence, or as much as is feasible, to website accessibility guidelines and laws, like the W3C (World Wide Web Consortium) Web Content Accessibility Guidelines (WCAG) to level A, AA, or AAA.
  • Accessibility 1st website design that massively reduces the whole project time.
  • Websites that work well on 4k+ high-resolution monitors.
  • Webpage speed and loading time improvements.
  • Intermediate level search engine optimisation (SEO).
  • Updating and maintenance.
  • Ecommerce and product webpage design.
  • Website rebuilding and redesign.
  • Accessibility and usability testing with people.

Below is a selection of projects to give you an idea of just some of the projects we have worked on.

A large thick yellow handdrawn chalk arrow pointing down

Client

Landmark Planning.

Project title

Website redesign.

Services

Website design + Text editorial standardisation + Information design + Write of website accessibility statement + Photo editing + Typographic design + Corrections.

Website

www.landmarkplanning.co.uk.

About the client

A high-quality niche town planning consultancy based in Leicester, United Kingdom, securing planning permission for some of the largest organisations in the United Kingdom.

Client’s needs

We designed the 1st version of their website in 2002, which was used until the end of 2018. In 2019 we were called upon again, to refresh and redesign the website, rebuild the backend code, producing a 2nd version of their website.

Website design, website setup and updating. Screenshot of the Landmark Planning website. Show the grey navigation bar down the left-hand side, then main black heading on the right with a watercolour illustration of a modern regenerated area below

Website design, website setup and updating. Screenshot of the Landmark Planning website showing the 'Project examples' webpage with text and images of building projects they have done

Website design, website setup and updating. Screenshot of the Landmark Planning website showing a consultation questionnaire form webpage with form entries for people to give their feedback

Outline of what we did

The new website had to graphically last for many years resulting in no need for the client to redesign in a few years time. The website is aesthetically and technically well built, which uses 1 of the best HTML/CSS frameworks available. We handled the client’s content putting a lot of effort into maximising the clarity, quality and structure of all the different sections and content. We presented and structured information in a way that gives people potentially looking to commission their planning services, the information they are going to want to know and need, in a quick and precise manner. This was especially true for the Project Examples section, which was edited more than 30 times. When doing user feedback, a main point with the old website and with many town planning websites in general, was that they do not display their telephone number in an obvious and blatant enough way, often hidden away and difficult to find. So what did we do?, we put their telephone number along with an icon, in the footer of all of their webpages. The website is also highly accessible and usable, and here are some features: adherence to good practice in graphic communication design, fully Google friendly, all webpages pass many of the W3C (World Wide Web Consortium) Web Content Accessibility Guidelines (WCAG) requirements at levels A, AA and AAA. We tested all webpages with various screenreader software and there is also a skip navigation option. They also do public consultations and need questionnaire forms designed and setup, that then send the user’s responses and data back to them by email. The website appears simple, but is surprisingly complex and contains a lot of content. We also monitor the website’s performance from time-to-time over a year’s period, against new website design and accessibility standards, technical updates, bugs, and potential security issues. This website ticks many design quality boxes and gives them every chance of success, echoing their professional and credible service.

3 main improvements for them

  • A website that works well on mobiles and tablets. Their previous website did not work on mobiles.
  • Using advanced information design methods, we increased the chance of satisfying people who may commission their services, leading to more chance of new business enquiries.
  • 1st page on Google’s search results for 7 relevant keywords.

Award shortlist

  • Shortlisted in the Corporate Design and Communications category (in the top 10 entries within this category) in the International Institute for Information Design (IIID) Awards 2020. You can read a full case study (PDF) or view it on the IIID project webpage.

Details

Webpages: 75Images: 265Website code technologies: HTMLCSS, XML, JavaScript, jQuery, JSON, PHP, server-side website statistics, WAI‑ARIA.

Designed a plan, for built to last credibility

Client

Sylexiad.

Project title

Website redesign and updating.

Services

Website design + Information design + Write of website accessibility statement + Photo editing + Typographic designCorrections + Plain English.

Website

www.sylexiad.com.

About the client

Academic, designer, artist and dyslexia researcher.

Client’s needs

The client’s original website needed updating, editing, content sorting, design work doing and to generally sort‑it‑out and make it much better.

Before our redesign (the Examples/Showcase webpage).

Website screengrab of the original website, shows black and blue text, navigation list on the left, then a series of mainly 1 line paragraphs in black and blue text on the right

Before our redesign (the Research and PhD webpage).

Website screengrab of the original website, shows black and blue text, navigation list on the left, then 4, 1 line paragraphs in black and blue text on the right with no images

After our redesign (the Examples/Showcase webpage after the 1st stage redesign).

Redesigned website screengrab of the website, navigation list on the left, shows the colour red introduced and being used with a red bar at the top, shows the list of works in a bullet list with red dots

After our redesign (the Examples/Showcase webpage after the 2nd stage redesign).

Redesigned website screengrab of the website, navigation list on the left, shows the colour red introduced and being used with a red bar at the top. Shows the list of works that was in a bullet list with red dots, now removed and the information and images from the PDFs now in a grid structure and visible to see

After our redesign (the Research and PhD webpage).

Redesigned website screengrab of the website, navigation list on the left, shows the colour red introduced and being used with a red bar at the top. Shows the list of works that was in just black text, now in a 2 column grid, with text on the left and images used of the links on the right

Before our redesign (the end-user license agreement (EULA) document).

A screengrab of the end-user license agreement, shows small black text in a monospace typeface, showing various terms and conditions text for using the typefaces. Very little leading between the lines and has a default generic appearance

After our redesign (the end-user license agreement (EULA) webpage).

A screengrab of the redesigned end-user license agreement webpage, shows a red thick bar at the top of the page, then red bullet lists, with shortened terms and conditions in a larger and more readable typeface size than previously

Outline of what we did

Working in close collaboration with the client, we started by doing updates to the content and links, but then redesigned in places, pulling-out out and visualising the content, by using images and better typographic design, rather than having just text links or links to PDFs that does not tell users what was going to be on the linked webpage, or what was inside the PDFs. We worked on the text content, suggesting new text and additions, and also amended many corrections from the client. We strengthened and added colour to the client’s website identity, although not too much, as to not overpower the content and work. We optimised the folder and image names, and the file names and titles within the PDFs, to give the client’s content the best chance of being found and searched online by search engines, improving search engine optimisation (SEO). Some of the navigation menu buttons were reworded to better describe what was on the subsequent webpage, giving users a more accurate idea of what to expect in each section. The website also has many accessibility and dyslexia-friendly features. Furthermore the website’s web fonts are very interesting, and use the client’s own specially researched, tested and designed dyslexia typefaces: Sylexiad Serif and Sylexiad Sans, how cool is that? Another unusual aspect was the research, rewrite and plain English edit of the end‑user license agreement (EULA) for all the client’s typefaces. These types of small print documents are usually lengthy, written using complex terms and descriptions, and are not inviting to use or easy-to-understand. We removed unneeded text, rewrote, and added updated terms and conditions. We also added coloured bullet lists to help increase the appeal of this dry, dull and boring document. The result is something which has a much higher chance of being read and may actually be more joyful to read…

2nd stage: the client decided that the Examples/Showcase webpage that used just text and bullet lists linking to only PDFs needed more work. So we suggested the large task of saving‑out images from the many PDFs and inputting them into various grid structures on 2 new typeface examples/showcase webpages. PDFs are not easily or viewable at all on smartphones (that make‑up about 50% of all web traffic…). The result was 2 showcase webpages (client and personal) that visualise his personal work and other people’s work, who use his typefaces, in a more visual, obvious and explanatory way.

It might sound incredibly straightforward and basic what we did, but the result is a much better aesthetically, technically and functional website. There was much work done that is nearly invisible, that goes on in the background to bring about civilised order.

3 main improvements for them

  • Cool, clean, precise and functional design to show-off the client’s information and work, that does not overpower.
  • 51 (0 previously) transformational revisualisations of the client’s work and projects.
  • Web Content Accessibility Guidelines (WCAG) accessibility and dyslexia-friendly design features, to help make the website robust and easier-to-use for a wide-range of people.

Details

Webpages: 20Images: 165Website code technologies: HTMLCSS, XML, JavaScript, WAI‑ARIA, Google Analytics.

Classy creativity and practicality

Client

Friends of New Walk.

Project title

Website redesign.

Services

Website design + Information design + Write of website accessibility statement + Photo editing + Typographic designCorrections.

Website

www.friendsofnewwalk.com.

About the client

A charity that effectively monitors and influences the future of New Walk, Leicester’s historic walkway.

Client’s needs

The charity wanted their old website redesigning and managing. This included a full website redesign, text content editing and move of their website domain name and hosting, to a better provider.

Website design, website setup and updating. Screenshot of the Friends of New Walk Leicester website. Shows a green navigation area at the top with large blue heading below and introductory text below

Website design, website setup and updating. Screenshot of the Friends of New Walk Leicester website showing the interactive map of New Walk with prominent locations

Website design, website setup and updating. Screenshot of the Friends of New Walk Leicester website showing the Writers’ Pavement which shows dark blue long rectangle blocks with writers names in white, stone carved into them

Outline of what we did

We designed a website that is relevant to the client’s content and purpose, reinforcing their quality resource. We used an XML video sitemap to help their promotional video get found. There was technical work that needed to be done on old PDF publications, and reproduction work on new photographic material. With the client, we researched and decided upon a pro web font that reflected the charity’s activities well, and that was well equipped with small capitals and oldstyle numbers. We also put in an interactive map of interest points along New Walk, and things to see and do. This feature is likely to be of high interest and value for the public, and a useful feature when considering to spend time or take people to New Walk. The more useful the website is, the more chance people will use it and get something out of it. Much work was done on accessibility issues, along with the creation of a detailed website accessibility statement. 1 notable accessibility issue was that we put in subtitles for their promotional video (better for people with hearing difficulties or who use screenreaders). We also monitor the website’s performance from time‑to‑time over a year’s period, against new website design and accessibility standards, technical updates, bugs, and potential security issues. We provided a robust solution and support at every stage.

3 main improvements for them

  • Saved the client 66% (⅔) on their yearly website domain name and hosting bill, by helping them move to a better quality and cheaper supplier, with even more features than their previous supplier.
  • Gave their website users more information and a better chance of exploring and understanding New Walk.
  • A website that passes many of the W3C (World Wide Web Consortium) Web Content Accessibility Guidelines (WCAG) requirements at levels A, AA and AAA.

Details

Webpages: 19Images: 58Website code technologies: HTMLCSS, XML, JavaScript, jQuery, JSON, server-side website statistics, WAI‑ARIA.

Gave their users information needed for improved action and experiences

3 results of a website designed by us

 1 Your organisation or product will communicate and work better, giving your users the best chance of understanding you.

 2 A website that gives highly accessible, usable and inclusive user experiences, whatever device they are using.

 3 No need to redesign in a few years time due to an outdated and failing design, because our designs last for many years, even decades!

A custom made-to-measure tailored suit, not available to buy anywhere else. Retain more users, customers and sales

We make more of a difference than you think! We would like to know more about your project

Contact us