10.12.08










MetalReview.com is not a site I'm terribly familiar with. It has a nice banner up at the top with tabs for navigation, and you can always get home, unless you log in, in which case when you click "home" it automatically redirects you to community. The navigation doesn't go away at the second or third levels. The links do not change once clicked on, except in a selected state in which case an orange tab appears around it. There is a nice lighter grey rollover state. You can always get back home, except when you have logged in, in which case, it makes you go to the community site. There is also a nice breadcrumb that lets you get back a few levels.
The site has pretty deep architecture. You can post to forums, read reviews, search content, and read different albums reviews sorted by artist or author of the review. The architecture is pretty close to flat, however, and it's easy to navigate from one place to another, though you might have to click a few levels in on each one to get to the specific thing you are searching for. The typographic hierarchy is pretty clear (typical bold/size/italics for prominent type), and the content, while in wide columns, is almost nicely spaced. It needs a little more leading, but not much. it would be nicer if it weren't white on dark grey, however, as my eyes kind of buzz a bit looking at it. One neat feature, however, is that you can change the text size. Ironically, this part is in a tiny tiny font.
The grid on the page is pretty constant from one page to the other. The imagery is minimal (reserved for the most part to album covers or profile pictures. The focal point is pretty obviously the center of the page, but imagery doesn't do much to enhance that. I am perfectly fine with the use of imagery, however, as the site is focused on music, and most imagery associated with metal is very silly, and this site manages to remain clean. Part of that has to do with the colors used, which are three shades of grey, white text and an orange selected state. The dark grey sits on a black background and exists in tables to separate content nicely. There is a black gutter between content. The colors were probably chosen because black is "br00tal" and the orange is vaguely reminiscent of hellfire. The objective of the site appears to be to be a community where metal fans can learn about and discuss their favorite music. You can search but not on every level of the site (which is kind of annoying- you have to click a link to go to the search window on some levels), and you can sort things pretty decently well. Overall, the site is pretty simple, which is, I think, very useful. It doesn't get in the way at all.







Thinkgeek.com has one main navigation system on the home page in the left column. The left column has different categories of products, and you get back home by clicking the ThinkGeek logo. The hierarchy behind the organization of hte left navigation isn't tremendously apparent, but my guess is that it's by best selling items. The navigation never disappears, and when you click on a category, the menu expands under that category and some subheaders appear. Navigation links don't change once clicked on, however, they just change based on whether you are there. Links within the page or on the breadcrumb trail that appears in the content turn purple once they have been visited. The navigation headlines turn white when selected, but the subheaders don't change when you're there. The way you can tell where you are in that case is based on a pretty large and obvious header on the page. You always know where you are because of that. The site doesn't have particularly deep architecture. There are a few levels- main, general category, sub category, product, you can click through user pictures and the like, and if you log in, you can accumulate "geek points" which can be redeemed with your purchases. The architecture isn't flat, but it's pretty easy to get from one place to another. The type is minimal, but pretty basic. The type for the product descriptions is a little dense, but the headers and links are clear, as are the navigation labels. More prominent type is bold, and sometimes it's bigger, though not always. The grid of the page is pretty much the same on each page, and the center content changes based on what portion of the site you are viewing. The iconography and imagery is pretty basic, and the logo repeats the element of a brain all over the page. The photography is meant to sell the products, and it does that quite well. I think there is enough imagery, but perhaps not enough space overall on the page. There's a lot of content to take in and a lot of grid. The main category pages do a better job of displaying the information in a non-cluttered way. The page's colors area also pretty unobtrusive- there are a few shades of grey, a gold color, and some white. The colors don't seem to have been chosen for any particular reason, other than to not interfere with the content too much. The greys are reserved for the banner and the navigation, as well as the space around the content. The content is separated by a gold line across the top of the page as well as some grey and black outlines around white content. The purpose of the site, to sell the product, is achieved, and they have a useful feature of recommended items, and items that other users who purchased that item also purchased. You can also search the site, which is neat. You can't get too specific, but you can search. You can also make a wishlist and click the home link that is above the face of an angry baby. The site, while not the most aesthetically appealing, is inoffensive to look at, and well constructed.

9.12.08







Squishable.com is a site that is mainly used for selling giant squishy round stuffed animals. The navigation on the front page is (SHOCKINGLY) a constant. Simple labels lead you to home, help, an about page, a gallery, and contact information for the company. They also have a content bar on the right hand side that includes a mailing list, a travel blog for Horace, the Nomadic Monkey (currently in Alaska), and a list of charities that squishable.com "digs" with links to their websites. The hierarchy leads the user to home first, which is to be expected as that is where everything is sold, but beyond that it doesn't make much sense. There's a help menu that ought to be labeled as FAQ, and "us" might be better labeled as "about," though us does lend a personal touch to the page. The main navigation never disappears, even at the second or third level. Once a link within the page has been clicked on, it turns a slightly darker green. There is, however, no selected state or rollover state for the main navigation. You can sort of tell where you are based on the headlines for the content, but the headlines don't match the labels on the navigation, so you have to actually use some modicum of logic (however slight) to match the header with the navigation label. You can, however, always get back home. The site does not have deep architecture at all, though you can log in to it, presumably to submit photos and to order. The typographic architecture is pretty self explanatory- like much other sites that have been reviewed, it's bigger and bolder where there is emphasis, etc. The body text needs a little leading and a touch of tracking though. The headers are also in the light blue of the navigation banner, which makes them recede into the background. The grid does, however, make sense, and the navigation is all on the top with main content on the bottom taking up the largest amount of space. It does not remain constant from one page to the next, but it is close. The focal point of the page is made obvious by its size and clarity, and uh, the fact that it's a photo. The sections of the page that change are related to product. The sections change in order to better display information about the product. The photography displays the product effectively, but the images aren't tremendously well done. The background of the page is also kind of irritating to look at. There is just enough of a difference between the colors for the contrast to be annoying. If the colors were closer, it might be less irritating. Also, and I didn't think of this earlier, but the logo is pretty damn ugly. The dot com portion of it is on top of the "squishable." But like, ugly. The squishable text touches the blue above it but just barely so you can't really tell if it's intentional or not. Ew. In terms of imagery, I don't particularly think that they got it wrong in either direction. There isn't too much or too little, and there aren't really any icons or symbols.
The page, with the exception of the absolutely hideous background with it's pale yellow and mustardy green, the site is light blue, medium blue, white, and a light green for the text that is repeated in the grass of the banner (where an unnecessary pig sits, not looking NEAR roly poly enough to actually be a spherical squishable). The light blue is used as border around portions of white to separate the content, and the other colors seem reserved for the banner. The colors were chosen because, well, they look like a landscape. The colors on this site are, frankly, kind of boring. The objective of the site is to sell squishy things, which it does, but I think only because the squishy things are so damn adorable (also by telling you that your cart is empty and sad). You can't search for anything, but you don't need to. The useful part of the site is the user gallery- you get to see the fuzzy guys in action and not just in administrator generated content. Verdict- silly squishy things do sell themselves, but the site is still kind of crap.

8.12.08








Alex Dukal's portfolio site is very pretty. The navigation is a simple bar across the top with a decent typeface and a very simple rollover state that becomes a selected state. The navigation labels are clear, and they lead you to different sections of his site– home, portfolio, blog, about, and contact. There is also a navigation system at the bottom, which, given the fact that you never really need to scroll to see the content, is a little unnecessary. The hierarchy is designed to get people to view work, and then view what Dukal is up to, which makes sense. There aren't really many levels to the site and the navigation is present throughout, unless you travel to the blog, which then just links you to Dukal's blogger. The selected state tells you where you are at all times, and you can always get back home (the blogger account, of course, links you there). The site most certainly does not have deep architecture. With the exception of the portfolio section, the architecture is totally flat. The typography is minimal, which is good, because when it's used, it's not terribly good. It's fine on the front page, normal pretty headers, the news section with good typographic hierarchy (bold and large for more important, etcetera, as per the other sites), but in the about section, the type is very flat, and a little crowded, even though there isn't much of it. The grid stays pretty similar from page to page, except on the main section of the portfolio. Most of the pages are on an open sketchbook spread, nicely tied into Dukal's career as an illustrator. It means that the focal point is always the art that is displayed on the spread. The place that this changes is in the portfolio section, where instead of one spread, you see many spreads with all the pictures. As the drawings and art are the main point of the site (Dukal is, after all, an illustrator), the sketchbook imagery is pretty great. The colors are mostly restricted to the artwork, with the exception of a small red selected state. The main part of the page is white with a little bit of texture in the background that saves it from being boring. The objective of the site is to showcase Dukal's art, and I think it achieves that well. The illustrations don't need to be any bigger than they are, and the site is pretty minimal, which is fine. I would change it so that the blog is not an external link and actually is on the page. The site does let you subscribe to RSS feeds for the site news, blog posts, flickr posts, and the portfolio updates. That's probably the most useful part. You can't search for anything, but you don't really need to.











Pixar's website is perfect. They have a single navigation system on their front page, and the rollover state is the selected state as well. The hierarchy is pretty clear– they want you to explore their work, feature films first (probably since they make the most money and had the most time invested in them), short films second, and then a bunch of process links. The navigation never disappears, and the selected state lets you know where you are at all times. You can also always navigate back home. The site doesn't have very deep architecture, and the look remains constant. You cannot get absolutely anywhere in one click, but it's pretty close.
The typography is pretty simple, and text on the site is minimal. The more prominent type is larger and bolder, and the subordinate is smaller and lighter. The grid is constant on all pages. The focal point is pretty clearly the center portion of the page. The images are located there, and are clear and gorgeous. It presents the work well, especially the "How we do it" section of the page, which uses a viewmaster MUCH MORE EFFECTIVELY than Bowhaus. There aren't really any icons or symbols. The page is mostly done in white and shades of grey, and the full color comes on the images. The white space on the page lets the images pop nicely. THe objective of the site is to showcase Pixar's work, and it does a nice job through gorgeous imagery, different kinds of media, and a wide variety of content. My favorite feature of the site is the "how we do it" section. They also have a neat section showcasing different artists.

This site is perfect. Nothing to improve.

7.12.08









Bowhaus Design Groupe, a Philadelphia based design firm, has a fairly dynamic web page. There is a banner with a main navigation system on the home page with drop up (they don't drop down) menus for each of the four categories. The drop up menus are kind of frustrating, as they're small and if you roll off of them they disappear completely. The hierarchy is pretty straightforward- the numbered main links are the most important, and the sub categories are secondary. Navigation doesn't disappear at any level, and you can tell it's navigation mainly because of the way that it is placed on the page. There are a few moments of text on the page in the content section that aren't actually clickable that look like they ought to be, which is frustrating. The clicked navigation links don't change, but you can tell where you are because the link for the section you are in gets highlighted, and if you're in a sub section, that gets highlighted too. You can always get back to the home page by clicking the Bowhaus logo.
The architecture is, again, not terribly deep. You can move around pretty easily from one place to another and there are maybe three or four levels. The architecture isn't totally flat, but it's pretty close. It might take, at most, two or three steps to get to exactly what you want. However, in the portfolio section that is slightly different. The slideshow option shows the user work for different clients, but it's super frustrating, since you can't click through the different images of the same project, you just kind of have to let them load. The images also have a back and forward arrow on the bottom right of the image, but instead of navigating you through images on the project, it takes you to the projects before and after it. The typography is pretty apparent in terms of hierarchy. Titles are bigger, text is smaller, etc. Navigation labels are, for the most part, clear, but as I mentioned before, the home page has some text that is extremely ambiguous about its clickability. The grid and structure of the site is pretty constant, and everything is visible at all times. There is no scrolling needed. The content changes from page to page, and the navigation bar shifts location, but the focal point is always pretty obvious- it's the content in the center, and on the main page, that is the navigation bar. The imagery and photography adds a retro kind of feel to the site, as do the colors, which are for the most part, fairly muted. The images are a lot of old advertisements from the fifties or so and some maps. There's also a neat retro touch with a view-o-matic as a way to view the slide show and the case studies. However, the links on the case studies don't actually take you anywhere else. YOu end up staying on the case study page and not viewing specific projects. The colors do separate content. The navigation bar is a different color than the background for the content, etc.
The objective of the site is to attract new clients and showcase work for the Bowhaus Design Groupe (which has a silly and useless e at the end of their name). You cannot search for anything, but you don't particularly need to. The site is also pretty straight forward. I would say that its relatively clear cut usability is the most useful part of the site.






Art in the Age of Mechanical Reproduction is a "community of free thinkers and artistic innovators" based in Philadelphia. The site has a wonderfully constant navigation bar on the top of the page (I seem to like a constant navigation system), and like pitchfork, last.fm, and a few other sites, has content sorted by category in a grid on the home page. The categories on the home page, however, are only a few of the categories in the top navigation, which makes you wonder why there aren't links to the artists or musicians in the content on the front page. Perhaps the age of mechanical reproduction has rendered the artist irrelevant (har har har). Once you go one level in on the site, for most categories you get a left column navigation. THe rollover highlight stays to show you where you are, and a header in the content tells you (in case it wasn't obvious). This works for all of the categories except for "Shop Online." I'm not sure if that's intentional or just an accident. There isn't any obvious hierarchy, though "Shop Online" is the first button in the row. The links don't change once they've been clicked on, and the way to get back home is to click on the main banner at the top. The site's architecture isn't too deep– in the store section you can go from store to categories in the store to products in the categories, but that's about as deep as it goes. The look doesn't ever change substantially. Like with Pitchfork, TMT, and ReFormSchool, the architecture isn't flat, but it's not far off. It only takes a few clicks to get from one place to another. Unfortunately, a few of the pages seem to be broken, and I'm not sure that the site is really up and running yet.
The typographic hierarchy is pretty apparent. There is one main font for the headlines and the main banner, and the clickable text is all the same blue. The size changes based on whether there ought to be more or less emphasis placed on the text, and navigation labels are clear, even if they don't always work. The structure of the page stays pretty similar. The main page has the top banner and three columns of content, and then the second and third level pages have a left hand navigation with center content and our constant banner. Now if only more of the links in the left hand navigation worked.... even the mailing list link is broken on most pages. Which, I would guess, is probably bad for business, especially since there is a contest with free giveaways for those who subscribe to the mailing list.
The focal point of each page is not the individual product, the individual musician or artist, but rather the over-arching concept of each category. You get this impression because well, there's a big fat picture devoted to that. The imagery is definitely pretty, and actually not over done, I don't think. There is a weird funky symbol up top that is a compass/forceps over an eye on top of a gear, but I guess that's just their logo. Otherwise, the photos are all pretty relevant, and the colors are minimal. Only three colors are really ever on a page– grey, blue, and this kind of tan beigey color. The content is more separated by lines and general placement than by color.
The overall purpose of the site is to promote the artists and musicians involved and to sell stuff that those artists and musicians make. You can't ever really search for anything. The most useful part of this site is probably the blog, which keeps you up to date on happenings in and around Philadelphia that have to do with art, or, specifically, Art in the Age.









ReForm School is a site that sells high priced artist items. The navigation is, yet again, constant. There is very pretty left hand navigation with adorable (yes, adorable) doodled rollovers. The whole site is structured to look like doodles in a notebook at class, with the left navigation looking like schedules and report cards. The top of the page has a cart and a log in link at the bottom of a student id. The items for sale are at the top of the left navigation, and the information about the artists, site, staff, etc. are at the bottom. The navigation does not go away at any level, and if you click on an item within a category, you can navigate back to the category of your search items. You can tell exactly where you are on the site because there is an adorable doodle for the selected state. You can ALWAYS get back home (the top thing that says ReForm School takes you there). The site doesn't have deep architecture, as the navigation that is always present only has about three or four levels total. The architecture is flat, which is great for this, as the main purpose is that you can jump from shopping category to shopping category.
The typography is pretty obviously hierarchical (bold caps for headlines, lighter serifs for other things beyond that, title of the page in big serifed letters). Navigation labels are crystal clear, and the grid stays constant from page to page, and the content shifts a bit. On any page, the focal point is whatever content is in the center. It's illustrated by the product images or the illustrations that go with the content in the center. The doodles and the images add to the literal idea of the "school" portion of "reform school." All of the doodled rollovers have something to do with the subject as well. I think the amount of imagery is great, as it reinforces the idea of it being a note book. The colors are minimal and all working in terms of context on the page. The colors seem to have been chosen simply because they came with the scanned in images, but it works. You cannot search the site, but you don't really need to. The labels are clear and interesting (they're labeled as different school subjects with subheaders saying what the product is). The objective of the site is definitely to sell the product, and it does that by laying it out in a clear manner. It appeals to the artistic sensibilities of the people that are likely to be buying from the site. The most useful thing for me is actually the very simple navigation . There's nothing particularly confusing about anything on the site at all. It is well laid out and easy to use.



Not as overtly snobby as Pitchfork, Tiny Mix Tapes is another music review site on the web that caters to the indie music crowd. The navigation is also extremely simple, with no rollovers, no selected states, and really only one level of navigation. There is a main navigation bar along the top of the center content that points you to the different sections of the site. The most recent music reviews are available in the left hand navigation, and the left is film, and if you scroll down, you can get to mix tapes in the left, and news on the right, which has its own secondary navigation that sorts news into a few catgories. They seem to primarily be about the reviews, as the review header appears high up on the page, and you can figure out where you are on the site based on a sub header that appears just above the content in the center. You can always get back to the home page, but you have to click just the name of the site. I am not a huge fan of the location of the news or mix tapes sub header, bcause you have to scroll down pretty far to see them. The site has pretty shallow architecture, much like Pitchfork, and you have basically three categories of page; main, sub category, and article. You can, however, access most sites on the page. There is also a pretty nifty search feature, even if you can't refine it by category.
The typography is pretty clear cut. THe bold, large type is the headline, anything not black can be clicked, and size differs between headers and content. The labels are pretty clear as well. The structure is a pretty constant grid, and the only thing that changes is the content in the center from page to page (as well as the advertisements, I suppose, but they don't actually change position). There aren't many icons, and the pictures are all pretty relevant to the content. The colors are yellow, blue, and an ambiguously orange/red. There is also a tan that is on the left and right, white on the center content background, and an olive green for the background. The main content is also bordered in black. The colors aren't particularly purposeful, but they do create a more dynamic feeling to the site.
The main objective of the site is to provide information about new music and movies. However, there is an interesting other section where users known as robots create mix tapes lists for submitted mix tape requests. There's nothing terribly confusing about the site, but I would like a highlighted state or two.

5.12.08





Pitchfork, the notoriously snobby music review site, has one main navigation system on the top left that is consistent on every page. The home page has a number of sub categories gridded out on the front page with links to articles in each relevant category. The most recent articles in the news and reviews sections are given priority that is marked by the typography (recent articles are bolder and up at the top of the page). Navigation labels are clear, however, with the exception of the home page. Once you have navigated away from the home page, however, there is no clear label of "home" to navigate back to, and you have to click on the "pitchfork" logo. The hierarchy was probably designed in order to get the user to click on the most recent reviews or news stories. The left navigation remains constant no matter what level you are in on the site, and the highlighted state remains black to indicate what page you are on. The site has pretty shallow architecture- the template is more or less the same on each site. The deepest it goes is from home to the main category to an article in the category. You can't access ANY article within the site at any time, but you can get there pretty quickly. There is also a search feature to help you find past articles, which is pretty useful if you're looking for a specific review.
I'm not a huge fan of the type on most of the site. There's a basic hierarchy apparent in the content where headers are in bold caps, recent articles are in bold large type, and the the other headlines from the day are in small type at the bottom of the page. My two criticisms on type are that the main navigation type is absolutely tiny (9 points?) and that the other headlines that are in the "today's other headlines" section are pretty tiny. The thing that saves the tiny type is that there's rollover on it, so you can tell it's clickable. However, it's smaller than the main body type in the articles (which could use just a touch more leading), which leads you to think that it's not actually clickable.
The colors on the page are grey, blue, and orange. There's no particular reason to it, as far as I can tell, but they separate the content nicely. The navigation bars on the sides are both blue, and the article is white. The minimal colors work pretty well since there are some fairly brightly colored (nasty eighties fashion is in with the hipsters, so eyesores are the best way to sell things to them apparently) advertisements on the top and sides of the page. The images are used effectively within the content though, and images are generally reserved for articles, and are all relevant to the articles. The only icons are the arrows next to the main navigation. The structure of the pages stays pretty consistent, with the left navigation and the white center with content. The focal point is generally indicated by the photographs and typography.
So, the purpose of the site is arguably to validate the opinions of hipsters everywhere. Beyond that, the objective is to allow hipsters (and I guess some normal people?) to access articles about music and other media and to learn about new artists. The search tool is my favorite, as it allows you to search for past articles and reviews about certain artist, and you can refine your search based on films, features, news, and albums. In order to improve the site, I would remove some of the advertisements that clutter up the page, but at the very least, Pitchfork has structured them to be within the tables of the page.






The Watchmen movie website opens with a strong design choice- drops of blood in a flash animation onto a yellow background, a moving replica of the comic book cover. This splash page waits for the trailer of the movie to load, but thankfully allows you to skip past the trailer once it has loaded onto the page. Once on the page you are faced with two navigation systems; there is one bar along the bottom of the flash animated background of the characters, and the user chooses a character name. The user can also click a pocket watch that opens, cogs spilling out around a navigation that points you to categories, like downloads, or "about," that don't sort based on character. If you click on the character, the watch navigation disappears, and the character's name is highlighted. There is also a rollover on the text. You know where you are in the site based on the selected state. Once you have entered a character section, the way you get back to the home page is by x-ing out with a close button. While it's not completely obvious, it does mean that there is always a way for the user to get back home. The architecture of the page is not very deep at all, however, as the main purpose, promoting the movie "the watchmen" is pretty easily achieved in very few levels of architecture. The architecture is not completely flat (you can't get to the navigation in the pocket watch from the character profiles), but it takes pretty few steps to get from one place to the other.
There isn't much typography on the page, so in terms of hierarchy, it doesn't take much to indicate what is a header and what is a subheader. The changes are based in size and color, but you really only see it in the pocket watch navigation or as headers for icons.
The constant on the page is a yellow bar that says "The Watchmen" that has a countdown to the movie release. On the character pages, that stays below the main content, but on pages that you access via pocketwatch, the bar shifts above the content. The pages change base on what is selected though- each character has their own background, and the environment shifts and fades into it. The focal point is the feel of the movie, which is what all of the imagery tries to capture. There are really no icons used anywhere, just photos. The colors are pretty much dark, with a neat noir lighting. The images and colors were definitely chosen to recreate the feel of the comic book. The yellow is pretty much always used for navigation, and the placement mimics the yellow bar on the cover of the graphic novel. You can't search for anything, but you don't really need to. Everything is pretty clearly laid out and clean, and the images definitely recreate the environment of the movie. There is, however, nothing terribly useful about the site. You can get promotional downloads and you can watch the trailer. You can read about almost all of the characters (they've been adding characters slowly, and only the link for the Silk Spectre is still not working), you can read about the movie, and that's pretty much all it seeks to do.

6.10.08

Last.fm

Last.fm is a social networking site that centers on music; you can create a profile that updates based on the music you listen to in your iTunes. It keeps charts tracking your listening habits, allows you to make friends, see "neighbors," people whose listening habits match yours, recommends artists, and creates a radio station based on your top artists.

The home page has a top navigation bar, linked body text, four categories with subheader links, and at the bottom, a very basic set of links that can help you navigate nearly anywhere on the site. The organization is clear and simple, and the site's purpose as a social networking site is also clear. The first links on the site link you to either an artist, or the people listening to that artist. The top and bottom navigation continue on each page, including second and third level navigation pages.
Navigational links appear in different colors or in diferent boxes or in different type. You don't always know where you are in the site in terms of hierarchy, but all of the sections are clearly labeled, and you can always navigate elsewhere. The link doesn't change once clicked on, but on the third tier navigation, there are tabs on the left hand side that indicate where you are. You are absolutely never at a point where you cannot get back to the home page, or, if you log in, to your profie. The site has deep architecture, as you can access different pages based on whether you have a profile or not.

My only complaint about th typography of the site is the links on the front page. The links are the black text, while the plain text is red. Even though the black text has a rollover that underlines it, it's still counterintuitive, and you try to click on the red before. Basic techniques of size, color, and weight are used to make links more prominent/suboordinate. Navigational labels are clear, as they are to the side or to the top of each page, sometimes both. The grid from one page to another changes, however. The grid remains constant on the types of pages, like artist pages, perosnal profiles, or the second tier pages for "Videos" or "Events." Within the categories, however, the grid is very consistent. There aren't really any parts of the page that are the same category but differ from each other, and each page has a focal point that is an image near the top. The images are usually used to identify artists and user profiles. They mainly add to the color of the site, and make it very visual and dynamic, and are pretty logical. Icons are used sparingly, but make sense when used (like the calendar icon), and are very literal. The color palette is pretty exclusively red and white, with a few shades of light grey. Red is generally used for the top navigation bar and a few of the links, as well as some text in navigation bars that show up. The greys and whites seem to dominate the main page, separating content by creating boxes. The colors were likely chosen because they are clean and inoffensive, and red is eyecatching. The Last.fm logo is done in red and white.
The objective of the site is to be a social networking site that centers around music. Users can send messages, look at pages of different musicians, and as of a few months ago, can buy a membership that allows them to listen to all songs unlimited times on the website's artist pages. Non-paying members can only listen to a certain song three times before they have to pay. You can search for music and other members, and similar artists to the ones you like. There is very little that is confusing about the site- it is cleanly laid out, and very user-friendly. The only thing I would change is the home page. I think the design, particuarly the typography, is lacking. The large white space at the top is not ideal.