Category: ARTM2210 Intro to Web

For my third website review, I chose to compare the sites Burgatory.com and Mad Mex.com. Both sites, upon visiting the homepages, are stylized with images and graphics as well as multiple textures. Both restaurants are dedicated to a more casual dining experience and at first glance their websites show that by not being too minimalistic or use too many “fancy” fonts that some more high-end restaurants use.
Burgatory makes it clear that they are a specialized burger place by having a large hamburger graphic at the forefront of their page. Burgatory differs from MadMex a lot in their use of navigation. In Burgatory’s case, their navigation is off to the right side of the page, and contains a drop down to certain categories, contrary to MadMex’s site, where they have a traditional horizontal navigation bar near the top of the page, but do not have any drop down menus.
I feel like Burgatory also has MadMex beat in balance qualities on their site, Burgatory has information stacked almost equally on their website, while MadMex has information leveled on one side of the site more than the other. One case of this imbalance is in the navigation bar at the top of MadMex’s site, where the left side is larger font than the right side of links. While this does use a little bit of emphasis to show that those are the most useful and used links, it looks a little odd.
Burgatory shows its emphasis on certain menu items by the “slideshow” of items (separated by burgers and shakes) on it’s front page. The large text it shows on top of the floating image, the emphasis is on their product and the name of a specific product, as well as the menu which is referenced when hovering over the image in different spots.
In the case of making links on their sites easy to find, both sites do a good job. MadMex has their links highlight with an underline to indicate it can be clicked, Burgatory has their links highlight in a different color when hovered on.
Both sites has a little problem with noise. MadMex’s site has an automatic slideshow showing different promotions and events at the restaurant, as well as a weird stack of links on the front page that is not organized into the top or bottom navigation bars of the site, and is visible before the introduction of the establishment. These things take away from the experience of the website and can disrupt the process of getting the wanted information from the site. If these links were put into the categories in the navigation bar at the top of the website, I think it would make the website a little easier to go through, as well as navigate to desired pages. As for the slideshow, making it click-through instead of automatic would be a little less distracting. Burgatory’s noise issue is just in top of their homepage, where their single burger/milkshake highlight slideshow is. In this part, the slideshow is bordered by both the logo and the navigation bar on both sides of it, as well as a gift card graphic/link right below the navigation bar on the right. With the buttons to go left or right in the sideshow so close to other links, I found that sometimes when looking at a menu item in the slideshow and going to the next one, I would be at the giftcard page because I accidentally clicked it instead of the “next” arrow.
Overall, I prefer to navigate through Burgatory’s website over MadMex’s website, Burgatory offers the eye a lot in terms of their design and graphics, as well as the organization of their information, which is easy to seek out and read. MadMex for the most part is clean, but with faults in terms of their organization of text, and their odd choice of link emphasis and the displacement of links.

For this website review, I chose Six Penn Kitchen and one of my personal favorite restaurants, The Interchange Lounge. As I explored each restaurant’s page, I could tell that Six Penn Kitchen definitely has a more professional and sophisticated website then Interchange Lounge. That is because of the bigger customer base as well as location. While Six Penn is located in the heart of Pittsburgh, the Interchange Lounge is located off of Route 51 on a side road. Six Penn’s website is balanced, clean, and sharp. The layout is great and definitely emphasizes the food as well as the location. The Interchange Lounge does a decent job at explaining what their restaurant is all about but it needs to be polished just a bit. According to Steve Krug’s “Don’t Make Me Think” a website should follow these five important concepts to make sure users see and understand the website as best as possible:

• Creating a clear visual hierarchy on every page

• Taking advantaged of conventions (both naming and graphic)

• Breaking pages into clear defined areas

• Making it obvious what constitutes a clickable link

• Minimizing noise

I believe that Six Penn Kitchen follow each concept well, where as the Interchange Lounge follows some but not all.

