Website Review

Amazon is a website that many are familiar with. It is a website that not only looks good visually, but is also extremely functional and easy to use. When on Amazon I searched for new wheels for my car (I am in need of summer wheels so I no longer have to pay the fee to have my tires switched twice a year). The search bar was simple to find. At the top of the page there is an add for Amazon itself and underneath is a blue section with deals and the option to set up an account. In the upper left hand side of the bar there is a white search bar with different category options. The way the webpage is set up your eye is instantly drawn to the search bar. This is helpful for those who are in a hurry and want to find what they are looking for quickly.

Whenever I searched for my wheels at first I did not chose a department in which to search, and obviously I did not find what I was looking for. On the left hand side I was given the option to narrow down my search. Using this function I was able to narrow down the search field. In the automotive section I was able to put in which car I have and narrow it down to what would fit. This whole process took less than 10 minutes and I was able to find the wheels that I wanted.

Not once during this experience did I feel confused or frustrated. I did an experiment in which I had my five year old cousin search for a tablet and he was able to find what I told him to with little to no guidance. All in all Amazon is a very viewer friendly website that is simple to use and very well made.

ecarrington Review 4

A site that I found to be competition to the site that my group is building for Intro to Web Design is called Parts and Labor. The site is created in Squarespace, as figured out through clicking on the Menu button and seeing the static menu content. The layout consists of horizontal sections with images and text that correspond to which page is selected. The site starts out with a navigation bar at the top and a full-page image that tells the user to swipe down. Fixed images make the page feel like it is longer and gives a parallax effect to the overall site. The layout is continuous throughout the site. On other pages, there is a horizontal section that displays text depending on what page corresponds with the navigation bar selection. The footer is a big section at the bottom that provides links to other bars and restaurants (presumably owned by the same company/owner), an Instagram feed and Twitter feed.

The colors are dark and consolidated to white, reds and black. A mood is set with the dark theme found throughout the site; the site itself feels restricted and more reserved, lending to privacy and sophistication. The non-use of extraneous frills in design also lends to a sophisticated feeling. White, and the use of white space, is important, which is why including the color white is a good break from the dark theme. It also gives a chance to redeem hierarchy that can be lost in a dark environment.

There is little use of texture throughout the site, lending better to flat design and reliance on typography to convey messages. Where images do convey the use of texture, it is grainy and grungy, also lending to a break from flat colors. These images act as anchors for the eyes.

Navigation is primarily conducted from the navigation bar at the top of the website. The footer serves for additional navigation and external social media links.

The final project is still being built out, but our site can benefit from this analysis by adding a slight texture to the background, some lighter elements and full-sized image sliders found in this site. There is also a navigation through pagination found on the right side of the homepage of Parts and Labor that serves an important role in breadcrumbing.

 

Review #4

For our fusion restaurant we do not have a lot of competition; so for this review I am going to pick another fusion restaurant that might have the same clientele. Our fusion restaurant is a soup fusion place. The name of our place is Soup of the Seven Seas. Meaning we have seven different soups from each continent. Our restaurant site will have a main page, an about page, a menu page, a soup gallery, and a contact page. With these pages we will incorporate the same color scheme throughout the layout; as well as the type. The feel we are going for is a modern, relaxed place where people can come and enjoy a bowl of soup from one of the seas. The layout we have for our main page is different from the rest because we wanted it to stand out and to be interactive for people to use it. Each graphics leads to a specific page. Once clicked on that certain graphic it leads you to the connecting page. Then that page has tabs at the top that connect back to the main page as well as connecting to the other pages of our site. The fun graphics for our site will make the costumer enjoy their experience on our website. Soup of the Seven Seas is going to be the next big journey to conquer.

I chose Central Park Fusion, as a competitor. Their website has some animation, they have their name and a tab to make a reservation appear one the site loads. When looking at this site they have a consistent layout throughout. When scrolling on their homepage they have cutouts that show some pictures of the different items on their menu and some pictures of the venue. I personally liked how they have their booths, and tables set up. It looks like a very relaxing and calm environment. Which makes it look like an expensive place. I did not like how many times they had the same thing being used. They have make a reservation on their homepage over three times. I see this as overkill; they seem desperate with this. Their tabs are to the point, they have a nice look to them. They have four different tabs, which lead to the over sites. Their pages are very organized, and they use the same color scheme throughout.

