Skip to main content

Information Architecture - Website Research

TOY FIGHT
Pros:
- I was drawn to this page because it specifically related to the artists and who they were. They placed themselves first and who they were / what they were about before you saw the work. I thought that was strong because it allows the viewer to feel like they know the two artists - not just seeing the work without really knowing who is behind it.


- Very creative - instead of photographs of to represent the artists, they decided to make little characters of themselves in a doll like form.

- The sight is very vibrant and has bright colors for each page

- They only have a few projects (which could be seen as a con) but only has the best of the best of their projects up

- Interactivity when you move mouse around - the image shifts slightly in response to the mouse

Cons:
- Because there is so much going on - if there is a slow internet connection the site can lag and does not look as great

- Patches of space - when you scroll down the next page should appear but there is sometimes a lag / space. so you have to scroll just a little bit more. It is not very seamless.


WADE JEFFREE
Pros:
- Instantly drawn in, it compels in several different ways. If staying on the home screen you can see his face that gets hit with a deflated basketball in a gif.

-The mouse is transferred into a circle - and underneath it gives some information that loops as well. On his about page is says, "All data is live and fed from Wade’s wristwatch, using an app created by Max Weisel." It displays his location, song he is listening to, his heartbeat, and his amount of unread emails under the mouse on the home screen, as well as his about page.

- There are only two links that you have to scroll all the way down on the home page to get to. This is pretty nice instead of having several links, he only needs two.

- Project page is very interesting and is not like a conventional normal portfolio site.

- Projects are sequenced so you have to hover over images to reveal them - you can click on any image and it will bring you to the project.

- If someone doesn't like navigating his work like this - he has a link on the bottom that you can click that has his work listed by date to navigate better.

- Overall very visually pleasing and breaks portfolio conventions without going to crazy on graphics that could lag the site.

Cons:
-The project sequencing could be seen as disorganized, but he remedied that by creating the index.

- I just really enjoy this site.


SAGMEISTER & WALSH
Pros:
- Breaks conventions of a regular portfolio

- Live feed of the office 24/7, you can see what they are working on all the time from the studio and the front desk. From this live feed you can click on the links to the specific parts of the page like about, news, press, etc. There is also the option to select those specific tabs on the bar across the bottom.

- Hovering over each project the title comes up, and follows your cursor around when you move it around the image.

- Colorful and projects are sequenced well

- Ampersand logo is in bottom right corner and pops up when you scroll, the whole site is black and white so when you scroll the & logo is responsive and changes to the contrasting color when you are scrolling.

-The about page has all of their photos that actually move if you watch it, and gives a background on all of the artists

Cons:
- Seems very crowded on some pages

- Type seems kind of weird, does not totally fit the design studio

- There are so many tabs and subtabs it seems difficult to navigate completely

Comments

Popular posts from this blog

Learning Summary #2

I started out wanting to make a miniature book based on microtypography. The more I learned about it, the more I realized that all the components that make microtypography are along the same lines of macro, or "normal" typography. I decided to move towards making an all around book on letter spacing and all of the different terms, or just a book about typographic terms. This is some of my research on Microtypography that I am going to incorporate into my new book. Microtypography is concerned with the more individual features of letterforms Macro-typography is all about how typography is arranged on a web page. Macro-typographical techniques can be achieved on CSS but we must also bear in mind that the Web itself is changing rapidly. Macro-typography is all about how paragraphs and groups of sentences are placed together and how they appear on a page. Microtypography has to do with the details; setting the right glyph, getting the appropriate kerning and tracking, and...

Project One: Week Three

Project One is a consecutive project that is due every week with the same rules. It is three pieces that are 11in x 17in. These three pieces (three produced each week) has to be based on one word that potentially has a lot of meanings. Week Three of Project One was due September 12. For this project, I wanted to do something that didn't involve the human body. These aren't my best, and I wish I would have done better than this, but there are always good and bad projects! It's a way of learning. For these I decided to stick with somewhat blurry pictures of book burning, because I wanted people to figure it out themselves. I also did this, because I feel like coming back to this topic again in a future project one, where I can actually spend more time on it. Here are my three 11in x 17in:

Type Critique: Kelsey Mack

Critique on Kelsey Mack's type project: Instantly the waves of type grabbed my attention. Some waves stay consistent throughout the piece, all forming the same waves through each line of type. Some of the words are changed to a different typeface, which some are very successful in pulling out information like the word Kremlin 's scale and bold typeface instantly draws my attention there. There are some issues with letter spacing, like the word "Kremlin" the r and e are very close together which i'm sure is because of the curve it sits on but kerning could have helped. Some of the shifted typefaces / scale of type overlaps other type, creating irregular spacing - i'm not sure if that is a right design decision because these hefty holes in the body feel erratic. Some work well though, the  "oh" covers up the text above nicely. Curvilinear lines aren't exact, for example the spiral on the bottom seems to have ridges in it, not a nice smooth curve ...