Web Graphics

Web Graphics

Some sites have beautiful web graphics but load very slowly; others are difficult to navigate and not intuitive.  The ever-so-important user-experience component begins at the graphic design stage.

Placement of menus, images and descriptive text are critical.  If a user cannot find what they are looking for, or if there are too many steps to the desired information, they will probably leave your web site in favor of one that is easier to navigate and more intuitive.

Consideration should be given to how a website will look in a smart phone, a tablet, a laptop and a desktop with a large monitor.  The ability of a website to flex according to viewing device is known as responsive web design.  A well designed responsive website can expand your audience and result in higher sales.

A few important considerations in making a fast loading and responsive website:

  • Design graphics with responsiveness in mind - build graphical concepts for smart phones, tablets and larger devices to plan how the website will respond and display in each.
  • Design around the user experience - make it easy to find things and get back to previous pages or search results
  • Where possible use existing responsive themes - responsive theme building tools exist for Drupal and other CMS systems.  These help save time and can be a more economic option for some applications.
  • Limit image size - where possible use smaller images to make the page faster loading and more easily adaptable to smaller devices.
  • Make efficient use of background images - often we use what is known as a "sprite", a collection of commonly used images that will download once and be store in the browser cache.  Depending on the complexity of the design this can dramatically improve page load time.
  • Compress CSS and JavaScript - Once the design is completed it can sometimes be beneficial to compress the CSS and JavaScript files to improve page load time.

Contact us for a no obligation review of your web graphics requirements.