Six Penn Kitchen’s website it truly eye-catching with the graphics, photographs, typography, etc. One can definitely see the sense of hierarchy on the home page as well as every other page. Every page is unique and showcases it’s proper meaning. The noise level is extremely low which is fantastic for users. The nice white ribbon banner on the top is an awesome way of showing what it clickable link and what is not. The Interchange Lounge on the other hand needs some work. There really isn’t a sense of hierarchy or emphasis on any page. The images of the food need to be the prominent thing that users see and they just missed the mark. The layout is bland and does not distinguish each page. Every page has the same style and feels archaic. It is definitely a shame that the Interchange logo is not even clickable. The couple things they did manage to do alright is making the different selections clickable and stand out while minimizing noise.

Overall, Six Penn Kitchen’s website is great, stylish, and easy to explore while the Interchange Lounge has some ways to go to be of the same caliber as some of the most recognized restaurants in the Pittsburgh area.

For our third site review, I will be analyzing Peter Allen’s Italian Restaurant’s website and Six Penn Kitchen’s website.

The first thing I noticed was how Peter Allen’s site adjusted to my browser window by using a different layout. Six Penn Kitchen made me have to scroll horizontally in order to see more of their information if my browser window was too small. So Peter Allen’s has an adjustable layout. Both sites utilize “persistent navigation”, which Krug describes as a “set of navigation elements that appears on every page.” They avoid the “happy talk” on their main home pages and stick to their message on each subpage such as dinner foods with their dinner page instead of being on their gallery page.

I noticed each site strives to have an image towards the top third of their web pages with information and links following afterwards meaning they have similar layouts. They tend to emphasize their product and service as well as the overall emotional feel they want their restaurant to portray to its customers. Personally, I feel that both sites are balanced when it comes to their imagery and information. They have clean navigation and they allow the user to “browse first or ask first” in Krug’s words. Each site gives the user freedom to explore, but also quickly find the information they are looking for. The unity is tied together by having their logo and “persistent navigation bar” on each page along with similar wireframes, color scheme, and typographic selections.

In contrast to the examples shown on page 62 of Steve Krug’s “Don’t Make Me Think–Revisited”, both sites would be considered easy to navigate and find information within a user’s first visit. In the figure shown on page 62, most sites require subsequent visits in order to memorize the paths to specific pages of information. However, each section is clearly labeled and has specific information pertaining to the labeled sections therefore making the sites user friendly.

As another observation, every page on both websites sticks to their overall message and identity. Krug talks about how people do not always enter a site through the home page anymore, which can tend to be a problem. In contrary, Peter Allen’s and Six Penn Kitchen successfully deliver their message and overall identity on every page while leaving their layouts clean with quick access to the homepage. No matter where a user enters the site, they know what site they are on.

I have a personal preference towards Peter Allen’s Restaurant because I feel like the information is not as concentrated and squished on their website. Their identity is brighter and more uplifting than Six Penn Kitchen’s identity appeal. I also like how their website is adaptable to the browser window, which is good for mobile phones and tablets.

–Katie Carlton

The websites I chose were peterallen.com and Six Penn Kitchen. Starting with Peter Allen, the site was very easy to navigate and was nicely organized. In the book they talk about having broad headings that trickle down into more specific categories which is what Peter Allen does. Their headings include: Menu, Drinks, Reservations, Directions, and Contact Us. When you hover over Menu, it has a drop down that breaks the categories down into Lunch, Dinner, Dessert and Late Night. Which ever you click on takes you to that specific menu. But when looking at Six Penn Kitchen, instead of a drop down menu, when you click “Menu” it takes you to a menu where you can then narrow it down with a heading bar at the top. Both sights have great navigation located at the top of their sites, the headings are clear as to what their topic is about and when you hover over them, they make it clear what you are hovering over (changing color or underlining). They both have a place to reserve a table, with Peter Allen it is a separate tab, but with Six Penn Kitchen it is a link that sits above the navigation bar. Both sites have a nice navigation flow to them that leads you from one page to another. But looking at the bigger picture I think that Six Penn Kitchen has the better navigation because you have to click on the heading itself to find the smaller categories. I feel like that makes it easier to find things because you are already in the broad heading.

