3 Examples of Good Website Design
By Jim | October 11, 2011
38 Degrees
38 Degrees is a centre for online political activism and a driver of grassroots democratic change.
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.
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
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
Leave Your Comment
You must be logged in to post a comment.