Our site will stand out because our fusion is so different that people will not be able to resist to have a good bowl of soup from the seas. Plus our food will not be as pricy as Central Park Fusion.

Conflict Kitchen- Review 4

For the final review, I looked up a restaurant called Conflict Kitchen and looked at the design of their site. Something interesting about the restaurant is that they actually change their style and design every so often. They serve food based on countries that the U.S is in conflict with at the time, and currently they are serving Palestinian food. The layout of the restaurant site is very interesting, where scrolling is the main function of the site. On each page, the main information is at the top of the page, with an image behind, and more additional info, you scroll down, and the navigation bar is consistent through each page, and the layout is consistent where the information is laid out and crisp. The text is balanced, and images do not take away from the text. Along with the layout, the texture of the site is very visual, but interesting. The textures that are used as the main background are used throughout the site, as well as the actual restaurant. They use this as their brand, and change it based on what country they are focusing on. The texture also designates the color of the site. The colors that the Conflict Kitchen used were colors from the textural banner at the top of the site. They consistently keep purple, black, red, white, and yellow. The colors work well together, except for some white text over the pictures. Some text is hard to read, but overall the colors work great together. According to the Principles of Web Design, red symbolizes excitement and passion. Purple symbolizes royalty and power, as well as extravagance. Yellow shows energy and happiness. Black, finally, is often negative, but it can show power and strength. Overall, the colors work very nicely together. Navigation works great as well, and leads the viewer around without causing problems. The site maintains the nav bar through every page, and is clean and understandable. Overall, our website could be comparable to this through our color choices, and it would be nice to mimic the image use of this site, as well as navigation that is understandable. Our site will stand out through images and colors, as well as possible textures.

Review #4

When deciding what type of fusion restaurant to create, I came across a restaurant called Anthony’s Coal Fire Pizza. I found their design style appealing and also liked the concept of the restaurant and though it was be a fun task to take on. The concept we came up with was a fusion restaurant called Za’ Fusion, a unique fusion pizza restaurant. What caught my eye with Anthony’s Coal Fire Pizza site was the simplistic design style and simple color scheme. I used their site as a reference not only because of the design style but also the layout. When designing our site there were specific design elements to consider which were also excited in Anthony’s Coal Fire Pizza site.

The basic elements that combine to create visual designs always remain the same weather it be tradition work or web design. Using these key elements of design will ensure you can create a functioning and effective design. The functioning design elements of Anthony’s Coal Fire Pizza starts with the clean and simple layout. There is balance, a constant color scheme, use of space and texture. All these elements come together to make the layout look good but what makes it function is the choice of navigation. There is repetition in navigation to ensure the viewer is able to remain sure of what page they are on. There is a hierarchical type of architecture to the sites layout and global navigation. The logo remains at the top of each page, as does the navigation bar. The footer is a reflection of the navigation bar to ensure a way of moving though out the sites pages. Though out the content of the page things are spaced appropriately. There is use of simple geometric shapes and thin lines to move the views eye around. What I found to be most effective the repetition of the same layout though out the pages. The colors used are not vibrant or distracting but subtle enough to add to the simplicity of the sites design. They add texture to the sites layout with the images that change though out the slide show that is placed at the top of each page.

It being said that the basic design elements incorporated with good navigation will make for a successful web site, I tired to incorporate as many basic design principals in our layout as possible. Like Anthony’s Coal Fire Pizza we have a simple color scheme, we used simple geometric shapes and a grid layout. The style of architecture we used is hierarchal style. We also used the global navigation and kept the same links on each page. Our navigation bar and footer reinforce the links on whatever page the viewer is on. To make the design not as heavy as Anthony’s Coal Fire Pizza, we used a white background with black text and added a few colors to as some life and emotion to the page. The logo is placed at the top of the page and remains there to reinforce the fact that the user is on the same page. We also used the same layout on each page, this works like setting a page in the book. If everything remains in the same place then there is less work for the view to figure out where to place their eye, it just automatically happens.

