Website Analysis – Reading Week Task

Carter Wong Design

What kind/type of website is it – Commercial/informative

Who is the website for, who is it directed at? Who might be using it – other design companies, graphic designers, brands.

Evaluate it in terms of its function and user group – what will they think of it? – The user will be expecting to see some sort of structured design, as the company are trying to promote themselves as a top design company. Theres clear segregation between the menu bar, the name of the company, and the more informative text and images. The use of a dark colour in grey to a lighter off white contrasts well and communicates well with the user.

Page size/length. Are these beneficial to the site or do they make it difficult? – If the window in shrunk or expanded, the display adapts, meaning the information is always in view and not bleeding off the screen. The images are always at optimum size as well which is good for the audience as its always in there attention.

How are images used? PMI but be specific about effectiveness and purpose – The images used are to promote the designers previous work, with attention to the most important brands. The images are arranged in a tiled format, which is in keeping with the straight lines of the rest of the design.

How is typography used? PMI being specific about:

  • Tone of voice of the type – The designer’s name is a in a bold sans serif font, with rounded points giving it a more welcoming, playful, and less formal feel. The word design below the designers name is all in lower case, which contrasts well with the all caps of the designers name, though in the same typeface. The typeface used in the for the menus and information is a serif font. This helps the reader easily read along a line and increases the readability. The audience would expect to to find the informative text in this type of font.
  • Choice of typefaces – are they effective for screen use? – I think they do work well on screen. They are easily read and the two typefaces complement each other well. The designers name is clear and is aligned in the same place on every page.
  • Bulk or lack of type – is it too much, too blocky, too small etc. Say HOW/WHY it works or does not work – There isn’t huge amount of text on any page. I think the designer has done this on purpose, to draw attention to the images. These images visually communicate to the audience, and I think the minimalist design shows off the designers work in the best light.

Pentagram

What kind/type of website is it – Commercial/ Informative

Who is the website for, who is it directed at? Who might be using it – Other design professionals, brands.

Evaluate it in terms of its function and user group – what will they think of it? professionalism. On the opening page, there is next to no text, and the design companies work is displayed in even blocks on the page. Interestingly, there is a variety of work on display, from books from matisse, implying artistry, along with packaging, to screen based design and print.

Page size/length. Are these beneficial to the site or do they make it difficult? – The width of the page is dynamic, meaning if i shrunk the screen the images and text would format down rather than across, so I don’t have to scroll right and down. The banner displaying the name of the company and the navigation menus always stay win the same place, however are condensed to icons and a “P” which signifies the brand. When I scroll down, meaning the user doesn’t need to scroll up to navigate to a new screen.

How are images used? PMI but be specific about effectiveness and purpose – The images on the front show off the design companies work. There is a mixture of work, showing the audience that the company are not restricted to one medium of design, that they are diverse and have worked with large brands in the past. Interestingly, on the “Partners” page, the images of the designers are all in black and white. Black and white photography has connotations of formality and has a historic element. Also, the designers may have there own companies outside of Pentagram it unifies the designers under the Pentagram brand.

How is typography used? PMI being specific about:

  • Tone of voice of the type – The pentagram brand uses a modern, serif typeface, with strong contrast between thick and thin strokes. This gives the audience a feeling of modernist design. In comparison, the body text which is also a sans serif typeface gives the audience the feeling that the text is informative, but gives the feeling of modern and not old and historic like a serif typeface might. The difference in point size also distinguishes the informative text from the brand name
  • Choice of typefaces – are they effective for screen use? – I think the typeface choices work well on screen. The Pentagram logo is clear and give the right ideologies of the brand, feeling modern. The backlit display also sharpens the serifs and makes the design look clean and crisp. In conjunction with the sans serif body text, which also work well on screen with the same connotations of the logo.
  • Bulk or lack of type – is it too much, too blocky, too small etc. Say HOW/WHY it works or does not work  – There isn’t a massive amount of text, which the designer has done purposely so it doesn’t distract from the images of their previous work. The text that is implemented is in a small box. The typeface used looks contemporary, like helvetica which is widely accepted in the industry as the most popular typeface. The most popular information is highlighted in red, in keeping with the brands ethos. I think they’ve used the colour red to evoke the feeling of passion, that they love what they do and love innovating.

What kind/type of website is it – Commercial/ showcasing their work to potential clients

Who is the website for, who is it directed at? Who might be using it – Potential customers, Brands, Graphic Designers.

Evaluate it in terms of its function and user group – what will they think of it? – I think the audience will think the design is sloppy. Although the main image is clear, the menu is far too small meaning its difficult to read and navigate. The white text is also lost in parts when on top of a white part of the background image. Also, for a design company I don’t think it shows off their potential as well as it could.

Page size/length. Are these beneficial to the site or do they make it difficult? – the page is fluid, meaning when the window is resized the design scales to fit. This is good as the audience is never distracted from the main images.

How is typography used? PMI being specific about: 

Tone of voice of the type – The typeface used in the design is a serif typeface, that gives a modernist feel to the design. The point size gives the design a minimalist and uncluttered feel, which may be good for the ethos of the brand, however the readability of the small sized typeface on a busy background is reduced.

Choice of typefaces – are they effective for screen use? – I think the typefaces used could be effective on screen, however the way they are used as previously mentioned means the reader may lose information due to the choice of background and point size.

Bulk or lack of type – is it too much, too blocky, too small etc. Say HOW/WHY it works or does not work – The text on some links of the site are very wordy, on a white background. This is wasted space that could be used to further promote the work they have previously done.

Spin – www.spin.co.uk

What kind/type of website is it – Commercial/informative

Who is the website for, who is it directed at? Who might be using it – other design companies, graphic designers, brands.

Evaluate it in terms of its function and user group – what will they think of it? – I think the audience will get a good first impression of the design company. Everything is clear and well laid out. I like the fact that the images are big and centre aligned, moving down the page. The menu is also interactive, and moves out from the side pushing the images over. The use of black i believe is to show power and dominance in the industry, whilst still feeling contemporary. The black background against the white text works well too.

Page size/length. Are these beneficial to the site or do they make it difficult? – The images scale proportionally, meaning that the audience always has sight of the purpose of the site, to showcase their work.

How are images used? PMI but be specific about effectiveness and purpose – I like how the images are tiled down the page. They are also big and clear, which shows off their quality. However, these large images mean that less is displayed, meaning the audience must scroll down to view more. Maybe if the images where tiled, the audience would see more and their first impression when opening the site might be more positive.

How is typography used? PMI being specific about:

  • Tone of voice of the type – The typeface used is a long, thin sans serif typeface. The typeface has contemporary connotations, adding a smart sleek feel to the design.
  • Choice of typefaces – are they effective for screen use? – The typeface choices are clear on screen, and suit the companies ethos and market.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s