I decided to do my review on Outback Steakhouse and Burgatory. When I think about a restaurant website the first thing I think of is their menu. Well on both websites I had to look in the right corner or scroll over things to find the actual menu. Krug says to keep the noise down to a dull roar. To me it looks like both websites are shouting to show what their main food product is. I get the point of the website is to show what their food looks like without actually being in the restaurant but as a customer I can clearly see that Burgartoy sells burgers and Outback Steakhouse sells steaks. I did see that Burgatory show cased their “heavenly shakes” as well as their “helluva burgers”. Personally I would like to see both websites “show off” their other food products as well as their main product. The emphasis is definitely on their main product. Like I said early both websites show cases the main product as the first page when someone searches the website and then the menus and other important things are in another tab. Once I found out where the menus where located it was super easy to find out other foods they make. Krug also says to make it obvious what’s clickable. Outback uses underlying and colors, while Burgatory uses shapes, tabs, and color. Outback’s layout consist of having the right panel being bigger than the left panel. This creates a sense of balance because the items that are in the left panel co-exsist for what you press in the right panel by having big white text. Once I was looking through the website and click on a food item in the right panel a picture of it and a description popped up in the left panel. Burgatory uses the layout by having the important information in a middle panel, the menu on the right side, and less important things on both sides. This design also works well because it lets the viewer know that the most important thing that you are looking at is right in the center of the page. Overall I like Outback Steakhouse’s website better because of how they incorporated their food items in a simple non-noisy way.

The websites for Six Penn Kitchen and Peter Allen’s are both very interesting websites. They both feature photos as their main focus of the hierarchy of the website. They both balance text and images on each page of the website. Though on Peter Allen’s the image is so dominant I over look some of the other aspects of the page like the navigation on the top, but as you scroll down the page a larger home navigation follows you down and has a drop shadow which makes the text hard to read. The main emphasis on every page is the image which has a movement involved like cheese falling onto pasta. As a whole the entire site is unified with the same layout on every page which is easy to navigate. On the Six Penn Kitchen site the nav bar does not move with the scroll which I do not mind the pages are set up almost always with an image and use a white or green text on a black background. The lay out of each page differs depending on the content, as in there is no images on the menu page and on the news and events page, each event has its own space paired with an image going down the page. As far as unity for Six Penn Kitchen, the entire site has a theme and every page matches that theme with out having the exact same layout on every page making it more interesting and less predictable. Peter Allen’s page really grabbed my attention at first with it’s large moving image but as I navigated through the page I got annoyed with the drop down nav bar that followed you down the page and the menu page did not give you a menu but more links which seems like a good idea but really was more work than it needed to be. Six Penn Kitchen was also interesting and with the dynamic layouts through out the site I felt it was a more interesting and better done site than just show casing a moving photo. The navigation was nice and mindless like in Krug mentions in Don’t Make Me Think. Every link I clicked on took me right to where I expected it to and not more unnecessary links. But at times the site for Six Penn Kitchen did seem a little wordy while Peter Allen was more image than words, Krug mentions how omiting needless words is a better design choice. But also Peter Allen’s had to much going on with the images and as stated in the book making the images create to much noise and is distracting from the actual site. Both sites have interesting aspects I feel Six Penn Kitchen meat most of Krugs ideals.

