Creating Low Energy Impact Website

Creating low energy impact websites

Sustainability is at the core of our business. We are continuously working to implement processes that are in compliance with our vision and values. When developing a website, we will ensure the following are met throughout the project development cycle:

User experience

  • users have to be able to access the information efficiently
  • the navigation has to be easy to understand to avoid clicking the wrong pages
  • essential information has to be easy to access
  • use existing patterns and only break them when needed (logo left top, contact page as last menu item etc)
  • test the on-site search for efficiency, so users are able to find what they need using common queries e.g. phone number -> contact page
  • easy to find information through Google, make sure pages are tagged with the right keywords
  • when linking rich media show filesize/warning if possible to inform a customer about the size of the content, for example, “download pdf [146mb]”. or make sure to inform visitors when links are external.

Media and Content

  • images are always optimally compressed
  • reuse images when possible
  • optimal file format for images (svg/png/jpg)
    • JPG = photos and colourful images
    • SVG = vector based illustrations, drawings and logos
    • PNG = in case SVG is too large, transparency
  • web fonts, popular Google fonts are more likely to be cached

Development

  • make sure all caching methods are used
  • use popular hosted libraries like Bootstrap and jQuery
  • retina images only served on retina devices
  • clean, efficient code! (ask a developer to check)
  • use of Javascript: make sure the impact on the end user is minimised
  • lazy loading, only load content if it’s going to be seen by the users
  • consider preloading pages, no need for a refresh when loading another page

Hosting

  • hosting with renewable/green energy
  • green/sustainability policy
  • ask web developer for any optimisations we can do?

Conscious Tradeoffs

We sometimes have to make tradeoffs, we have to make sure they are conscious tradeoffs, examples of these are:

  • High-quality videos
  • heavy use of javascript
  • different pages
  • external links
  • breaking common UX patterns to create some kind of delight

Leave a Reply

Your email address will not be published. Required fields are marked *