3 Examples of Good Website Design

By | October 11, 2011

38 Degrees

38 Degrees is a centre for online political activism and a driver of grassroots democratic change.

38 Degrees

http://38degrees.org.uk/

What makes this a good design?

  • It is uncluttered and uses images and bold headings to allow the page to be scanned easily.
  • The use of colour and typefaces, as well as the diagonal lines, makes the site visually interesting in its simplicity.
  • Large bold logo that contrasts with much of the rest of the design; the relevance of the name and the diagonal of the logo is that this is the angle at which avalanches start
  • Clear explanation about the site and a call-to-action in a contrasting colour above the rest of the content
  • The most urgent campaign is given prominent focus and extensive explanation but the user is also presented with a selection of the other site content with ‘See All’ links and a number of calls-to-action to get to relevant content
  • If you view the Campaigns page, they have colour-coded the types of actions and given them different icons (green – communicate, red – campaign, blue – organise)

 

WordPress

WordPress is a blogging platform and CMS which users can download and deploy on their own servers. It’s what we’re using to manage our blogs.

WordPress.org

http://wordpress.org/

What makes this a good design?

  • Use of a single tab on the main navigation with background colour matching the main page background; it is an obvious visual cue about which page you are on
  • A selection of the content from throughout the is site presented clearly in the different sections of the page
  • Despite being quite compact there is a good use of whitespace; this gives the page balance and makes it easy to scan for relevant content
  • Call-to-action button in contrasting colour and shape; immediately below is a simple 3 step process and a list of some of the major brands which use the CMS which comforts the user and invites them to proceed
  • As you navigate other pages in the site you will find a large page title with no surrounding clutter making it easily identify which page you are on
  • The use of colours in the overall design is minimal and much of the site is in greyscale (functional and businesslike); as you navigate the site it becomes clear that the content is very much the focus

 

BluBolt

BluBolt is a web design and marketing company which specialises in eCommerce

BluBolt

http://blubolt.com/

What makes this a good design?

  • Large, bold and bright images make an instant impact on the user; description of the pictured content with contrasting call to action invites the user to click through and learn more
  • The serif typeface conveys both a sense that the company is professional and that it is easy going
  • The copy is clear and concise, at a glance it addresses concerns the user might have but it also encourages them to click through and learn more
  • As you click through the pages of the site the layout changes quite a lot but the bold blue header reinforces the brand identity on every page and the consistent colour scheme makes it feel part of a larger whole
  • In particular the filter system on the Our Work page is impressive, achieving memorable results with a relatively simple effect