The two websites that I looked at for the third review were Burgatory.com and Sixpennkitchen.com. When visiting Sixpennkitchen.com, I immediately noticed that the logo of the restaurant was displayed to the left corner as is typical for websites, but it was not that much larger than the other text on the web page and the logo seemed to blend in a bit with the main navigation bar. Burgatory.com was a bit different in the way that the page length was altogether shorter and the navigation bar was to the right side of the webpage. I noticed that when on a separate page, both websites have the feature that if you click on the logo in the left corner, you are immediately taken to the home page.  Both of the websites include a site i.d. , utilities and sections on each page but neither one includes a search bar anywhere. Both of these websites include the feature that if using the navigation bar and clicking on something like the menu, the title would then be highlighted in order to show a visitor where they are on the website. Neither website above has an overload of extra words or information, Burgatory keeps their pages simple with little content and more of a basic design. While Six Penn Kitchen is a bit more sophisticated with their website, including more of a description under such tabs like the Events part of the website. Although both websites contain imagery that is interesting, Burgatory is on a higher level when it comes to catching a visitor’s attention. Their images of the Burgers at the restaurant are up close, interactive and larger than even the logo on the home page of the website. This gives the visitor an idea of what Burgatory is really about and what makes them Burgatory without using text or a basic welcome and introduction on the home page. These burgers on the home page also give Burgatory the chance to let the visitor navigate to the menu by running their mouse over the burger being displayed and clicking the menu dialog box that pops up. On the home page of Six Penn, you cannot click on any of the images or navigate any other way besides the navigation bar at the top of the page. This makes their website a little less interesting mostly because it isn’t as interactive to a visitor. When looking for the utilities at the bottom of the site, I noticed that neither site included one. For the needs of the two businesses, this seemed to be alright and did not change the use of the website when it came to navigating through it. Altogether both of these websites are mostly successful for their own individual uses, style and needs for their businesses.

For review number three I choose to look at the website http://www.azulbarycantina.com/ for Azul Bar Y Cantina. The website fits the home style restaurant that it is. Besides the main photo being pixelated it is very easy to use and has some very cool artwork for their banner.

I also chose to compare Azul’s website to the website no9park.com No. 9 park. I did this because both of the websites are closely related. Even though No. 9 Park website’s layout is better that Azul’s. Azul has more emphasis using a darker blue background contrasted to a bright yellow and white fonts.

No. 9 Park has a better all around website in my opinion, because of how the logo, photos, information, and navigation bar are all closely related in color and size.  They also use a softer and less eye popping blue for text. No. 9 park is much better at grabbing my attention because of how it looks more professional and put together. The color scheme and font speak to a higher level than Azul’s website does for me.

For this Restaurant website review, I chose Peter Allan’s Italian restaurant and No. 9 Park.  First, I looked at the home pages of each of the sites.  These are two very similar restaurants in the choices that they offer and the theme that they have.  They are both very elegant or high class restaurants, therefore their website should show that right off the bat.  I believe that they both show that they are higher class on their home page in the layout and the pictures that they use.  They use pictures of food on white plates that look clean and professionally done. The clarity of the navigation on both of the sites makes your choices practically mindless like Krug talks about in the reading.   They also don’t have a lot going on on the homepage which makes the picture of the food the center of attention.  This shows how they use the important things Krug talked about in the reading.  He talked about keeping the noise down.  Noise is referring to the extra stuff on each page.  Both of these sites keep their extra stuff to a minimum so that the food is the central focus.  This is carried though out both of the sites. This helps to unify the site.  Also, This shows how Krug was talking about getting people off on the right foot.  The pages and easy to navigate and you can clearly find the menu, about the restaurant, contact, and other necessary parts. Krug, also, talks about making navigation easy and effortless.   Next, I looked at the menus for these places.  The next thing the Krug talks about is omitting needless words.  The menus on these sites are short and to the point.  They give enough information for the customer to know what they are ordering, but not too many words that they don’t even want to finish reading.  I know I hate when restaurants have such long and complicated descriptions because its hard to understand and it makes me loose attention to it. The next thing I looked at was the layout of the actual site.  Did everything look like it lined up   and look like it was supposed to be there.  I believe that Peter Allan’s website looked pretty good.  There was a nice header at the top.  The text was easy to read.  I would have to say that there was a bit too much white space in the menu portion of the site, though.  It started to hurt my eyes to look at all that white.  Also, I don’t like how the heading part comes down when you start moving the page.  I believe that it should stay visible, but it looks like it is delayed in coming down the page.  No. 9 Park’s website looked cool.  I like how well the side navigation works for their site and I like the contrast in the colors of the pictures to the side navigation.  One thing I do not like is that the information under each of the pictures is lined up with just the picture and not the entire grey box.  I believe that is looks okay for all the section but the menu.  I believe that it looks completely messed up for the menu sections and throws off the balance of the site.   In my opinion, I believe that Peter Allan’s Italian Restaurant is the better website at drawing your attention for a few reasons.  The first reason is the layout.  No.9 Park has some issues with its layout that make it look off balance.  Peter Allan’s is layer out in a way that balances it and unifies each page together.  Another reason that Peter Allan’s website is better at drawing your attention would be the pictures.  Their pictures move and the movement makes the food looks so much more appetizing than static pictures.   No. 9 Park show pictures that are not always of the food and do not seem to be as intriguing to me as Peter Allan’s.  All in all, these are both decent websites, but I believe that Peter Allan’s is definitely the better of the two.