In order to make our site stand out we used the white background to make it much brighter and added a button that appears once you have reached the bottom of the page that takes you to the top. This is an element that Anthony’s Coal Fire Pizza site was missing. We used warmer colors to make the page have more of an excited physiological effect. We also have the selection on the navigation bar to indicate what page you are currently on but it is also reinforce in the header. With out site, the used knows where they are and can easily find where they need to go, working in a full circle. I would say our sites layout is simple but effective.

Review #4

Domino’s will be the website to be compared to my group’s website which is a pizza restaurant. The layout for Domino’s is simple, and it is easy to read the navigation. However, their front page has a lot of information and text on it and looks too cluttered. When looking at their front page, my eyes don’t know where to look first and what to read first. There is also a lot of pictures on their front page which also makes the layout appear cluttered with too much activity for the eyes to try to register. Domino’s menu layout is nicely balanced with easy to understand ordering and easy to read text. Their main colors blue, red and white are incorporated throughout their entire website. Domino’s could have a ‘home’ button on each of their web pages at the top versus their Domino’s logo because some issues may arise where others may not know how to get back to Domino’s homepage.

Our pizza restaurant website, Za Fusion, has a different layout compared to Domino’s website. Our website is also simple, but it is easier to navigate. Users will not have difficulty finding information or reading text on our website because our website contains space, sections, and is not cluttered. The colors on our website are easy on user’s eyes, whereas Domino’s colors are a bit overwhelming. Domino’s colors are mostly overwhelming on their front page because of all the text that is cluttered so closely together, and the blues and reds that are so close together.

Our website will stand out for numerous reasons. Our colors are a darker version of Italy’s flag colors, whereas most pizza restaurants have lots of reds, oranges, blacks, whites and blues. Our website is simple, with the right amount of information without cluttering and overbearing the eyes with too much text. Users don’t need to think when using our website, and also has a ‘home’ button on every web page.

Review 4

The websites I choose to compare to my group’s final website was Pizza Masters. I think many people will agree with me when I say that Pizza Masters is an effective and yet very simple non-appealing website. Pizza Masters layout felt empty and yet cluttered. There was a lot of negative space. Their logo was off to the left side of the page itself. They didn’t use the entire space for the layout of the menu. It kind of looks like they clumped everything together. I didn’t really like the colors used in Pizza Masters’s website. The fixed burgundy background color was somewhat appealing because it’s such an uncommon color to use as a background. However, the text being in different colors really didn’t work with grabbing the viewer’s attention. The website also used different fonts so the text was unified. The menu itself felt light and pretty normal mainly because of the white background behind the text. But it also felt clumped together because of how close the boxes of content were to each other. Navigation wise, it was pretty simple. There was nothing really special about it. There’s no way someone could get lost looking for what they needed when surfing Pizza Masters’s website. But I just wish the website would have pictures or something to give it the “umpth” so it would have some visual appeal.

My suggestion of how my group’s website will stand out will be by the simple yet elegant feeling you get when you visit the page. Our colors aren’t really uplifting but they’re not dull either. Our colors consist of black, white, green, and red. Now they don’t really grab the viewer’s attention but you also can’t get lost or feel cluttered when you’re scrolling on our website. Our text is all one font and very readable. The menu itself will have a clear section for salad, appetizers, and pizza. Another way I think our website will stand out is by our pictures. I mean, people want to see a picture of what they could potentially be eating! And we have some amazing pictures of the food, appetizers and drinks. Our use of navigation is pretty simple too. So there’s no way someone could get lost or confused while trying to find something on our page. In my opinion, I would say our website, ZA’ PIZZA, will stand out more by just being more visually appealing. And being as though this website is for a restaurant, visual appeal should have been the main focus when creating the website itself. The website for restaurants reflect how the food would look and how the place itself would look. It’s the complete opposite with Pizza Masters. Pizza Masters lacks visual appeal and harmony.

Review #4

