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 desktops, 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 more easily comprehend your content and find what they are looking for.

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 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.
  • E-commerce 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, that 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, that 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. 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, that 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, 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 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 the year, 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 was not mobile-friendly.
  • 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

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.

Homepage top.

Screengrab of the whole webpage at the top, navigation bar on the left with red links, then main body text on the right. Red long horizontal rule across the top of webpage.

Homepage bottom.

Screengrab of the whole webpage at the bottom, shows body text at the top, then a square image made up of smaller images from the work featured throughout the website, colourful display and composition of images.

Examples/Showcase webpage before our redesign.

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

Examples/Showcase webpage after our 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

Examples/Showcase webpage after our 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

Research and PhD webpage before our redesign.

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

Research and PhD webpage after our 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 just black text, now in a 2 column grid, with text on the left and images used of the links on the right

End-user license agreement EULA document before our redesign in plain text format.

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

End-user license agreement EULA document after our redesign in webpage format.

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 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, although not too much, as to not overpower the content and work. We optimised the image names, 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 PhD researched, designed and tested dyslexia typefaces: Sylexiad Serif and Sylexiad Sans, how cool is that?

Another interesting information design aspect, was the research, rewrite and plain English edit of the end‑user license agreement (EULA) for all the client’s typefaces. These small print documents are usually lengthy, written using complex terms and long-winded descriptions, and are not inviting to use or easy‑to‑understand. We removed unneeded text, rewrote and updated terms and conditions. Coloured bullet lists were added to help increase the appeal of this dry, dull and boring document. The result is information that has a much higher chance of being read and is more joyful and rewarding to read…

For the 2nd stage, the client decided the Examples/Showcase webpage that used purely text and bullet lists that linked to 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. The result was 2 Examples/Showcase webpages (client and personal) that visualise the client’s 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, server-side website statistics.

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

Charity that effectively monitors and influences the future of New Walk, Leicester’s historic walkway in the city centre.

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

The website design 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, that was 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, 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 and cheaper supplier, with 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.

Information for improved action and experiences

3 results of a website designed by us

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

 2 Our largest project involved 450 webpages, formatting 1000+ images, and updates over a span of 16 years.

 3 No need to redesign in a few years time due to an outdated and failing design, because our designs last for 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