For my second review, upon browsing onepagelove.com, I stumbled across a website based upon one of my favorite tv shows. The website is whoismrrobot.com, a site that is based upon the TV Show Mr. Robot. Now, to understand the websites structure, you must understand the basics of the show. It follows a young man who is a cybersecurity engineer for a company by day and is a hacker for the most elite hacking group in the world by night. As such, the main layout is based upon a command line, or terminal, that navigates you through the website. After a brief introduction to the site is typed out for you, it gives you a list of commands to do that will continue your journey through the site. Unfortunately, after typing in the first two commands it just did some self promoting like asking you to like their Facebook page. The third command though, “inform”, brought up another terminal like page humorously making fun of the NFL deflategate scandal, which had nothing to do with the show at all, but brought themes from the show in it. Upon further investigation of the site, I figured out there were actually multiple real news related stories, all that had a connected comment from “<mrrobot>” himself, which actually brought some cool insight into that character some more. The next command, “question”, brought up a slideshow of different graffiti propaganda like images of how the american dream is a lie and other things of that nature. The other commands just brought up things like a video clip from the show and other things that were directly in the show, but the last command, “join”, brought up a command prompt from someone who says he has been watching you and wants you to join him and to enter your email address. I curiously entered my address, but have not received an email of any sort.

As far as the style of the webpage, it’s very basic but is made to look that way since it is a command prompt. It has the block to tell you where you’re at on the command line, it has a simple Serif font with just green and white text on a black background, and nothing that incredibly pops out at you.  One thing I did notice was the sound design is a little messed up. I had my headphones in while navigating the command line, and all of the sound of the keystrokes and entering a new command only came out of the right side of my headphones. There isn’t a lot of texture that you can analyze from the site though, as there is no shapes or shadows or gradients that make it stand out. Just generic, but it’s obvious that’s how the site was supposed to be setup.

Overall, I think this site did a good job of achieving it’s purpose. It’s target audience is obviously for fans of the show, and I feel as it’s goal is to bring fans into the real world of the show, which it successfully did for me. The only thing I wish is that there was more commands to go through, perhaps a more interactive part to the site besides just entering commands that take you places. More typing in the command line to do more in depth things would’ve really helped, but it still successfully did what it was supposed to do.