Competition within our field consists of soup and bread, so our biggest competition seems to be San Francisco Soup Company. Now, I recognized that the company’s website isn’t exactly similar to our Soups of the Seven Seas Website for a plethora of reasons. For starters, their website is much more simple in design, like a newspaper section. Their homepage consists of an image placed largely in front of the page to where it switches into a different image showcasing their seasonal soups. Then we jump down to the 4 other webpage navigations below that consist of their catering, nutrition facts, todays soup, and their email sign up page. The colors of green and a tan color that they chose mixes pretty well with the pages. It doesn’t scream too much on a bright side, nor does it seem dull, but in my opinion, I might have choosen a different color to go with green. Maybe adding in some sort of gradient or a really transparent texture could work, but their color choice doesn’t seem to far off at all.

Their layout is in the direction of allowing the user to see all about their company’s food and community, so the placement of some of the tabs, and images centers around the page in order for the user to be able to navigate effectively without any issues at hand. For example, their todays soup that consists on the “Our Food” tab is where the user can bring in their location in order to find their type of special soup brand within their region. Then, their page consists of tabs that bring up their different menus from the “Catering” menu and the “Restaurant” menu followed by their nutritional tab that tells the user what kind of soup it is in regards to health such as calories, gluten free products, low fat, etc.

So overall, their website maintains a good standardized website that is simple yet effective for the user to navigate through. That is what we want for our website. For our website to flourish, we basically have set up a simple navigation system that is very interactive and somewhat playful to a degree that helps the user not feel like they are on some repetitive and dull website. Controlling the UI is key to making the website standout, and adding in the extra interactive features will bring our website to a well conditioned website for all users to see, use, and stick with.

Welcome to My Humble a-Webpage by Brandon Kreiser

Our fusion restaurant, The Pasta Project, would face competition form such companies like Olive Garden. We will have similar menu items and will be targeting the same customer base. The Olive Garden web site, http://www.olivegarden.com/home, is extremely well built and offers a lot of insight for our own site. The site uses the elements of layout, color, texture, and navigation to its advantage. For starters the layout of the web page is easy to follow. When a visitor enters a web page they don’t ready the page logically, their eyes bounce all over the place and information is discovered in an unorganized way. Even so, the Olive Garden web page is simply designed and uses a lot of stunning graphics. The layout makes it easy for the viewer to find information without putting too much effort into reading.

Another elements that helps with the pages layout is its navigation. If a page is organized well and easy to navigate than the page suddenly feels like a seamless experience for the user. The Olive Garden web page keeps the navigation bar on the same part of the screen for every move and scroll. The background is also static. Both of these elements give the user an anchor while browsing the page. At no point should the viewer feel lost, as there is always a reference point that doesn’t move or change in appearance. The navigation bar itself is effective due to its simplicity and options to select. Rather than add a lot of different buttons for the user to click on the Olive Garden web page keeps things simple and only presents the topics that really matter. This is something that The Pasta Project should aim for: simple and easy to understand navigation.

In some cases color and texture and be critiqued together as they are responsible for the aesthetic feel of a web page. Olive Garden’s web site used both elements to create a visually stunning experience. The entire web site has a color scheme that it sticks too. The colors are soft beige, dark red, bright mint green, and subtle browns. These colors combine to create a feeling of warmth, compassion, and fresh ingredients. The colors play nicely together and invite the user to keep looking and find out more. The texture has a similar effect. Olive Garden’s web page uses very soft textures compared to some other sites. Watermarks of their logo appear in different sizes throughout the web page. These subtle designs help to give the graphical elements more character as well as give the page a little more depth. Many pages that feel very flat are the cause of a lack of texture. The Pasta Project will try and do the same in creating effective textures and color schemes to make the page easier look at for the viewer.

The Olive Garden’s web page is visually stunning, and pleasingly simple to use. However, the site is not perfect. Because the company is a franchise that is owned by a larger company the web page is built to encompass Olive Garden restaurants all over the nation. The Pasts Project will focus on making the page more personable for the user. Seeing a menu is great, but it is also nice to get the feeling that the restaurant actually wants you, as a customer, to come in and have a good time. With Olive Garden, the customers are simply numbers in a spreadsheet that keep profits in the green. The Pasta Project site will focus more on the individual and present the user with as much friendly, and welcoming information as possible. We want our site to say “come on in, we’re happy to have you.”

 

Review 4

