XII. Grafton Architects http://www.graftonarchitects.ie/
Navigation:
The complexity of the company already shown on the home page with numbers of categories and most updated news. On the top banner there are list of all categories, which stay at the same location throughout the whole navigation experience. The hierarchy is shown clearly on the site. Below the top banner, there is a list of text to show where the current page located and which categories have been selected to get to the current page. The simplicity of the website allows people to navigate back and forth between pages. It is really user friendly.
Architecture:
The website is very organized, consistent, and structured, which give people good impression. By looking at the number of the categories, people already know the complexity of the company. As an architecture website, the “project” does not seem as a main category in this website. From the primary categories, people can clearly understand the purpose of the website, which is to illustrate the experience and the potential of the firm. Through the whole navigation experience there is no additional navigation.
Content / Typography:
A very straight forward website, what you see is what you get. There is nothing to distract or to confuse people during navigation. The typography is simple yet with certain complexity. The top banner is always the category and left banner is always images and right banner is always information. Everything stay with the same system just adjust according to the amount of space that is needed. On the home page, the news text is shown with coherent amount with clear images to illustrate the story. Each page has very subtle change, which are relevant and make the site more interesting.
Grid / Structure:
The consistent grid system and structure allows people to navigate around and understand the philosophy and approach of the company easily. The consistency also gives good impression. Although the clean and comprehensible of the site loses some excitement and weaken the interaction with people, the projects are interesting and show with big images for people to engage with the space. After all, the purpose of the website is to promote an architecture firm with 3D visual effect and good amount of description per project.
Iconography / Imagery:
There is no image icon only text icon, which clarify the function. The selected category will highlight with darker color from the original grey font. Beside the iconography, imagery is another key element for architecture firm’s website. Overall the site is really good with visual elements. Most of the images are display with quality and with decent size. There are only few images that I wish they can be bigger because the amount of information that is included in the image does not show clear with the provided size. The image is too rich for the size of the image. Overall the website is really strong and clear to emphasis the service and experience the company had.
Color Palette:
The company name is in red, which is the only colored font. All other texts are in grey or black depend on the page and function. The background is in a contrast color, white. Although the background is in white, it does not distract people to read the category the website provide. The grey is just in a decent grey that does not get lost in the white background or unreadable. No matter what the key still in image for the architecture firm. Most images are with very subtle color rendering; however, that does not get lost in the background as well. They show the character of the company.
Site Focus:
The purpose is obvious as promoting an architecture firm’s design and philosophy. The most important is having the updated news on the home page so even for people who does not have patient can also know what is the most recent project or news of the firm. The clear organization and structure enhance the firm and allow people to navigate around and understand the firm without any distraction.
Saturday, March 14, 2009
XI. Sanjeev Shankar
XI. Sanjeev Shankar http://www.sanjeevshankar.com/
Navigation:
The website is very straight forward. What you see is what you get! Unlike other website that people have to navigate around to understand the structure. The overall website has 5 different clickable categories; however, the center image of the home page is also clickable. The center image leads people to the most recent project. This is a really good strategy to keep people to revisit the website. Once people visit the website, they can just click on the center image on the home page to know what the most updated project is. Obvious there are hierarchy in the website; however, it does not show clearly with designed layout. Most of the sub-category list is not clear defined with different color, different font, etc. The website is to promote Mr. Shankar’s art work. The way the project divided into different category is really bright. Projects are either “studio work” or “professional work”. Also “research” is another interesting category. People are able to know where the artiest get his inspirations. There is no confusion and people can go back and forth between pages and all the category options are always list on the top banner. Overall the website is really easy to navigate around, but the graphic is really weak. The stronger graphic of the website is a plus to the artiest.
Architecture:
The structure of the website illustrates the clarity of the artist’s thought as clear and straight forward. From the design and the structure of the website, people know that the website is just focusing on artiest, himself and his work. By looking at his “professional work”, people are willing to notice the potential of artiest. The permanent menu banner and non additional navigator allow people to swatch navigation anytime and the consistent layout keep people orientated.
Content / Typography:
By looking at the typography, people will know that the artiest probably spend most of time on the art work. The content of the website is clear shown; however, the lack of the design makes it not as interesting as other website. If the image is the focus, it should be bigger. If the text is the focus, it should layout in a way that allows people to read then easier. The font on the site maybe is not the best choice. Since this is the artist website, the visual effect is really important especially the home page as how it would catch people with their first glance.
Grid / Structure:
Some pages are with consistent grid system but not all. The inconsistent structure will weaken the website and lose people from navigate around. The main menu always located at the same upper banner and the list of the sub-categories is below and the content covers the rest of the page throughout most of the exploring experience. The only issue is the most of the information pages, “research”, “about” and “contact”. All the text is line up on the very left edge of the page, which is a little distracting.
Iconography / Imagery:
There is not a lot of iconography at this simple website. Because of the purpose of the website is to promote an artist’s work; the quality of images are the key. After click into either “studio work” or “professional work”, the page show a list of the sample image of each project. By click on each sample image, people will allow to see more image of the same project with information. All the images are displayed with decent size that allows people to have clear understanding of the project. Beside the images, there is not much to say about the website because of its simplicity. The major thing that I would change is the font. It shows that the designer did not put lot thought into it, which shouldn’t be. The font type or size or color will affect the overall design of the website and the quality of it.
Color Palette:
The contrast between the background, the font color and images emphasis the purpose of the website. The black background does not just stress the text but also all the images, which is the key of the website. Overall color palette works really well for most part of the website. Only the text dominated page does not work as well as images page. Not just as what I said earlier that all the texts are align to the left edge then cross the whole width of the page is not attracting. The colors between the different headings are not much different. If the text can align to the center of the page as how the images are place on the other page, graphically the website will already improve a lot. Also the text color and size should have identified different and enough spacing between lines, which will allow people to read the context easier.
Site Focus:
The main purpose of the website is to promote an artist’s work, which is shown obviously with good quality of images. The simplicity of the website allows people to navigate around easily; however, it might lose people’s interest. The publicity and the background and the experience of the artist are illustrated really precisely and evidently, which might attract some potential clients. The only thing that needs to be considered is the graphic of the website.
Navigation:
The website is very straight forward. What you see is what you get! Unlike other website that people have to navigate around to understand the structure. The overall website has 5 different clickable categories; however, the center image of the home page is also clickable. The center image leads people to the most recent project. This is a really good strategy to keep people to revisit the website. Once people visit the website, they can just click on the center image on the home page to know what the most updated project is. Obvious there are hierarchy in the website; however, it does not show clearly with designed layout. Most of the sub-category list is not clear defined with different color, different font, etc. The website is to promote Mr. Shankar’s art work. The way the project divided into different category is really bright. Projects are either “studio work” or “professional work”. Also “research” is another interesting category. People are able to know where the artiest get his inspirations. There is no confusion and people can go back and forth between pages and all the category options are always list on the top banner. Overall the website is really easy to navigate around, but the graphic is really weak. The stronger graphic of the website is a plus to the artiest.
Architecture:
The structure of the website illustrates the clarity of the artist’s thought as clear and straight forward. From the design and the structure of the website, people know that the website is just focusing on artiest, himself and his work. By looking at his “professional work”, people are willing to notice the potential of artiest. The permanent menu banner and non additional navigator allow people to swatch navigation anytime and the consistent layout keep people orientated.
Content / Typography:
By looking at the typography, people will know that the artiest probably spend most of time on the art work. The content of the website is clear shown; however, the lack of the design makes it not as interesting as other website. If the image is the focus, it should be bigger. If the text is the focus, it should layout in a way that allows people to read then easier. The font on the site maybe is not the best choice. Since this is the artist website, the visual effect is really important especially the home page as how it would catch people with their first glance.
Grid / Structure:
Some pages are with consistent grid system but not all. The inconsistent structure will weaken the website and lose people from navigate around. The main menu always located at the same upper banner and the list of the sub-categories is below and the content covers the rest of the page throughout most of the exploring experience. The only issue is the most of the information pages, “research”, “about” and “contact”. All the text is line up on the very left edge of the page, which is a little distracting.
Iconography / Imagery:
There is not a lot of iconography at this simple website. Because of the purpose of the website is to promote an artist’s work; the quality of images are the key. After click into either “studio work” or “professional work”, the page show a list of the sample image of each project. By click on each sample image, people will allow to see more image of the same project with information. All the images are displayed with decent size that allows people to have clear understanding of the project. Beside the images, there is not much to say about the website because of its simplicity. The major thing that I would change is the font. It shows that the designer did not put lot thought into it, which shouldn’t be. The font type or size or color will affect the overall design of the website and the quality of it.
Color Palette:
The contrast between the background, the font color and images emphasis the purpose of the website. The black background does not just stress the text but also all the images, which is the key of the website. Overall color palette works really well for most part of the website. Only the text dominated page does not work as well as images page. Not just as what I said earlier that all the texts are align to the left edge then cross the whole width of the page is not attracting. The colors between the different headings are not much different. If the text can align to the center of the page as how the images are place on the other page, graphically the website will already improve a lot. Also the text color and size should have identified different and enough spacing between lines, which will allow people to read the context easier.
Site Focus:
The main purpose of the website is to promote an artist’s work, which is shown obviously with good quality of images. The simplicity of the website allows people to navigate around easily; however, it might lose people’s interest. The publicity and the background and the experience of the artist are illustrated really precisely and evidently, which might attract some potential clients. The only thing that needs to be considered is the graphic of the website.
Sunday, February 22, 2009
X. STUDIOS architecture
X. STUDIOS architecture
http://www.studiosarchitecture.com/
Navigation:
A different intro page will allow people to remember. The intro page already shows the complexity of the company by list out all the location of the firm. On the home page, there are 3 different major categories and each sub-category is show with the drop down menu. The hierarchy is show in a really interesting way. The selected category and sub-category is identifying by bolding and darker the font, highlight with lighter grayscale and moving toward right on the top banner. The main menu banner stays at the same location, which allows people to switch around anytime. Overall the website is really using friendly.
Architecture:
The STUDIOS’s website is very organized, consistent, and well structured. At the first glance, people would not know the complexity of the company. “Project” category is the key to understand the structure, experience, and complexity of the company. There is no additional navigation unless people choose to have the whole link on an additional navigator when launch the intro page. There are options for people to choose on the intro page, which is really thoughtful. All the options are listed throughout navigation, which is a good way of organizing and promoting the services the company offer. There is “search” function on the top banner; however, the result is focus on the firm and without additional navigator.
Content / Typography:
What you see is what you get! There is no surprise to distract or confuse people during navigation. The typography is simple with certain complexity that adjusts according to the information that is shown. The heading is always located at the top banner and is the key of the whole website that guide people around the site. The body of the site is always images or content. On the home page, the body is a decent size image, which shows the character of the company and also gives some texture to the site. Every subtle change on the site seems really relevant and makes the site the website more interesting.
Grid / Structure:
The consistent structure of the website gives good impression because people can follow the working process of the firm and understand projects then search for what they need. The main menu stays at the same upper banner and the content stays around the same grid system throughout the whole exploring. Although the clean and comprehensible of the site loses some excitement and weaken the interaction with people, the projects are interesting and show with big images for people to engage with the space. After all, the purpose of the website is to promote an architecture firm with 3D visual effect and good amount of description per project.
Iconography / Imagery:
All icons are really clear with its function especially when there is description shown as a roll over. However, they are a little too small. Beside the iconography, imagery is another key element for architecture firm’s website. All images are use wisely and display with quality and good size. Overall the site is really good with visual elements. The only thing that is not shown clear is the description of project. The font color of description is light grey on white background, which is hard to read. Also on this website, people cannot use “back” function on the menu because that will bring people all the way before enter the STUDIOS’ website. In order to get back to previous search is by click on the squeezed top banner. That is inconvenience for people when they accidently press “back” then forget how to get back to the original search.
Color Palette:
Majority color of the website is in grey scale, which gives a professional impression. The only colored elements are images, which enhance the idea for visual dominated field, architecture. The grey scale is use really wise. All the contrast is well controlled nothing really confusing or unreadable beside the project description. Overall the website is really well constructed; however, if the project list can show with sample images instead of text that will enhance the website visually.
Site Focus:
The focus of the website is noticeable. It is promoting an architecture firm’s design and philosophy as the major purpose. The strongest part of this website is its organization and structure, which allow people to navigate around to understand specialty of the firm.
http://www.studiosarchitecture.com/
Navigation:
A different intro page will allow people to remember. The intro page already shows the complexity of the company by list out all the location of the firm. On the home page, there are 3 different major categories and each sub-category is show with the drop down menu. The hierarchy is show in a really interesting way. The selected category and sub-category is identifying by bolding and darker the font, highlight with lighter grayscale and moving toward right on the top banner. The main menu banner stays at the same location, which allows people to switch around anytime. Overall the website is really using friendly.
Architecture:
The STUDIOS’s website is very organized, consistent, and well structured. At the first glance, people would not know the complexity of the company. “Project” category is the key to understand the structure, experience, and complexity of the company. There is no additional navigation unless people choose to have the whole link on an additional navigator when launch the intro page. There are options for people to choose on the intro page, which is really thoughtful. All the options are listed throughout navigation, which is a good way of organizing and promoting the services the company offer. There is “search” function on the top banner; however, the result is focus on the firm and without additional navigator.
Content / Typography:
What you see is what you get! There is no surprise to distract or confuse people during navigation. The typography is simple with certain complexity that adjusts according to the information that is shown. The heading is always located at the top banner and is the key of the whole website that guide people around the site. The body of the site is always images or content. On the home page, the body is a decent size image, which shows the character of the company and also gives some texture to the site. Every subtle change on the site seems really relevant and makes the site the website more interesting.
Grid / Structure:
The consistent structure of the website gives good impression because people can follow the working process of the firm and understand projects then search for what they need. The main menu stays at the same upper banner and the content stays around the same grid system throughout the whole exploring. Although the clean and comprehensible of the site loses some excitement and weaken the interaction with people, the projects are interesting and show with big images for people to engage with the space. After all, the purpose of the website is to promote an architecture firm with 3D visual effect and good amount of description per project.
Iconography / Imagery:
All icons are really clear with its function especially when there is description shown as a roll over. However, they are a little too small. Beside the iconography, imagery is another key element for architecture firm’s website. All images are use wisely and display with quality and good size. Overall the site is really good with visual elements. The only thing that is not shown clear is the description of project. The font color of description is light grey on white background, which is hard to read. Also on this website, people cannot use “back” function on the menu because that will bring people all the way before enter the STUDIOS’ website. In order to get back to previous search is by click on the squeezed top banner. That is inconvenience for people when they accidently press “back” then forget how to get back to the original search.
Color Palette:
Majority color of the website is in grey scale, which gives a professional impression. The only colored elements are images, which enhance the idea for visual dominated field, architecture. The grey scale is use really wise. All the contrast is well controlled nothing really confusing or unreadable beside the project description. Overall the website is really well constructed; however, if the project list can show with sample images instead of text that will enhance the website visually.
Site Focus:
The focus of the website is noticeable. It is promoting an architecture firm’s design and philosophy as the major purpose. The strongest part of this website is its organization and structure, which allow people to navigate around to understand specialty of the firm.
Saturday, February 21, 2009
IX. LESSER Architecture
IX. LESSER Architecture
http://www.leeser.com/
Navigation:
“Where should I click” is the first reaction to the main page. Everything seems like clickable; however, they are NOT. The website is not hard to navigate around once people know where can be clicked. Overall the website only have main categories, news, contact, about and products. This is another really different architecture website layout that I had seen so far. There is no clear hierarchy in the website. Because the website is to promote “architecture”; therefore, maybe the highlight should under “project”. “Project” category is list on the bottom of all other selection; give insignificant impression. The website does not have additional navigation and there is not point to have one. Overall the website is really organized within its only graphic design. The “blurry” effect the website creates when switch between category. It is interesting, but do not see the point. It actually make people’s eye hurt and create dizziness and confusion. Not just that the “home” navigation does not exist in this website; the logo is not clickable. When a website does not have “home” category, usually the logo functions as “home” link. In this website “news” is the only way to go back to original page.
Architecture:
The structure and orientation of the website illustrate the creative of the firm as how they are willing to change. From the way the website is structure, people know that the company is not too complicated, but it is well experienced in different type of architecture. In some sense, the website is really straight forward, what you see is what you get. The permanent menu banner allows people to swatch navigation anytime and the consistent layout keep people orientated. There is no additional navigator. There only have small pop out window to show selected project with extra images and project information.
Content / Typography:
The extraordinary typography when compare to other website give people good impression about the company; however, the amount of the detail that is shown on the home page is somehow overwhelming especially when none of the element is clickable. For the field that heavily focusing on creativity and visual effect, this website is really successful in that perspective.
Grid / Structure:
Consistent grid system keeps people on site that is a really good strategy. However, if the website have more information or offer than it look that will be much better. The main menu always located at the same upper right corner and the content covers the rest of the page throughout the whole exploring experience. The clean and comprehensible of the website might lose excitement and weaken the interaction with people; however, the layout and the small pop out of individual project solve the potential issue. Overall the website is really success in emphasis its purpose, promoting an architecture firm by giving clear images for people to understand firm’s style and experience and what the firm capable of.
Iconography / Imagery:
The website is really simple; therefore, there is not a lot of iconography. Seem this is an architecture firm’s website so there is a lot of imagery to help potential client to understand the company and project. Overall the quality of the icon and imagery are too small to the proportion of the page especially when specific project is selected. People will expect to see big image. I believe big image can impress people to create good impression. The icon for people to click to go to next image is not clear. Why cannot people move on to next image by click on the current image? Most odd effect the website has is that when click on the image will actually close the window, which is really not helpful. People won’t know there are more images for the specific project, which mean people will lose their chance to understand the project.
Color Palette:
The pure white background with bright red text is an interesting combination. However, the read is not a perfect color for people to read unless there are a lot of spaces between line; otherwise, the contrast color creates vibration between line. There are a lot of different shades of red; however, the website didn’t take that as a consideration. The whole main menu bar keeps the same shade of red. There is only font size change between the selected category and not selected category. That is not the worst. The worst is the swap image for the categories. The change is really subtle, the font only change to bold and not obvious. Beside the top banner, everything else is acceptable. One more suggestion for the “project” category is that if the viewed project could have different color then its original color, people will able to know what have not been visited.
Site Focus:
The major purpose of the website, promoting the architecture firm, is shown obviously. The simplicity of the website allows people to navigate around easily. On the same time, understand the philosophy and the approach of the company. The publicity and the background and the task of the company are illustrated really precisely and evidently, which might attract some potential clients. There are only few miner graphic of the website should be considered; otherwise, overall is really consistent and well structured.
http://www.leeser.com/
Navigation:
“Where should I click” is the first reaction to the main page. Everything seems like clickable; however, they are NOT. The website is not hard to navigate around once people know where can be clicked. Overall the website only have main categories, news, contact, about and products. This is another really different architecture website layout that I had seen so far. There is no clear hierarchy in the website. Because the website is to promote “architecture”; therefore, maybe the highlight should under “project”. “Project” category is list on the bottom of all other selection; give insignificant impression. The website does not have additional navigation and there is not point to have one. Overall the website is really organized within its only graphic design. The “blurry” effect the website creates when switch between category. It is interesting, but do not see the point. It actually make people’s eye hurt and create dizziness and confusion. Not just that the “home” navigation does not exist in this website; the logo is not clickable. When a website does not have “home” category, usually the logo functions as “home” link. In this website “news” is the only way to go back to original page.
Architecture:
The structure and orientation of the website illustrate the creative of the firm as how they are willing to change. From the way the website is structure, people know that the company is not too complicated, but it is well experienced in different type of architecture. In some sense, the website is really straight forward, what you see is what you get. The permanent menu banner allows people to swatch navigation anytime and the consistent layout keep people orientated. There is no additional navigator. There only have small pop out window to show selected project with extra images and project information.
Content / Typography:
The extraordinary typography when compare to other website give people good impression about the company; however, the amount of the detail that is shown on the home page is somehow overwhelming especially when none of the element is clickable. For the field that heavily focusing on creativity and visual effect, this website is really successful in that perspective.
Grid / Structure:
Consistent grid system keeps people on site that is a really good strategy. However, if the website have more information or offer than it look that will be much better. The main menu always located at the same upper right corner and the content covers the rest of the page throughout the whole exploring experience. The clean and comprehensible of the website might lose excitement and weaken the interaction with people; however, the layout and the small pop out of individual project solve the potential issue. Overall the website is really success in emphasis its purpose, promoting an architecture firm by giving clear images for people to understand firm’s style and experience and what the firm capable of.
Iconography / Imagery:
The website is really simple; therefore, there is not a lot of iconography. Seem this is an architecture firm’s website so there is a lot of imagery to help potential client to understand the company and project. Overall the quality of the icon and imagery are too small to the proportion of the page especially when specific project is selected. People will expect to see big image. I believe big image can impress people to create good impression. The icon for people to click to go to next image is not clear. Why cannot people move on to next image by click on the current image? Most odd effect the website has is that when click on the image will actually close the window, which is really not helpful. People won’t know there are more images for the specific project, which mean people will lose their chance to understand the project.
Color Palette:
The pure white background with bright red text is an interesting combination. However, the read is not a perfect color for people to read unless there are a lot of spaces between line; otherwise, the contrast color creates vibration between line. There are a lot of different shades of red; however, the website didn’t take that as a consideration. The whole main menu bar keeps the same shade of red. There is only font size change between the selected category and not selected category. That is not the worst. The worst is the swap image for the categories. The change is really subtle, the font only change to bold and not obvious. Beside the top banner, everything else is acceptable. One more suggestion for the “project” category is that if the viewed project could have different color then its original color, people will able to know what have not been visited.
Site Focus:
The major purpose of the website, promoting the architecture firm, is shown obviously. The simplicity of the website allows people to navigate around easily. On the same time, understand the philosophy and the approach of the company. The publicity and the background and the task of the company are illustrated really precisely and evidently, which might attract some potential clients. There are only few miner graphic of the website should be considered; otherwise, overall is really consistent and well structured.
Tuesday, February 17, 2009
VIII. a+I architecture
VIII. a+I architecture
http://www.aplusi.com/
Navigation:
Most interesting website I had ever seem. There are a lot of interacting between the website and people with a clear understanding of using. It is organized in a really creative way. The first time enter the website, it does not seem like any architecture firm’s website that I had seem. It looks like a website for photo gallery, which also the reason people get attracted and stay with the website. Everything is clearly labeled; therefore, the website is really user friendly. Very well structured website with clear hierarchy! All the categories and sub-categories are list clearly with really organized gridded sample images of projects. Although the impression the website give is new and inexperience, after navigate around will notice that the firm is well experienced and care about their potential client a lot. That is why the website is really easy for everyone to navigate around.
Architecture:
The architecture of the a+I architecture’s website is really well thought out. The structure and orientation are very clear and precise and consistent, which allow people to navigate around easily. In some sense, the overall website seems with elaborate design, which illustrates the precise goal and philosophy of the firm. The website is also really straight forward, what you see is what you get. Two different ways to select project makes the website stronger especially when both option function really well.
Content / Typography:
The impression created by the organization and simplicity of the typography and its interacting with people. Nothing overwhelming, everything appears with just right proportion, giving precise amount at once to give better understanding. The graphic and the layout of the website emphasis how the firm understands the importance of 3d visual effect and creativity in architecture field. The most interesting part of this website is that there is no standard banner as other firm’s website to list out the categories. Only two major contents are shown, which are “sort” and “a+I”. There is nothing I would change to this website. It is really well designed and clearly shows the purpose of it.
Grid / Structure:
This is a very interactive website with consistent structure and grid system after entering any specific categories. The main “sort” and “a+I” icon stay at the same location throughout navigation, which allow people to refer back to the original page to continue searching. However, that also causes problems. The consistent spot of “sort” is somehow also over right on the top of the listed sample images, which allow people to click into to see detail of the project. The consistent location of the search is really strong; therefore, the list of the sample project should be rearranged in different way or different zone of the page. Not as other website, the clean and comprehensible of the website does not lose people’s excitement. Anyhow, the website is clearly promoting an architecture firm in a really creative and interactive way.
Iconography / Imagery:
A very inspired introduction page keeps people interested. All the sample images places as they are photography lay on a table with really realistically view. All the sample images are with consistent size and decent proportion what already give a sense of project. After select any specific project, all the images cover almost the whole page with good quality, which enhance the space and design. Also not all the images are photo some are sketches and plan of the space, which give more life to the project and the firm. There is no confusing about “next” photo. The cursor turns into a cursor with arrow, which allows people to move back and forth between photo. A simple structure website with creative elements helps to keep viewer on the site to create more interaction.
Color Palette:
The black background with contrast white border around each icon and images allows all elements to pop out. Both main icons are highlights with two contrast colors, green and orange. They both are also the most saturated color when compare to other elements. However, that enhances the purpose and importance of both icons. Majority of the texts are in white, which contrast to the black background color and color of images. The texts are also with perfect font size, which clearly shows the purpose.
Site Focus:
The focus of the website is obvious. It is promoting architecture and design in a really creative view. The strongest part of this website is the design of the website. It is design from viewer’s point of view, which make everyone who is on the navigation really comfortable. Also open people’s view about the interconnection between different types of design. The only issue of this well structured website is that the content of each project are not detail enough, which mean I wish there are description about the concept of the project not just the location, size, and date.
http://www.aplusi.com/
Navigation:
Most interesting website I had ever seem. There are a lot of interacting between the website and people with a clear understanding of using. It is organized in a really creative way. The first time enter the website, it does not seem like any architecture firm’s website that I had seem. It looks like a website for photo gallery, which also the reason people get attracted and stay with the website. Everything is clearly labeled; therefore, the website is really user friendly. Very well structured website with clear hierarchy! All the categories and sub-categories are list clearly with really organized gridded sample images of projects. Although the impression the website give is new and inexperience, after navigate around will notice that the firm is well experienced and care about their potential client a lot. That is why the website is really easy for everyone to navigate around.
Architecture:
The architecture of the a+I architecture’s website is really well thought out. The structure and orientation are very clear and precise and consistent, which allow people to navigate around easily. In some sense, the overall website seems with elaborate design, which illustrates the precise goal and philosophy of the firm. The website is also really straight forward, what you see is what you get. Two different ways to select project makes the website stronger especially when both option function really well.
Content / Typography:
The impression created by the organization and simplicity of the typography and its interacting with people. Nothing overwhelming, everything appears with just right proportion, giving precise amount at once to give better understanding. The graphic and the layout of the website emphasis how the firm understands the importance of 3d visual effect and creativity in architecture field. The most interesting part of this website is that there is no standard banner as other firm’s website to list out the categories. Only two major contents are shown, which are “sort” and “a+I”. There is nothing I would change to this website. It is really well designed and clearly shows the purpose of it.
Grid / Structure:
This is a very interactive website with consistent structure and grid system after entering any specific categories. The main “sort” and “a+I” icon stay at the same location throughout navigation, which allow people to refer back to the original page to continue searching. However, that also causes problems. The consistent spot of “sort” is somehow also over right on the top of the listed sample images, which allow people to click into to see detail of the project. The consistent location of the search is really strong; therefore, the list of the sample project should be rearranged in different way or different zone of the page. Not as other website, the clean and comprehensible of the website does not lose people’s excitement. Anyhow, the website is clearly promoting an architecture firm in a really creative and interactive way.
Iconography / Imagery:
A very inspired introduction page keeps people interested. All the sample images places as they are photography lay on a table with really realistically view. All the sample images are with consistent size and decent proportion what already give a sense of project. After select any specific project, all the images cover almost the whole page with good quality, which enhance the space and design. Also not all the images are photo some are sketches and plan of the space, which give more life to the project and the firm. There is no confusing about “next” photo. The cursor turns into a cursor with arrow, which allows people to move back and forth between photo. A simple structure website with creative elements helps to keep viewer on the site to create more interaction.
Color Palette:
The black background with contrast white border around each icon and images allows all elements to pop out. Both main icons are highlights with two contrast colors, green and orange. They both are also the most saturated color when compare to other elements. However, that enhances the purpose and importance of both icons. Majority of the texts are in white, which contrast to the black background color and color of images. The texts are also with perfect font size, which clearly shows the purpose.
Site Focus:
The focus of the website is obvious. It is promoting architecture and design in a really creative view. The strongest part of this website is the design of the website. It is design from viewer’s point of view, which make everyone who is on the navigation really comfortable. Also open people’s view about the interconnection between different types of design. The only issue of this well structured website is that the content of each project are not detail enough, which mean I wish there are description about the concept of the project not just the location, size, and date.
Monday, February 16, 2009
VII. ASYMPTOTE Architecture
VII. ASYMPTOTE Architecture
http://www.asymptote-architecture.com/
Navigation:
“Where should I go?” is the first reaction after get into the main page. It is a complicated website. It takes long time to understand how to navigate around. The way the website start is already really different from other website I had seem. The main navigator is an additional page; therefore, there is no need of the first intro page. The hierarchy of the website is really not clear and not organizes. All the categories are not list in a clear way. They follow the form of the background image. Some title of the category overlaps each other and no list of sub-category when cursor moves close to the main category. The center of each page change consistently, which create additional confusion and dizziness. There is no “home” link for people to go back to the original page to see other choice. However, after click different icon realize that by click on the “x” (close) will allow people to go back to the home page. I think when the website is really complicated; at least the “home” option should be obvious for people in order to continue navigation.
Architecture:
The structure of the website well illustrates the experiences that the company had. The first glance of the site gives modern impression; however, the content is not clear. The small font size and the location of the primary categories are not well thought out during the design process. The categories are not obvious and hard to read and follow and they are not place on the consistent location. People have hard time to find other categories when they are already in one and no clear direction of how to get back to the selection page. However, the “main menu” was designed and place on the left bottom corner, which are really not noticeable. It takes long time to realize there is the option. The whole website is considered as an additional page. The original intro page happen to just an intro page and home page is additional page, which is really unusual.
Content / Typography:
The website seems like having a unique way of organizing the typography, but it is confusing for people who use it as first time. It is not user friendly. Also the font size is way too small, which creates vibration on the text. That loses the purpose of the text because people cannot read. As an architecture firm’s website even though the structure of the website is bad, the visual elements, the images, are still playing an important role. All the images are with decent size that tells the story. I will recommend simplifying the website that will be a good way to keep people on the site.
Grid / Structure:
Although the website is hard to navigate around, the structure and grid system are consistent throughout the navigation. After understand how the website functions, everything seems much easier; however, the complicity still give a bad impression especially for people who are not good with figuring out stuff. The whole website lets people feel it move around all the time; therefore, people tend not to pay attention on element that are not moving. If pay attention people will realize there is a stable “menu” bottom banner. The banner should be a little bigger because it is not noticeable and it loses it purpose.
Iconography / Imagery:
As other architecture firm’s website, all the images are with decent size, which allows people to understand the project. There are a lot of unnecessary icons, which did not help people to navigate. There are too many small size arrows around the same location. Also almost all the information are cramped to the middle of the page; however, there are still a lot of space around. The spaces should be use wisely. Now the context and images are located at center of the page and allows people to see other categories that are behind, but they are not clickable until the mini navigation window is close. That is really confusing.
Color Palette:
Midnight blue is the main color of the website with small white text. Although they are contrast color, it does not work. Somehow the blue still feel really bright, which does not really do what the contrast color supposes to do as to pop out the text. The blue background conflicts with the white text when the text is small and not bold. However, the blue enhance the images.
Site Focus:
Promoting the architecture firm is the major purpose of the website, which is shown evidently with good quality of images. The weakness of the website is the structure and the organization of the website. Even though the website structure stays consistent, the weakness still makes the website less user friendly. The biggest issue is the size of the font and the space between because that make people’s eye hurt and cannot focus on reading the content.
http://www.asymptote-architecture.com/
Navigation:
“Where should I go?” is the first reaction after get into the main page. It is a complicated website. It takes long time to understand how to navigate around. The way the website start is already really different from other website I had seem. The main navigator is an additional page; therefore, there is no need of the first intro page. The hierarchy of the website is really not clear and not organizes. All the categories are not list in a clear way. They follow the form of the background image. Some title of the category overlaps each other and no list of sub-category when cursor moves close to the main category. The center of each page change consistently, which create additional confusion and dizziness. There is no “home” link for people to go back to the original page to see other choice. However, after click different icon realize that by click on the “x” (close) will allow people to go back to the home page. I think when the website is really complicated; at least the “home” option should be obvious for people in order to continue navigation.
Architecture:
The structure of the website well illustrates the experiences that the company had. The first glance of the site gives modern impression; however, the content is not clear. The small font size and the location of the primary categories are not well thought out during the design process. The categories are not obvious and hard to read and follow and they are not place on the consistent location. People have hard time to find other categories when they are already in one and no clear direction of how to get back to the selection page. However, the “main menu” was designed and place on the left bottom corner, which are really not noticeable. It takes long time to realize there is the option. The whole website is considered as an additional page. The original intro page happen to just an intro page and home page is additional page, which is really unusual.
Content / Typography:
The website seems like having a unique way of organizing the typography, but it is confusing for people who use it as first time. It is not user friendly. Also the font size is way too small, which creates vibration on the text. That loses the purpose of the text because people cannot read. As an architecture firm’s website even though the structure of the website is bad, the visual elements, the images, are still playing an important role. All the images are with decent size that tells the story. I will recommend simplifying the website that will be a good way to keep people on the site.
Grid / Structure:
Although the website is hard to navigate around, the structure and grid system are consistent throughout the navigation. After understand how the website functions, everything seems much easier; however, the complicity still give a bad impression especially for people who are not good with figuring out stuff. The whole website lets people feel it move around all the time; therefore, people tend not to pay attention on element that are not moving. If pay attention people will realize there is a stable “menu” bottom banner. The banner should be a little bigger because it is not noticeable and it loses it purpose.
Iconography / Imagery:
As other architecture firm’s website, all the images are with decent size, which allows people to understand the project. There are a lot of unnecessary icons, which did not help people to navigate. There are too many small size arrows around the same location. Also almost all the information are cramped to the middle of the page; however, there are still a lot of space around. The spaces should be use wisely. Now the context and images are located at center of the page and allows people to see other categories that are behind, but they are not clickable until the mini navigation window is close. That is really confusing.
Color Palette:
Midnight blue is the main color of the website with small white text. Although they are contrast color, it does not work. Somehow the blue still feel really bright, which does not really do what the contrast color supposes to do as to pop out the text. The blue background conflicts with the white text when the text is small and not bold. However, the blue enhance the images.
Site Focus:
Promoting the architecture firm is the major purpose of the website, which is shown evidently with good quality of images. The weakness of the website is the structure and the organization of the website. Even though the website structure stays consistent, the weakness still makes the website less user friendly. The biggest issue is the size of the font and the space between because that make people’s eye hurt and cannot focus on reading the content.
Saturday, February 7, 2009
VI. UNStudio
VI. UNStudio
http://www.unstudio.com/
Navigation:
Very well structured website with clear hierarchy! Every sub-category is list clearly below major categories throughout navigation, which allow people to see what options are there. The website shows the creativity and strategy of the firm by the organization of the website. Every visit the key image of the home page changes, which emphasis the diversity of the firm. However, the image is not just there to prominence the experience of the firm, it also give some highlight and texture to the page. Overall the website is really organized and thought out. There are 8 categories locate on the top banner with “UNStudio” as the “home” page link and “search” function placed right above and they all situate at the same location during navigation. So far this is the only architecture website has an option for people to “search” and very simple home page that already show a lot.
Architecture:
UNStudio’s website is designed for users. The structure and orientation are very clear and precise and consistent, which allow people to navigate around easily. Even though the overall design of the website is simple, it still shows the complexity of the firm by the number of elements that are listed below the category and sub-category. The organization illustrates the services and experiences of the firm. The website is really straight forward, what you see is what you get. There is “search” function, but the result does not appear on the additional navigator and the search is focus within the website and the firm.
Content / Typography:
The organization and simplicity of the typography gives viewer a good impression of the company. Nothing too overwhelming, everything is design to show with precise amount at once to give better understanding. The layout of the website shows that the designer clearly understands that architecture is a really 3D visual field. So every image is show in a decent size and quality. I really like the top banner menu, but I think the font size might be a little too big compare to other content. They can be slightly small, but still shows the option. There is nothing else I would change to this website. It is really well designed and clearly shows the purpose of it.
Grid / Structure:
The first impression of the website is modernized. Consistent structure and grid system of the website give good impression because it makes viewers easier to navigator around. The main menu stays at the same upper banner and the content stays around the same grid system throughout the whole exploring. There is no dramatic change to confuse people. Because of its clean and comprehensible, the website might loses some excitement and weaken the interaction with people. However, the website clearly shows the purpose of the website, which is to promote an architecture firm. Therefore, the focal point of the page always stays with the images, which also is the only way to help people to understand the style of the project the company capable of.
Iconography / Imagery:
A great introduction image is really important because that will affect viewer’s decision. UNStudio’s website makes a good decision on the choice of the first images and how it is consistently change, which creates the excitement of the website. Usually people get bored with same layout over and over so subtle change is good and important. There are unusual elements on the website and they move around the site throughout the pages. The red and green dots become visible on different spot on different page and not always on the same spot on the same page. After a click the dot bring viewer to a very specific quote, which is a really intelligent way to emphasis the philosophy of the firm and by click on the quote that allow people to go back to the original page. A simple structure website with creative elements helps to keep viewer on the site to create more interaction.
Color Palette:
There are not too many colors. The red element on the page highlights the keys for people to focus such as the name of the firm and the most recent updated elements. The light grey is the major color of the website and with contrast text color, black, which highlight other elements on the site, such as images. In the first glance on the project list page, there are swap color on each project. That creates a little confusion in the beginning; however, it becomes much clear with its purpose after look into more projects. Realizing different color represents different type of project. Although that is a good way to categorize projects, it could be much clearer. Maybe a label can help. However, the overall website is really well-built and modernizes.
Site Focus:
The focus of the website is noticeable. It is promoting architecture and design as the major purpose. The strongest part of this website is that the website cares its viewers a lot. It designs for people to look at design from different point of view. Also, there are one to two different way specialize the website to make it more unique.
http://www.unstudio.com/
Navigation:
Very well structured website with clear hierarchy! Every sub-category is list clearly below major categories throughout navigation, which allow people to see what options are there. The website shows the creativity and strategy of the firm by the organization of the website. Every visit the key image of the home page changes, which emphasis the diversity of the firm. However, the image is not just there to prominence the experience of the firm, it also give some highlight and texture to the page. Overall the website is really organized and thought out. There are 8 categories locate on the top banner with “UNStudio” as the “home” page link and “search” function placed right above and they all situate at the same location during navigation. So far this is the only architecture website has an option for people to “search” and very simple home page that already show a lot.
Architecture:
UNStudio’s website is designed for users. The structure and orientation are very clear and precise and consistent, which allow people to navigate around easily. Even though the overall design of the website is simple, it still shows the complexity of the firm by the number of elements that are listed below the category and sub-category. The organization illustrates the services and experiences of the firm. The website is really straight forward, what you see is what you get. There is “search” function, but the result does not appear on the additional navigator and the search is focus within the website and the firm.
Content / Typography:
The organization and simplicity of the typography gives viewer a good impression of the company. Nothing too overwhelming, everything is design to show with precise amount at once to give better understanding. The layout of the website shows that the designer clearly understands that architecture is a really 3D visual field. So every image is show in a decent size and quality. I really like the top banner menu, but I think the font size might be a little too big compare to other content. They can be slightly small, but still shows the option. There is nothing else I would change to this website. It is really well designed and clearly shows the purpose of it.
Grid / Structure:
The first impression of the website is modernized. Consistent structure and grid system of the website give good impression because it makes viewers easier to navigator around. The main menu stays at the same upper banner and the content stays around the same grid system throughout the whole exploring. There is no dramatic change to confuse people. Because of its clean and comprehensible, the website might loses some excitement and weaken the interaction with people. However, the website clearly shows the purpose of the website, which is to promote an architecture firm. Therefore, the focal point of the page always stays with the images, which also is the only way to help people to understand the style of the project the company capable of.
Iconography / Imagery:
A great introduction image is really important because that will affect viewer’s decision. UNStudio’s website makes a good decision on the choice of the first images and how it is consistently change, which creates the excitement of the website. Usually people get bored with same layout over and over so subtle change is good and important. There are unusual elements on the website and they move around the site throughout the pages. The red and green dots become visible on different spot on different page and not always on the same spot on the same page. After a click the dot bring viewer to a very specific quote, which is a really intelligent way to emphasis the philosophy of the firm and by click on the quote that allow people to go back to the original page. A simple structure website with creative elements helps to keep viewer on the site to create more interaction.
Color Palette:
There are not too many colors. The red element on the page highlights the keys for people to focus such as the name of the firm and the most recent updated elements. The light grey is the major color of the website and with contrast text color, black, which highlight other elements on the site, such as images. In the first glance on the project list page, there are swap color on each project. That creates a little confusion in the beginning; however, it becomes much clear with its purpose after look into more projects. Realizing different color represents different type of project. Although that is a good way to categorize projects, it could be much clearer. Maybe a label can help. However, the overall website is really well-built and modernizes.
Site Focus:
The focus of the website is noticeable. It is promoting architecture and design as the major purpose. The strongest part of this website is that the website cares its viewers a lot. It designs for people to look at design from different point of view. Also, there are one to two different way specialize the website to make it more unique.
Friday, February 6, 2009
V. ATKINS Design Studio
V. ATKINS Design Studio
http://www.atkinsdesign.com/
Navigation:
A very simple and thought out intro page that cares about their viewers. It allows people to choose between html and flash. At that point, there is no hierarchy. The hierarchy happens right after make the choice on the intro page. When the curser rolls over main menu and project sample images of the home page, it creates hierarchy of the website by swap images and color change for the category text. The swap image creates interacting between the site and viewers; however, none of any swap image is a link. Only the color change of the category has extended link to understand the firm. Therefore, I think there is no purpose to have swap image for the sample project images that will decrease the confusion. The top banner is where list of category located and always at the same spot, which allow people to go back and forth between pages. Overall the website is easy to navigate and understand.
Architecture:
The structure and orientation of the website shows the firm is organize and well experienced. The complexity of the company clearly shows on the number of the category that list on the menu bar. The website is really straight forward, what you see is what you get. The permanent menu banner allows people to swatch navigation anytime. This is a really organized way to show the services and the experiences the company offer. Additional navigator does not happen often during navigation. Only the very miner and external information will be on the additional page, which shows the connection of the company to other fields.
Content / Typography:
The organized typography gives people good impression of the company, but the amount of the detail that is shown on the home page is a little overwhelming especially when swap images are not clickable. Beside the swap image issue, everything else works precisely especially the main menu bar, which clearly lists every possible function. For the 3D visual field, architecture, images are playing important roll. Under “project” category, all the project images are shown with decent size and coherent description on the side. Although the website is really organized and shown the company is really well experience, it gives a little out dated feeling. Maybe the design of the website can try something more modern to show that the company is not just well experience, but also moving forward with all the changes in the design field not just the architecture discipline.
Grid / Structure:
Consistent structure and grid system of the website give good impression because it makes viewers easier to navigator around. The main menu stays at the same upper banner and the content stays around the same grid system throughout the whole exploring. There is no dramatic change to confuse people. Because of its clean and comprehensible, the website might loses some excitement and weaken the interaction with people. However, the website clearly shows the purpose of the website, which is to promote an architecture firm. Therefore, the focal point of the page always stays with the images, which also is the only way to help people to understand the style of the project the company capable of.
Iconography / Imagery:
As what I mention earlier the swap images on home page become really distracting especially it is not clickable. However, the same grid project sample layout under the “project” category is really helpful. Most of architecture firm’s website only has a list of project name, but ATKINS has both name of project and also sample image. The sample images are really helpful especially when people know what they are looking for specifically. After click into each sample images, it bring viewer to a detail page, which has project description and more images. There is only one thing that makes people confuse, which is the color on the left as border or banner. It looks like something that could be click to link to additional link.
Color Palette:
Grey and orange seem like the company color scheme; however, that is not clear. When click on different category, it seems like there are color change and the color seems like is correspondent to the left banner color label. However, that is really not clear. Maybe the color should be specified on the menu bar instead, which might make the website even richer. Overall the website is too color, which makes the design of the website a little overwhelming especially the home page. Maybe the project images could be on grey scale and all the categories can be on the specific color that was picked.
Site Focus:
Promoting the architecture firm is the major purpose of the website, which is shown evidently. The website is design for people to use and understand the philosophy and offering of the firm. The publicity and the background and the task of the company are illustrated really precisely and evidently, which might attract some potential clients. Overall the website is really strong. If I have to choose something to change then I will change the color palette of the overall website to be even more consistent.
http://www.atkinsdesign.com/
Navigation:
A very simple and thought out intro page that cares about their viewers. It allows people to choose between html and flash. At that point, there is no hierarchy. The hierarchy happens right after make the choice on the intro page. When the curser rolls over main menu and project sample images of the home page, it creates hierarchy of the website by swap images and color change for the category text. The swap image creates interacting between the site and viewers; however, none of any swap image is a link. Only the color change of the category has extended link to understand the firm. Therefore, I think there is no purpose to have swap image for the sample project images that will decrease the confusion. The top banner is where list of category located and always at the same spot, which allow people to go back and forth between pages. Overall the website is easy to navigate and understand.
Architecture:
The structure and orientation of the website shows the firm is organize and well experienced. The complexity of the company clearly shows on the number of the category that list on the menu bar. The website is really straight forward, what you see is what you get. The permanent menu banner allows people to swatch navigation anytime. This is a really organized way to show the services and the experiences the company offer. Additional navigator does not happen often during navigation. Only the very miner and external information will be on the additional page, which shows the connection of the company to other fields.
Content / Typography:
The organized typography gives people good impression of the company, but the amount of the detail that is shown on the home page is a little overwhelming especially when swap images are not clickable. Beside the swap image issue, everything else works precisely especially the main menu bar, which clearly lists every possible function. For the 3D visual field, architecture, images are playing important roll. Under “project” category, all the project images are shown with decent size and coherent description on the side. Although the website is really organized and shown the company is really well experience, it gives a little out dated feeling. Maybe the design of the website can try something more modern to show that the company is not just well experience, but also moving forward with all the changes in the design field not just the architecture discipline.
Grid / Structure:
Consistent structure and grid system of the website give good impression because it makes viewers easier to navigator around. The main menu stays at the same upper banner and the content stays around the same grid system throughout the whole exploring. There is no dramatic change to confuse people. Because of its clean and comprehensible, the website might loses some excitement and weaken the interaction with people. However, the website clearly shows the purpose of the website, which is to promote an architecture firm. Therefore, the focal point of the page always stays with the images, which also is the only way to help people to understand the style of the project the company capable of.
Iconography / Imagery:
As what I mention earlier the swap images on home page become really distracting especially it is not clickable. However, the same grid project sample layout under the “project” category is really helpful. Most of architecture firm’s website only has a list of project name, but ATKINS has both name of project and also sample image. The sample images are really helpful especially when people know what they are looking for specifically. After click into each sample images, it bring viewer to a detail page, which has project description and more images. There is only one thing that makes people confuse, which is the color on the left as border or banner. It looks like something that could be click to link to additional link.
Color Palette:
Grey and orange seem like the company color scheme; however, that is not clear. When click on different category, it seems like there are color change and the color seems like is correspondent to the left banner color label. However, that is really not clear. Maybe the color should be specified on the menu bar instead, which might make the website even richer. Overall the website is too color, which makes the design of the website a little overwhelming especially the home page. Maybe the project images could be on grey scale and all the categories can be on the specific color that was picked.
Site Focus:
Promoting the architecture firm is the major purpose of the website, which is shown evidently. The website is design for people to use and understand the philosophy and offering of the firm. The publicity and the background and the task of the company are illustrated really precisely and evidently, which might attract some potential clients. Overall the website is really strong. If I have to choose something to change then I will change the color palette of the overall website to be even more consistent.
Tuesday, February 3, 2009
IV. LAB architecture studio
IV. LAB architecture studio
http://www.labarchitecture.com/
Navigation:
Design wise the website is very creative; the floating icon creates the interacting between people and the site. Even though I think the design is quite interesting, it is a little hard to navigate. It makes people a little dizzy because the icons keep moving around. I think it might give some people hard time to follow what they need. It is good that the icon is not the only way to navigate around the site. There are 8 different categories and they all list on the bottom banner, which make some people life easier. The introduction page is really pleasing because of its color scheme. There is very subtle grey tone background with different color tabs for different categories. Overall, there is nothing really surprising that people cannot handle. It is really organized and structured.
Architecture:
LAB’s website is designed with very precise and consistent structure and orientation. The first impression of the website is modernized. From looking at the number of the category and sub-categories that list out below the menu bar, people already have a sense of the complexity of the company. People can understand the company and know what kind of service the company offers. After click on each tab, it brings up the context, which is what I expected. There is no additional page, which is good and the context page of the category also follow the original category color. The category color becomes the color scheme of the category, which makes the website even more organized. Because of its clean and comprehensible, the website loses some excitement and weak interaction with people. The only really strong interaction page is the home; however, there is no “home” tab to go back to the original page. The only thing that I think should be revised is the contact tab. It brings people to pdf page, which is totally not consistent with the original website.
Content / Typography:
What you see is what you get. The simplicity of the typography gives people good impression on the company, but it loses the hierarchy of the typography apparent to catch people’s attention. I really like the color scheme organization; therefore, I think the font size can be the one that get changed after click. It will be even better if the color tone change after click. I think graphically it will look more interesting and attractive, which will also create interaction between people and website. People will know which option have already been navigated. By the way, the name of the company seems like subordinate because it does not appear again after click into tabs. I think anything can be taken away, but not the company logo. It should be something that always there to remind people, which website and which company is being navigated.
Grid / Structure:
The consistency of the website grid emphasizes the philosophy and the structure of the firm. The bottom banner stays at the same location throughout the whole navigation experience. The content always stays at the right banner and images stay at the left banner. There is no dramatic change to confuse people. The purpose of the website is to promote an architecture firm; therefore, the focal point of the page will always drop on the quality of the images. That is the only way for people to understand the project and the specialty and the ability of the company.
Iconography / Imagery:
As what I said earlier, visual elements are really important for architecture firm because that is how people understand. Under each category, there are multiple projects and there are multiple images could be seems per project; however, that option is not clear. I did not realize there are multiple images to be seem. There is a color bar right above the image, but it is not obvious enough for people to notice that can be click. Maybe the option could be show in other way, such as mini image icon, but unsaturated into the category color scheme.
Color Palette:
LAB’s website has a very precise and consistent color selection. The light grey background with contrast color, black, as the text color and with saturated color tabs make the website much more professional and interesting. Beside color scheme, images selection and size also change the impression the company gives. I think maybe the image can be bigger. Now the image banner occupies same space as the content, which I do not think the content should be there the whole time. It should be able to close when not needed then allow the images to enlarge.
Site Focus:
The purpose of the website is obvious shown. It clearly introduces the purpose of the firm and its design philosophy as architects. It brings a certain degree of publicity and also tells a story about the office in general. From the website we know, the firm cares about the viewer a lot; therefore, it is really easy to navigate around. It can attract a lot of potential client and future architect to continue navigate the website or even have further interaction to the firm.
http://www.labarchitecture.com/
Navigation:
Design wise the website is very creative; the floating icon creates the interacting between people and the site. Even though I think the design is quite interesting, it is a little hard to navigate. It makes people a little dizzy because the icons keep moving around. I think it might give some people hard time to follow what they need. It is good that the icon is not the only way to navigate around the site. There are 8 different categories and they all list on the bottom banner, which make some people life easier. The introduction page is really pleasing because of its color scheme. There is very subtle grey tone background with different color tabs for different categories. Overall, there is nothing really surprising that people cannot handle. It is really organized and structured.
Architecture:
LAB’s website is designed with very precise and consistent structure and orientation. The first impression of the website is modernized. From looking at the number of the category and sub-categories that list out below the menu bar, people already have a sense of the complexity of the company. People can understand the company and know what kind of service the company offers. After click on each tab, it brings up the context, which is what I expected. There is no additional page, which is good and the context page of the category also follow the original category color. The category color becomes the color scheme of the category, which makes the website even more organized. Because of its clean and comprehensible, the website loses some excitement and weak interaction with people. The only really strong interaction page is the home; however, there is no “home” tab to go back to the original page. The only thing that I think should be revised is the contact tab. It brings people to pdf page, which is totally not consistent with the original website.
Content / Typography:
What you see is what you get. The simplicity of the typography gives people good impression on the company, but it loses the hierarchy of the typography apparent to catch people’s attention. I really like the color scheme organization; therefore, I think the font size can be the one that get changed after click. It will be even better if the color tone change after click. I think graphically it will look more interesting and attractive, which will also create interaction between people and website. People will know which option have already been navigated. By the way, the name of the company seems like subordinate because it does not appear again after click into tabs. I think anything can be taken away, but not the company logo. It should be something that always there to remind people, which website and which company is being navigated.
Grid / Structure:
The consistency of the website grid emphasizes the philosophy and the structure of the firm. The bottom banner stays at the same location throughout the whole navigation experience. The content always stays at the right banner and images stay at the left banner. There is no dramatic change to confuse people. The purpose of the website is to promote an architecture firm; therefore, the focal point of the page will always drop on the quality of the images. That is the only way for people to understand the project and the specialty and the ability of the company.
Iconography / Imagery:
As what I said earlier, visual elements are really important for architecture firm because that is how people understand. Under each category, there are multiple projects and there are multiple images could be seems per project; however, that option is not clear. I did not realize there are multiple images to be seem. There is a color bar right above the image, but it is not obvious enough for people to notice that can be click. Maybe the option could be show in other way, such as mini image icon, but unsaturated into the category color scheme.
Color Palette:
LAB’s website has a very precise and consistent color selection. The light grey background with contrast color, black, as the text color and with saturated color tabs make the website much more professional and interesting. Beside color scheme, images selection and size also change the impression the company gives. I think maybe the image can be bigger. Now the image banner occupies same space as the content, which I do not think the content should be there the whole time. It should be able to close when not needed then allow the images to enlarge.
Site Focus:
The purpose of the website is obvious shown. It clearly introduces the purpose of the firm and its design philosophy as architects. It brings a certain degree of publicity and also tells a story about the office in general. From the website we know, the firm cares about the viewer a lot; therefore, it is really easy to navigate around. It can attract a lot of potential client and future architect to continue navigate the website or even have further interaction to the firm.
III. Brown + Storey Architects Inc.
III. Brown + Storey Architects Inc.
http://www.brownandstorey.com/
Navigation:
Graphically, the home page of the website is really pleasing; however, it is hard to navigate around. There are 8 different categories. The only sense of hierarchy is the different font sizes and colors. Especially, when the cursor moves across the different tabs, there is no obvious visual difference or switch of finger icon. That is really confusing especially on the info bar; not just the word “info” will link to other page. It is the whole bar, but the images on the bar make people think it actually has several links. The page does not always keep the main tabs up on the top for backtracking. Instead, it only allows two small icons to go back and forth between pages, but I think it should be label at least “home” to clarify the use of the icon.
Architecture:
B+SA’s website does not seem consistent in the page design and the way it is structured and oriented. The architecture behind the site is not that organized. Even it tried to have an underlay of the structure behind the first home page; it does not help in its design and navigation. It has the usual tabs such as projects, publications, competitions and other related tabs; however, each has different color and fonts and size. Graphically, this is really distracting to navigate around the site and it makes the architecture of the site seem over decorated rather than a design discursive application.
Content / Typography:
Different tone of orange color fonts and their font size are the key elements that create the hierarchy in the website. Other than that, nothing is really that prominent. The first glance of the website, it gives a really pleasing impression; however, it does not consist. “Info” tab bring to different kind of design page, which is really different from the home page. That even includes the color scheme of the site. Other tabs on the home page links to total different design pages, which feels like in other website. The only consistent icon throughout the pages is the title of the firm. Although each tab does not direct you to the exact information page, it is not that clear in terms of an obvious switch between a text oriented page and an image oriented page. The content is present, yet not designed to be visually satisfying and navigating. I also realize the “back” tab does not work There is no way to go back to the previous page. Also there is not “home” tab that allow people to go back to navigate other categories..
Grid / Structure:
The structure and the color of the site stay consistent. The consistence of the pages allows people to navigate around the site without any questions. The website to promote an architecture firm; therefore, the focal point of the page always on images that is how people understand the projects, the style of the company, and the ability of the firm.
Iconography / Imagery:
Overall, the entire website stays consistent on two different grid structures, but with many different color scheme. Home and info page have same layout and all other categories follow another layout. Under the two layouts, each page is obviously related to the previous page and it would be read as a whole cohesive website. Architecture is a visually oriented field; therefore, the focus of each page is obviously an image. As other architecture website, there are a lot of images to see and understand projects on this website. In this website, the images are all present on the left banner for people to select. A good thing that I see on this website that I have not seemed on others yet is the “text” function. I like how it is oriented on the side that allows people to click on it when needed not a small pop out box. In general, the website is too scattered and not organized in hierarchy and lacks a focal point. Everything seems to be equally important and weighs similar important value.
Color Palette:
B+SA’ website seems to be pretty consistent with the color use at a first glance. However, different tone of orange color does not continue throughout the whole navigation experience. However, the colors do speak a language of subtle and well-experienced. I think they might try to show the complexities of the firm; however, it fails to represent true design intelligence and innovation through web design. All the additional color of the sub-categories pages does not help with understanding projects. If the point of the color change is to emphasis the difference, maybe it should not be done in contrast color. Maybe that is the style or follows company philosophy, but it is not my style.
Site Focus:
The purpose of the website is obvious introducing the office and its design philosophy as architects. It brings a certain degree of publicity and also tells a story about the office in general. It contains basic information about the firm and the projects. The website supposes to represent the company; however, the site is just not a well-designed, at least from an emergent or contemporary point of view. It speaks experience, yet lacks modernization and ambition and creativity. The unorganized website is hard to attract any potential client and future architects to look for job. People would not buy the product from an unorganized firm. Maybe the website should be update with the newest design with certain level of consistence and organization.
http://www.brownandstorey.com/
Navigation:
Graphically, the home page of the website is really pleasing; however, it is hard to navigate around. There are 8 different categories. The only sense of hierarchy is the different font sizes and colors. Especially, when the cursor moves across the different tabs, there is no obvious visual difference or switch of finger icon. That is really confusing especially on the info bar; not just the word “info” will link to other page. It is the whole bar, but the images on the bar make people think it actually has several links. The page does not always keep the main tabs up on the top for backtracking. Instead, it only allows two small icons to go back and forth between pages, but I think it should be label at least “home” to clarify the use of the icon.
Architecture:
B+SA’s website does not seem consistent in the page design and the way it is structured and oriented. The architecture behind the site is not that organized. Even it tried to have an underlay of the structure behind the first home page; it does not help in its design and navigation. It has the usual tabs such as projects, publications, competitions and other related tabs; however, each has different color and fonts and size. Graphically, this is really distracting to navigate around the site and it makes the architecture of the site seem over decorated rather than a design discursive application.
Content / Typography:
Different tone of orange color fonts and their font size are the key elements that create the hierarchy in the website. Other than that, nothing is really that prominent. The first glance of the website, it gives a really pleasing impression; however, it does not consist. “Info” tab bring to different kind of design page, which is really different from the home page. That even includes the color scheme of the site. Other tabs on the home page links to total different design pages, which feels like in other website. The only consistent icon throughout the pages is the title of the firm. Although each tab does not direct you to the exact information page, it is not that clear in terms of an obvious switch between a text oriented page and an image oriented page. The content is present, yet not designed to be visually satisfying and navigating. I also realize the “back” tab does not work There is no way to go back to the previous page. Also there is not “home” tab that allow people to go back to navigate other categories..
Grid / Structure:
The structure and the color of the site stay consistent. The consistence of the pages allows people to navigate around the site without any questions. The website to promote an architecture firm; therefore, the focal point of the page always on images that is how people understand the projects, the style of the company, and the ability of the firm.
Iconography / Imagery:
Overall, the entire website stays consistent on two different grid structures, but with many different color scheme. Home and info page have same layout and all other categories follow another layout. Under the two layouts, each page is obviously related to the previous page and it would be read as a whole cohesive website. Architecture is a visually oriented field; therefore, the focus of each page is obviously an image. As other architecture website, there are a lot of images to see and understand projects on this website. In this website, the images are all present on the left banner for people to select. A good thing that I see on this website that I have not seemed on others yet is the “text” function. I like how it is oriented on the side that allows people to click on it when needed not a small pop out box. In general, the website is too scattered and not organized in hierarchy and lacks a focal point. Everything seems to be equally important and weighs similar important value.
Color Palette:
B+SA’ website seems to be pretty consistent with the color use at a first glance. However, different tone of orange color does not continue throughout the whole navigation experience. However, the colors do speak a language of subtle and well-experienced. I think they might try to show the complexities of the firm; however, it fails to represent true design intelligence and innovation through web design. All the additional color of the sub-categories pages does not help with understanding projects. If the point of the color change is to emphasis the difference, maybe it should not be done in contrast color. Maybe that is the style or follows company philosophy, but it is not my style.
Site Focus:
The purpose of the website is obvious introducing the office and its design philosophy as architects. It brings a certain degree of publicity and also tells a story about the office in general. It contains basic information about the firm and the projects. The website supposes to represent the company; however, the site is just not a well-designed, at least from an emergent or contemporary point of view. It speaks experience, yet lacks modernization and ambition and creativity. The unorganized website is hard to attract any potential client and future architects to look for job. People would not buy the product from an unorganized firm. Maybe the website should be update with the newest design with certain level of consistence and organization.
Wednesday, January 28, 2009
II. B+H (Bregman + Hamann Architects)
II. B+H (Bregman + Hamann Architects) http://www.bharchitects.com/
Navigation:
The website starts with a flash introduction of the company. Both clicking on “skip” or wait until it end, it will bring people to the home page of the website. The website has a simple and clear layout for people to see their choices. There are 7 different categories and each categories have sub-categories. There is no strong hierarchy. Nothing is really distracting nor has additional navigator. Everything seems have equal significance and move really smoothly. However, when click on the navigation links, the look of the link does not change. That is hard for some people to remember, which link had been visited and which have not. The heading and the home link are always on the left top corner, which allow people to go back to home page if needed.
Architecture:
B+H’s website is really well structured. From looking at the number of the category and sub-category that was given on the menu bar, people already have a sense of the complexity of the company. People can understand the company and know what kind of service the company offers. Every single piece of information is well design and structured to fit into the page. There is no additional link appearing throughout the whole navigation of the website. It is good to keep the website clean and comprehensible; however, it lacks some excitement and weak interaction with people.
Content / Typography:
The simplicity of the typography gives people good impression on the company. However, there is no hierarchy of the typography apparent to catch people’s attention. Since this is the website of an architecture firm, maybe the construction process of the most recent project could be the highlight of the website. It could appear as a diary, which is updated every few weeks. In that way the website could attract more potential clients. The heading is more prominent than anything else due to its simplicity. It is also the only location with white background; therefore it stands out. It contains the company logo and the menu bar, which is important for people to navigate around the site.
Grid / Structure:
The structure and the color of the site stayed consistent throughout. The consistency of the pages allows people to navigate throughout the site without any difficulties. The website is to promote an architecture firm; therefore, the focal point of the page always on images that is how people understand the projects, the style of the company, and the ability of the firm.
Iconography / Imagery:
For most cases, the images become the background of the site. It gives some texture and color to the site. The amount of the images is well controlled. There are more photos to help people visualize the project when the page is about a specific project. B + H is the icon and also the name of the company, but people won’t know what B and H stand for until they click on “who we are”. The color of the logo also plays an important role. It is the color scheme of the whole website. It almost becomes the identity of the company.
Color Palette:
This website also has a very precise color selection. Steel blue is the company logo color. Transparent teal is the overlay color on the top of the background image. On the top of the teal color, the texts are white, which stands out really obviously. The image behind the teal color does not distract the viewers; however, it gives some texture to the website. The teal color information strip could be closed when people want to see the whole view of the images. The movement makes the website even more interactive. Median grey tone color is an additional color that only appears on the project region maps and it becomes the menu background color, which still keeps the text in the contrast color, white. The clear graphic and color palette make the whole website and the company more welcoming for potential clients.
Site Focus:
The website is obviously an architecture firm with clear principle. The website is not design to sell anything beside their identity. It seems more self-centered; nothing on the website allows people to link to other websites. Perhaps under each project, the contractor or developer could be mentioned and linked; this would give even more depth to the website. Overall the website is really successful, especially the use and the significance of the icon/logo. It brings the whole website together to create a sense of entity.
Navigation:
The website starts with a flash introduction of the company. Both clicking on “skip” or wait until it end, it will bring people to the home page of the website. The website has a simple and clear layout for people to see their choices. There are 7 different categories and each categories have sub-categories. There is no strong hierarchy. Nothing is really distracting nor has additional navigator. Everything seems have equal significance and move really smoothly. However, when click on the navigation links, the look of the link does not change. That is hard for some people to remember, which link had been visited and which have not. The heading and the home link are always on the left top corner, which allow people to go back to home page if needed.
Architecture:
B+H’s website is really well structured. From looking at the number of the category and sub-category that was given on the menu bar, people already have a sense of the complexity of the company. People can understand the company and know what kind of service the company offers. Every single piece of information is well design and structured to fit into the page. There is no additional link appearing throughout the whole navigation of the website. It is good to keep the website clean and comprehensible; however, it lacks some excitement and weak interaction with people.
Content / Typography:
The simplicity of the typography gives people good impression on the company. However, there is no hierarchy of the typography apparent to catch people’s attention. Since this is the website of an architecture firm, maybe the construction process of the most recent project could be the highlight of the website. It could appear as a diary, which is updated every few weeks. In that way the website could attract more potential clients. The heading is more prominent than anything else due to its simplicity. It is also the only location with white background; therefore it stands out. It contains the company logo and the menu bar, which is important for people to navigate around the site.
Grid / Structure:
The structure and the color of the site stayed consistent throughout. The consistency of the pages allows people to navigate throughout the site without any difficulties. The website is to promote an architecture firm; therefore, the focal point of the page always on images that is how people understand the projects, the style of the company, and the ability of the firm.
Iconography / Imagery:
For most cases, the images become the background of the site. It gives some texture and color to the site. The amount of the images is well controlled. There are more photos to help people visualize the project when the page is about a specific project. B + H is the icon and also the name of the company, but people won’t know what B and H stand for until they click on “who we are”. The color of the logo also plays an important role. It is the color scheme of the whole website. It almost becomes the identity of the company.
Color Palette:
This website also has a very precise color selection. Steel blue is the company logo color. Transparent teal is the overlay color on the top of the background image. On the top of the teal color, the texts are white, which stands out really obviously. The image behind the teal color does not distract the viewers; however, it gives some texture to the website. The teal color information strip could be closed when people want to see the whole view of the images. The movement makes the website even more interactive. Median grey tone color is an additional color that only appears on the project region maps and it becomes the menu background color, which still keeps the text in the contrast color, white. The clear graphic and color palette make the whole website and the company more welcoming for potential clients.
Site Focus:
The website is obviously an architecture firm with clear principle. The website is not design to sell anything beside their identity. It seems more self-centered; nothing on the website allows people to link to other websites. Perhaps under each project, the contractor or developer could be mentioned and linked; this would give even more depth to the website. Overall the website is really successful, especially the use and the significance of the icon/logo. It brings the whole website together to create a sense of entity.
Sunday, January 25, 2009
I. Aedas
I. Aedas http://www.aedas.com/
Navigation:
On the home page, there are 8 different categories. Hierarchy only happen when certain category is selected because the selected category will highlight with color. The color identifies the location of the site so people can navigate the site with clear way finding. The heading is always at the same spot, which allow people to go back and forth. This website is really easy to navigate.
Architecture:
The Aedas website is very well structured. By looking at the number of the category that was given on the menu bar, people already have a sense of the complexity of the company. However, the website was organized very clearly, there is no additional navigation for individual category. The website is designed for people to see all previous categories so they can change the selection any time during navigation. This is a really good way of organizing and showing the services the company offer. If the additional information about the company shows on the additional navigator, people tend not go back to the previous navigator to see other choice. Therefore, only the “contact us” menu link to additional navigator. There is no need to have all menus when already decided to contain the company.
Content / Typography:
What you see is what you get. There is nothing distracting or confusing. The typography is simple that people can easily understand and know where and what. The heading seems like subordinate, the whole focus is on the images and the content. It is important for 3D visual field.
Grid / Structure:
Overall the site structure stays consistent. The heading and the main menu stay at the same location throughout the whole navigation experience. The content adjusts according to the amount of the information; however, they all stay within similar grid system, text on the left and images on the right. There is no dramatic change that confuses people.
Iconography / Imagery:
Since this is the website of an architecture firm, visual elements are really important for people to understand the purpose and the task of the company. The organization of the images is very simple and easy to see. Only the home page contains more than one images; majority of the pages contain only one to two big images per page and with small snap shot on the bottom to show there are more images for specific project. After the first look of the website, the only confusion of the site is the icon of the company. It looks like an upward pointing arrow. Didn’t know it could not be click until try.
Color Palette:
The website has a very precise color selection. Darker side of the grey scale is the main color scheme of the website; therefore, the texts are in the contrast color, white. Of the entire website, the only color elements are the company logo and the project samples. By clicking on each sample, it brings people to see more detail of the project. The logo color is in light seagreen, which also decided the color scheme of the site. Light seagreen becomes the highlight color of the sample box and the identification of the location of the site.
Site Focus:
The website shows the obvious purpose of the company. It is selling design. The website treats everyone as a potential client. There is everything people need to understand what service the company offer and where and how to contact. The only thing that disturbed me is the logo. It seems like it could be clicked to go to another link. I am not sure whether it is the location of the logo that is confusing or the design of the logo. I think if the logo is relocated next to the name of the firm. Maybe people would not be confused and it will be obvious that it is a logo not an arrow.
Subscribe to:
Posts (Atom)