After looking through the many single page websites found on the site you provided for us, I found a site that was one large animation saying Happy New Year. When I first launched the website, all that appeared was a loading screen that said “Are you ready?” and then a match that kept jumping up and down. I then discovered that when I put my mouse over the match it was a button to click on. Clicking on the match then made the match catch on fire and four colorful rockets showed up. Clicking on the match again I could drag the match to each rocket string. After dragging the match to the first rocket a sign popped up that said “Nicely done! 3 to go!” which then led me to believe I needed to light the last three rockets to find out what happens next. The rockets then shot up and the screen changed to a city skyline and the words Happy New Year 2016 on it with lots of little blinking dots in the background. Referring back to the reading, the color of the single page site went perfectly with it’s theme. The never burning out match was fun because it gave you as much time as you wanted to light the rockets. Taking a deeper look at the rockets colors (green, orange, blue, and red); green symbolizing growth or hope, orange being a very active and energetic color, blue symbolizing openness, and red having a reputation for stimulating adrenaline and blood pressure.

The navigation is provided by the different objects you have to click on and where you move them to get to the next page. The user does not need to scroll at any time. I don’t necessarily understand why there is a website just for an animation regarding a happy new year note. The site’s design elements make it extremely easy to move throughout the site. The texture of the illustrations could be better. There could be shadows or more detail in the illustrations but it all still works for the simplicity of the site itself. The point I got from the website was just to make a fun animation for New Years. I like the process of getting to the New Years message with the city skyline. It is a very basic site. On the last screen on animations you can click to get more information about the artist. I don’t feel there is a strong purpose for the site. It’s not selling anything or persuading anyone to do something. It’s just a way to say happy new year and show off the artist’s coding skills. Although this site is a bit childish because of the process, every once in a while it is fun to come around these types of sites. The site is supposed to be promoting the artist’s GreenSock Workshop but I would not have known that if I didn’t read about it beforehand. For what the site provides I think it would be a fun thing to send to relatives on New Year’s.

For my second review, I chose one of my favorite websites Letterboxd. This is basically the “Facebook” for film critics and film lovers (like myself). And at the end of last year, they published a year-end wrap-up for the films released in 2015 with an enormous one page website. At first glance, I could already tell that it was going to be an awesome experience, especially with the big “2015” in bright vibrant colors and having film stills in each number. The main color scheme is a very dark blue, with accents of light orange, green, and blue. I believe that this color scheme works well because the bright colors complement the dark blue to create a really stylish look. I liked how they tell the user to navigate the one page site by using the arrow keys. They also give a little illustration to accompany the directions. The one thing that bugs me is that I feel that it is too small. They should make it one or two points bigger. I feel that the navigation and layout is spot on. According to Steve Krug’s Don’t Make Me Think, a website should have these attributes: usefulness, learnability, memorability, effectiveness, efficiency, desirability, and delightfulness. All of these attributes were executed in Letterboxd’s 2015 Wrap-Up one page site. When one navigates down the page, he or she is delivered with a small clip, title, poster, and short summary of the film in a smooth and clean look. Then, if one continues, they are given a quote and small movie poster from the film above. This format continues throughout the website and also gives interesting facts, lists top film posters as well as top directors, actors and actresses. The finale of this wonderful splendor is the “25 Best of 2015 Video Countdown” that summarizes the “Top 25 Films of 2015” in an incredible video montage that really showcases each film. This one page site truly delivers an amazing experience for anyone who loves film or is even interested in a specific title. Letterboxd did a great job with showcasing a huge amount of content in an organized, clean, sleek, as well as interactive manner.

 

Take a look for yourself and experience the awesomeness!

Link: http://letterboxd.com/2015/

Describe and analyze the site’s use of color and texture.

I chose Flying Piñata (flyingpinata.co) as the single page website of my choice. Flying Piñata is a minimalistic site that relies on festive colors of yellow-orange, cyan, red, and green.  The Flying Piñata logo is made up of all of these colors while the “flying piñata” is a yellow-orange and red striped donkey with a green drone carrying it. I feel these colors fit the personality of this site. Flying Piñata sells literal flying piñatas. When you download the application, you can deliver a piñata via drone to a location of your choosing, typically to a child’s party or other fun event. Otherwise, the site is made of a muted sky blue as the piñata is carried across the sky that is their header. This blue appears again at the bottom of the sight where there is multicolored confetti pieces.

 