A restaurant that I consider to be somewhat of competition for our fusion restaurant would most likely be Rainaldi’s restaurant. Rainaldi’s is fine Italian restaurant that is family-oriented with a friendly atmosphere. It has a long list of quality foods and meals options with appealing photos that accompany the menu items. The layout is very clean and simplified. The options of the multiple pages are listed across the top where it is easiest to find. For each of the pages, the sections of food are divided with bold text centered between dotted lines that break up the food categories. A good consistency is met throughout the site involving the set up each page; once you have been on one page, when traveling to another page the user doesn’t have to scramble to figure out where or what they’re looking at. I recognized this during my first look at the site and I had no confusion. As for the colors, I think they were appealing for the kind of restaurant Rainaldi’s is. The tan background I think works well because it is not in anyway distracting to the viewer and works well with any pictures that are shown or any text, rather than have something too dark or too light. I felt that it was a happy medium that the designer chose. Having the tan consume most of the site, it allowed the photos to pop and the ability to play around with accent colors, such as the green and red, also with some purple at the top, used in the rose vines and grapes vines. In addition, these colors perfectly resembled the Italian culture. For the content of the site, the options bar is separated by the the different titles with borders around each of the options creating a 3-D effect. This same border and effect is around the black and white family photos with shadow effects that fall behind. I also noticed how a nice texture fell on the tan background, however it fades as you go down the page when the user hits the text, which is good so the text is easy to read. Comparing our group’s site with this one, I feel that we both are accomplishing the same design ideas. For one, our group thinks its important to having a background that will not distract the viewer away from the content, and so everything presented on the page is made legible. That is our first concern. After having a successful color choice, the design and secondary color choices, such as our choices of red, green, and yellow, will accent throughout the site’s pages. Like that of Rainaldi’s, our color choices are based on the ethnicity of our restaurant, incorporating colors of the two country’s flags, both Italian and German. In hopes of our project, we look to make our atmosphere kind and friendly, while presenting fine dishes, having delicious homemade foods using authentic ingredients, and having a somewhat fancy aspect to our customer’s dinner experience. In addition to this, to make ours stand out, we look to score on our content, providing as much information as possible whether it is about our dishes, contact information, or about our restaurant, history, and dining, that way we leave our visitors without question.We tend to make sure our site will appeal to the eye and have our design layouts reflect the kind of restaurant we want it to be. We will make sure our graphics throughout the pages are unified. For example, Rainaldi’s used 3-D effects throughout their pages with text, navigations, and photos, while the graphics such as the rose vines, and grapes used for the top border looked as if they were pasted on. Unity is our biggest concern and should be any designers.

Review #4 // The Soup Kitchen vs. Soups of the Seven Seas

Thesoupkitchen.com is a website for a small franchise of restaurants in Tennessee who seek to break away from the typical fast food market by focusing their menu on Soup, Salad, and Sandwiches (but mostly soup). Their website is simple and straightforward: A grey textured background resembling stone borders a white rectangle where the menu and the information for one of the few pages sit, giving it a hearty and homemade feel. Fixed above, and right aligned with the box sits several links to several of their locations, which when hovered over changes text color from white to red and creates a drop down menu where one can find out pretty much anything they’d wish to know, such as what’s on the menu, directions, job applications, contact, and more. If you click direction on the city it underlines the text, which is the only really indication of where you are at in the site asides from the headers, and takes you to a summarized version of each section, along with some pop-up links to social media links where you can read tweets, like on Facebook, and see pictures of their locations on Flickr. While a majority of the text changes with each page, a search bar and list of soups always remains underneath a changing picture of a soup of some sorts. Though a little inconvenient and a little confusing (for such a small and focused site what would someone need to search for?) whenever used it brings up pretty much the same list of information as above, just in a vertical format.

 

While The Soup Kitchen may have an impressive menu of soups that show a lot of diversity, and a simple interface, the site for Soups of the Seven Seas is more fun and interesting to use. The main page features a table spread much like what you’ll find at our location: A big bowl of soup with floating noodles that take you to the menu page, a cell phone which vibrates when you hover over it to let you know how to get in touch with us, a loose polaroid picture to take you to the gallery (because who doesn’t enjoy staring at a nice hot bowl of soup), and much more to discover. When you venture to another page a row of bowls with the name of each page it directs to (and a little blow of steam coming from the one you’re currently on) sits above a white box which holds the information for the page, surrounded by an orange back ground which gives off a warm and appetizing appeal. Though after the main page soupsofthesevenseas.com gains a more simplistic appeal, it navigates efficiently making it easy to get around so anyone can find out whatever they need to know in just a few clicks!

Review #4

For our final project we are making a fusion pizza resonant called ZA Pizza. So for my final review I am analyzing a similar theme restaurant call Pizza fusion. I will be looking at its color, texture, navigation, and layout

When I enter a site the first thing I notice is the color of the site whether that be conscience or subconsciously. In the Fusion Pizza restaurant site it is clear that their color pallet is a complimentary color scheme of both greens and reds. When you get into the phycology of colors this seems to make perfect sense. Red is an attention getter and also in some people increases hunger or apatite. For a pizza restaurant this is a perfect color. Green on the other hand represents nature; freshness and growth all help describe their pizza is all-natural. While some times it is hard to pull of a green and red color scheme with out getting the feeling of Christmas. I believe that Fusion pizza did a very good job at bringing the whole scheme together with the incorporation of some neutral colors into the mix. I would overall give their color choices and A+.

The next design principle I want to talk about is the texture of the site. While there are some geometric shapes through out the site it is clear that they want everything about their site to be organic. Everything from the textured wood background to the green vegetation type print on the lower half or the site. Most of these organic textures not only send a positive message about their product but also help to make the site look more interesting. While geometric shapes make a subtle appearance in the site its work does not go unnoticed. The use of these geometric shapes along with some repetition and rotation of objects adds a little guidance to the eye and cleanness to another wise organically filled site. Between the two uses of texture I think they work well together to bring a sensible compromise to these to styles.

The layout of pizza fusion seems to be pretty strait forward. It is a three Colum system with a block style organization. The Colum layout dose change a little depending on the page your on for example in the menus page it changes to a two Colum system but keeps the block style organization. In the layout they also do a very good job at guiding you eye with text. They use everything from type of font to color of the font. It is clear that there is a hierarchy in the information that they want you to know.

Lastly the navigation is also made to help your time on their site to be a pleasurable one. They use a hierarchical navigation to help convey their most important messages and guide you around the page. Similar to most other sites there global navigation can be found in the nav bar above all other information on what ever page you are on. If you hover over each nav bar every other link shows you supplementary content related to the globe content being hovered over. While I think there navigation works I think it need the most work out of all the sections. The first thing I had a problem with is the home button is not intuitive. It took me a few seconds to realize that you need to click the logo to go home. I also think that they have way to many selections in their nav bar. They could benefit from some condensing of their information. They also might benefit from a breadcrumbs bar that tells the user were they are and were they have been so they can make their way back. While I think the navigation works I do also think it needs some work.

Our site is going to stand out one because it is simpler and easy for our customer base to breeze threw information and two because our site will be more interactive. The lac of simplicity of pizza fusion is something I think might turn users off and make them look else where for a better site. Our site with its strait forward design and intuitive navigation will hopefully give our users a pleasurable experience at our site over our competition at pizza fusion. The second thing that pizza fusion didn’t have was anything that the user could interact with on the site. This keeps the user engaged on the site and is something ZA pizza hope to deliver. Everything from and interactive slide show to dancing pizza slice arrows that guide our users back to the top of the page.

Review #4

http://www.lemonadela.com/

Layout& Navigation : The layout of the restaurant I choose is very similar to my fusion restaurant. Though you can scroll down rather then how ours you can scroll horizontal. With this feature our viewers will experience less confusion with where to navigate. Though, you could argue that the navigation bar is at the top, our website will be less distracting to the viewer and more organized with are double menu idea. With our double menu I mean, two navigation bars will appear. Example is when you click menu at the top of the navigation bar, the next menu will appear right below with the entrees, deserts, and so on.

Color : The color use of the Lemondela site is very citrous orientated. Though this works with the name of the restaurant it can confuse the taste of all of the other food. When we chose our color scheme, we decided to make it simplified. When the color scheme is simplified it put emphasis on the real important information. This would mean the colors of our food in our pictures, and will create a sense of importance. Having a simplified color scheme can give you a sense of classiness.