Further, as this is a single page site how does the user navigate from one section of content to another? Does the user have to scroll left to right, top to bottom, all over or is navigation provided that takes the user to the content? What design elements make the site easy to scan, read and understand content.

On this site, the user navigates by scrolling from top to bottom where links to the app are seen along the way down as well as cute, animations that explain the purpose of the company. The site is a little confusing at first glance. While I adore the animations, I was confused by the extremely large video beneath the header. As I scrolled by it, I discovered the simple bit of information provided by the company and another link to the application similar to the one in the header. If the video were smaller, it would be much easier to understand and would not have a giant break in the middle of the page.

 

Lastly, make an argument for whether this site’s design is well or poorly done.

While I enjoy the theme and idea of this site, I do not believe it is the easiest to read or understand. The header is charming and cute, but the large video clip takes up too much space and takes away from the rest of the website by dividing it and creating a large, black hole on an otherwise light feeling site. After the video, we return to the bright, fun website, though it had a bit of white space that I feel made the animations look like they were floating.

I chose the to review this site https://brand.uber.com. This site is a single page. It scrolls from top to bottom with wonderful design and cleanliness. In the beginning, they have put the company logo in the middle with light phrases in black and turquoise and the in the left side there are the social media connection as Facebook, Twitter, etc. To make it easier for the researcher to see. On the right, there is a short video that explains the company’s work, the shape is beautiful and smooth and appropriate for the page. There beside the simple video texture and light to the eye, colors and comfortable to the eye also. The page white and turquoise, good use of white space there are some lines in the back.

When you go to the bottom of a rapid move, it shows you a beautiful illustration with perfect color choice. There is some writing for the definition of the company when you press the button, “find out why” page is smooth appear not to cause inconvenience.

Go down again, a blank page and a light show. With some designer lines and used some of the shapes in the background to give a kind of dimension and three-dimensional shape of the bottom. There is a circle within a quick video about cars to show the speed of service using the technology to give a quick overview of the company and its service there is also a button “Watch the film” to show exactly about the company and what they are.

The part that after that, the background and the beautiful light displays some pictures, press the button “View the work” to introduce the company’s business profile and What is its vision and where you derive their impact through logo etc.

The last part of the page, the white page appears with some forms of weaving back and there is a nice, well done illustration. There footer beneath the company’s website, design and shows jobs to help faster when searching.

In general, clean the site and designed concatenate it easier for everyone to see. A good choice for that bright color, you do not feel upset when the page scans. There is useful information for the company and what you want quickly. Good use of the line is clear. Simple and beautiful page.

I did my review on http://shoutouts.space/. This website collects user-submitted compliments and praises online. The user scrolls up and down to see all the content on the website. This website it really simple to navigate. The designer used big rectangles with different colors and white font color. When you land on a box the color of the words turns black. In each box there is the user’s name, what they wrote, and the date of the compliment. This shout out page reminds me of a horoscope page because it seems like it would be a page you check right when you get up. To improve this page the designer should organize the posts in chronological order. Also the designer can make it easier for a person to make an account in order to post compliments. The creator can also connect with Twitter and Instagram to expand the website. The most recent post was from February 10, 2016. If it is connected to Twitter, a lot of people would like to read compliments and praises to start off their day. Me personally would like to see the more recent posts at the top than rather all over the page. If you click on a box, it will just appear larger and a viewer can “Give a Shoutout” and/or share on Facebook. I like how the designer kept the font sanserif and white in order to keep it simple. Overall the website might be a little too simple. Maybe the viewers might like it simple but to attract more people the creator should add a better design and more posts. I’ll give credit because this website was created this year, so it does look decent for two months.