Texture : The texture on the Lemonadela website is shown in its pictures. The close ups of the food gives you the “taste” of its texture. In our website we use the same approach, but we also included filters on our pictures. This will also explain a sense of texture that you get besides a picture of food.

 

Review #3

The two site restaurants I would like to talk about are Bravo Franco and No. 9 Park. The strong points of each site are very contrasting between each other. I visually enjoy No. 9 Parks website design and its over all feel of its design in an artistic way, but navigation and structure wise I feel like Bravo Franco has a better site. With Bravo Franco it is much more easier to navigate what you want fast and easy. The bigger sizes they use is easier for us to locate what we are looking for without much effort. Too much of the same size and like colors loses us with what information is important like I feel when I am on No. 9 Park restaurants site. No. 9  Park’s site does not have enough contrast between all of its elements to navigate as easy in Bravo Franco. This causes us to overlook the navigation we need to explore.

Review #3

No. 9 Park’s site  is relatively static and not balanced based on the amount color-choices and image at the top of the home page. While navigating through this website, the only thing that changes is the top-right div that houses an image and some text. While this makes navigation easy to examine, the sites balance remains poor. There is plenty of black in the background, and the div appears floating because it has a lighter value. This value is sitting on the right side of the page, so I do not look at the bottom-left of the site at all.

Like before, the only content that changes are text and images on different pages; the site is unified because of its static approach to displaying content. Every page has black, gray, a splash of the accent colors and similar footer and sidebar content. The emphasis is drawn on the new text on each page. Where there is a stark contrast between the background and div containing the image and text, there is an emphasis on what the audience should look at. The layout is lacking any differentiation. There are two columns, one for navigation and another for images. There is a footer at the bottom with some more information on the company, reservations, photography credit and site design.

The site is identified by the logo at the top left corner, something that is found in many sites created today. The user knows they are No. 9 Park’s site because of the logo and consistent color scheme carried throughout. This identification serves as a primary indicator of current page viewing and a home button to bring the user back from the rabbit hole of links on this site. As previously stated, the logo is a primary way to go back home. There are no breadcrumbs on this site, so an additional home button is not found. The browser’s back and forward buttons are simple ways to get back, but there is no way back home other than clicking the logo.

There is no option to search on this site. I looked for search bar and came up with nil; however, there is a small site map located in the footer and a menu of pages along the side of the page. This site has some ancillary pages to describe how-to’s and other information you may need when visiting the restaurant. Sections are divided by layout and column work delegated by the web designer.

 

Primanti’s, in relation to No. 9 Park’s website, has more balance, unity and emphasis because of the division of content, images and colors used, typography and visual interest. To start, balance is even because Primanti’s uses right and left justification/float of text to express balance. The cover image has left alignment of text, while the navigation buttons are right floated. There is balance when scrolling down the page because of the dark background, imagery that copies the style of neon signs, chunked segments in terms of divs and analogous colors. This site is unified because the navigation bar and footer match on each page, as they should. Textures are implemented across the board to give a feeling of unification, especially when used more than once. Fonts are consistent and imagery feels the same on different pages.

As previously stated, emphasis is placed on neon sign skeuomorphism found throughout the site. This draws in the eye to the food or images that are near these icons. Every page, other than the home page, follows the unification of explaining the page with one of these icons that have a great amount of emphasis due to size and color. Layout consists of horizontal divisions with differing backgrounds and emphasis on different sections of the website. It works well to show an image for each page; this image describes what is going on before the user scrolls.

Primanti’s logo is based in the top left corner and provides a way to identify what site the user is on and also a way to go back home by clicking on it. As said before, the logo is a great way to go back home. As with No. 9, the information architecture is hierarchical and does not require a breadcrumb, because most pages are only one page deep.

Like No. 9, there is no dedicated search bar, but a small site map at the bottom. These utilities are found in the footer along with the site map. There are different sections in the site that are accessed from the navigation bar.

Primanti’s’ draws my attention because it has bold, big icons, imagery, dynamism and similar typography throughout the site. The attention to detail and interactivity are more fun and make me want to use the site longer and find more information on it. Although I did not read much, the imagery gave me the idea of where I was and what I was doing.

 

No. 9 Park (http://no9park.com/)

Primanti Bros. (https://www.primantibros.com/)