Category: ARTM2210 Intro to Web

https://2018.craftedbygc.com/

For my OnePageLove review, I decided to look at the Green Chameleon 2018 Year in Review website.  Green Chameleon is a design agency based in Bristol, England and they decided to create a one page site looking back on their best designs of that year.  This site requires the user to use the scroll wheel to navigate it creating three dimensional zooming effect. Separated by months, each one has several designs from that time allowing you to click and look closer.  Each month has its own two color palette allowing the user to understand exactly what month they are on. The colors are very saturated throughout the site and often use complementary colors. The design element I would most associate with this site is contrast because of its use of extremely saturated colors and hard edge vector like graphics.  I would the site is well done. It has a clear purpose of showcasing the best designs from the agency throughout the year and makes navigation in a clear and fluid manner.

sbs.com.au (Missing: An Interactive Documentary)

I chose a one page interactive site called Missing: An SBS Interactive Documentary. It goes through the disappearance and murder of a little girl. I have never seen something labeled as a documentary on this kind of platform before, so that is why I chose it. The colors of the site vary seeing as most of the time it is a colored photograph(s). During transitions though the colors are dark and Moody. You see a lot of Black, Dark Brown, and Maroon. A lot of the elements are dissolved and layered overtop of one another giving the viewer some anxiety. The use of 3-D imagery also adds to this. It is a single page site but it tells you when to click for it to transition between different pieces of content. You can also move your cursor to explore/see more of the scene. There is no scrolling involved that I can see/use. If there is a fact or something important you should know about the story, it is placed in the center of the screen on a dark background in bright letters. The use of multiple, complementary typefaces also makes it easier to read. Personally, I like the idea of the site and the overall feel. I do think though that it is a bit hard to navigate and walkthrough. I almost feel like I need more direction in using it. This difficulty though does add to the story in a way.

The website “Captain Marvel”, is the website I decided to take a look at for this review. It peaked my interest, because I myself am a Marvel Comics fan. When you click onto the page, it has a space theme, a picture of a few people including, Captain Marvel, Nick Fury, Kree, and Skrull, and as you scroll down, various other colorful and intense backgrounds, fonts, and graphics.

When navigating the website, you simply scroll up and down. There are tabs on the top of the screen that you can click on to take you to other various parts of the website. There are also boxes throughout the webpage that can take you to other things, like videos, games, a guestbook, and a place to buy tickets to see the new upcoming movie.

Design elements that make the website easy to scan, are the changing backgrounds. When you scroll down the website, the background will change, along with the kind of content that goes in with the background. There are also titles on each new background that tells you what that section of the website contains, and the titles all have their own unique font as well. This makes it easier to know what section of the website you’re on and you can quickly locate whatever information you’re looking for.

I like the creativity that went into the website, and how different every section is. But, I don’t think it was set up properly. There’s a lot of work that could go into making it a much better and stronger website. I like the vibe of it seeming like something that is coming straight out of the ‘80s, but it could’ve been done a lot better. The titles on each page are all crazy Word Art fonts that just seem to be too much. It doesn’t seem to be a professional website promoting the new Captain Marvel movie, so it’s more acceptable. But, there are a lot of things that could be done to make it more cohesive. There’s just a lot going on on the website, and it could become overwhelming after awhile.

For this review, I looked at “Oscar 2018 Year in Review”. https://www.hioscar.com/2018yearinreview

To navigate the website I had to interact with objects on screen and was taken through Oscar’s improvements throughout 2018. The page was well designed and kept me interested all the way through. The use of transparent video made the site interesting and the short, simple bits of information made it easily digestible and memorable.

Many people go online shopping as a means of getting the things they need anymore. It’s quick, easy and convenient. Usually, when you go onto a website to buy things, they have many sales, deals, and coupons readily available. Personally, I’m typically drawn to any kind of sale that is presented to me on the website, whether I need the item or not (one of my biggest flaws).

Growing up before “Amazon”, we used to order a lot of useless items on “ebay”. Ebay is a website, much like “Amazon”, but not as widely used anymore. When you first go onto the website you see a large self-advertisement box that shows what deals they have going on. Under that, they have an “NBA” section, which I’m assuming is for “March Madness” which is rapidly approaching. Under that is a coupon for 20% off, and then a section on things that are trending on ebay, daily deals, and many other categories to help you navigate the website.

On top of the self-advertisement box, there are tabs and a search bar, which are fairly small compared to all of the website’s self-advertisement. I went on looking for a lavalier microphone for my filmwork. After you push the enter button to take you to find your item, the page shifts around to give you your results. Under the search bar now are options to find the item within your price range, which I like, considering I’m a college film major and don’t have a lot of money to spend on my equipment just yet. One the side of the results, they have filters, so you can find a specific brand, connectivity, type, form factor, and connectors – all of which are only specific to my search.

Being someone who is more equipped to knowing what I’m looking for, this is a very useful and handy tool. Everything is laid out simply and easy to navigate, and the aesthetic is good for keeping things simple, and not swaying to any specific gender or persons. They include pops of their logos color in their small category boxes, that are seen throughout the website homepage. On the bottom of their website, on all pages, you can find all of the information that you would ever need for the website; their social media, email,number, and various other information.

All together, it is a well put together, and reliable website. Everything is laid out in plain sight, and easy to navigate. I’ve used the website a lot in my life to buy simple things from toys, to clothes, to CDs and DVDs, to film equipment. I’ve never had any problems with finding anything I’ve needed, and have definitely spent way too much money on this website.

Having looked through the various single page websites, the one that caught my eye and interested me the most was “2018 in Music”. What got my attention to the website was actually it’s simplicity. The site’s main purpose is to display and show off the albums that made 2018 a great year for music.

When you enter the site, the first thing you will see in big, bold font is the title of the website “2018 in Music”. Written in black text with a plain white background it’s not much to look at. From there, the only way to scroll through to from let to right. To which it is simply looking at the albums and listening to a simple track provided. It’s the attention to each popular album individually that makes this website stand out. Not how many visual bells and whistles there is to see as you scroll though. The main purpose of this website is to display the music and album covers that have been made for each album and that’s it.

Once you find an album that you like or seems interesting to you, you can click on it and the page will shift to a new display. This new display will show only that album, along with a quote, a short description, and provide a video clip of one song from the album, now with the webpage moving from top to bottom. That’s pretty much all there is to the website, simple and clean. The only thing else is at the end of the webpage where you can find the authors credits and link to their personal page.

So as I’ve stated, what I like and what makes this single web page work, is its simplicity. The purpose of it and reason why it was created was to show of some of the popular albums there were in 2018. I can see if this was about almost any other topic, there would need to be a serious overhaul in design and visual interaction. However, because this is about music and the album art that accompanies it, I feel that the simplicity helps to bring the viewers focus to each individual piece. Similar to art in an art gallery, this website is a simple white background in which multiple different albums with their artwork is spread across. Any little color, shape, or intricate effect would take the attention away from that and the website would lose its intended purpose.

With this perspective in mind, there are a few changes or addition I would make to the website, mostly when you select an album to view. Once an album is selected there is only the before mentioned details that are shown. With only one album being seen, that could be when more of a design aspect comes into play. Shapes, colors, patterns, and other visuals effects could work with the album cover to turn each display into its own “piece”. Perhaps the background could change color to compliment the color(s) in the album.  Another thing could be that various shapes in different patterns could appears that could go along with the style of music. If the genre is something like heavy metal or rap then the shapes could be more geometric and hard. If it’s like jazz or funk then there could be freeform and smooth shapes. One other minor issue I had with the site was its horizontal scrolling. Not a major problem by any means, but I noticed that the scroll wheel on a mouse is much less response when horizontal scrolling versus vertical scrolling. There’s not much I can think of to improve it except to make the page scroll vertically, thought having the page move horizontally is something that makes it unique. Though there is a scroll bar provided to solve any issue (but what fun is that?)

Overall, I think “2018 in Music” is a great single page website. Maybe not super creative by any means, but it does do a great job in letting the albums speak for themselves. Of course it could use a few design elements here and there and perhaps a slightly better way to scroll though. However,  if this website is an example of one thing, it goes to show that sometimes a simple design can work just as well, if not better, than something so complex.

My first review of a website is on shoedazzle.com. The first thing I noticed about shodazzle.com is that you cannot just look through their inventory, you either have to log in or become a new member. The buttons for logging on are in two places, at the top of the page and under a promotional offer of 50% off. To become a new member I noticed it that it doesn’t just flat out say “sign up”, instead it says “get started”, which could confuse many. Next, it takes you to a quiz and asks questions like “which shoe is most you?”, etc.. I didn’t notice until half way through the quiz that there is a “skip quiz” button all the way at the top. During the last part of the quiz, the site asks your age range, foot size, clothing size, and zip code. It doesn’t actually ask you to sign up until after you’ve answered all the questions. After signing up, the site is pretty easy to navigate and even gives you shoe styles based on the questions you answered. In my opinion, I think the site is easy to navigate, it doesn’t make me think too much and it’s effortless. It only made me think when the questions came up and asked which styles I liked better. I think the quiz worked with the site because it does recommend styles to you. The improvements I would make would be to make the “skip quiz” button more noticeable because sometimes people don’t want to answer all these questions at first. It could turn viewers away from the site. I would also maybe add a “sign up” button next to the log in button at the top of the page because some people can get confused by the “get started” button. The design principles and elements work as well. It really emphasizes having 50% off and obviously they’re trying to promote that.  In conclusion, everything is pretty much organized and easy to navigate.

Amazon has become a one stop shopping website with lots of options and endless amounts of shopping times. The design made it easy for me to find Jozocy 3D Cloud Lamp Sign Night Light, Children’s Bedroom Home Decorate LED Wall Lamp Décor. Amazon sorts everything by categories and when you type into the search bar it brings up options within the first two letters you type in it. Amazon however is driving malls out of business because it is very easy and convenient to shop plus it delivers right to your home so you don’t have to leave your house. The site makes me think like 10% because I think about what I need to buy and look at what other things they have on the site. I would improve Amazon Prime with looking for new videos because it doesn’t come up when you try and access it. Also, they need to show more of what memberships can see different shows. The site uses different ways to connect their products and be able to see other products that people didn’t even think about buying. They also have different categories for gift cards and rewards. They just added a whole food section with subcategories that has food that isn’t available in stores and maybe cheaper than in stores. They have some items that can have free shipping plus organic foods to offer their customers.    

After having read Don’t Make Me Think and gaining a better understanding of how eCommerce go about designing their websites. A specific site I chose to examine was Barnes & Noble. This was my choice because, while their stores are made to be simple and easy to find what you’re looking for, I wanted to see just how much of a challenge it would be to find a book when there isn’t the limitation that a store would have.

For an item like a book, there are many different ways to search for what you are looking for. Two main topics people might search under is typically by genre or by its author. The book I was looking for “Down and out in the Magic Kingdom” is a Science Fiction book by the author Cory Doctorow. From the Homepage, it is very simple to start a search for what you’re looking for. Barnes & Noble provides a long header of subjects that shoppers might be looking for. The first one is simply called “Books” and hovering over it will show a drop down menu with a ludicrous number of options to choose from. The two main subjects mentioned earlier to search from are typically genre or author, and the website does provide a detailed list when choosing from either one of the two. However, if someone is to choose genre, they are then taken to a page which shows only a small list of what’s new and popular, and if what they are looking for is not there, they then must play a kind of guessing game to describe the exact book based on various lists of search specifications along the side of the screen. I know for myself that I personally don’t want to take the time to try and describe whatever it is I’m looking for, especially if it is something that is new to me, and also having to hope that the system can successfully find it.

What I found to be an easier way is to search by author, obviously, assuming you know who the author is. When searching by author, you are shown a small list of current popular authors which is followed by an extensive list of authors in alphabetical order by last name. Once you find the author you’re looking for, you’re then taken to a page that shows all the books they’ve written and that the store has. From there is was easy to find the book I was looking for, and once you’ve successfully found whatever it is you’re looking for, you can click on a big blue button reading “Add to cart” and finish or continue shopping.

However, while I believe with some time anyone could find what they’re looking for, there are some changes I would make to create a simpler experience. One thing I would do is to simplify the key details to search from. What I mean by that is how whenever you click on what you want to search by, be it genre, author, or anything else, if what you’re looking for isn’t there then you have to begin this unnecessary guessing game with descriptors that seem to broad to even seem helpful. By providing simple key details to describe various novels instead of by price, formats, and vague and oddly specific subject would help to narrow the search for the exact book. Another change I would make would be to the homepage. The first thing people are made to see is the large display banner that advertises the latest and most popular books, toy, etc. available. While the key topics to search from are almost hidden between that and the top of the page. I would think to create big display icons for each topic and present them in place of the banner. This would help customers start their search faster and hopefully minimise the amount of time trying to find a product. Keeping things simple and understandable is important especially when looking for something specific like a certain book.          

Overall, I feel the Barnes & Noble has a pretty decent website, but only if you know exactly what you’re looking for. If your trying to go based on the suggested search options then you might have a harder time finding whatever it is, not impossible, but certainly not easy. Some options are easier than others, like searching by author, while some, like searching by genre, make me want to try my hand again at the dewey decimal system at my local library. While there is clearly room for improvement, Barnes & Noble has a good foundation, and with a little tweaking can become everyone’s first stop when shopping for a novel.

Jenna Hall

Review 1

2/12/19

PetSmart

I chose PetSmart to review for my large Ecommerce site. I used their search bar to find the kind of cat food my cat eats and the image popped right up. In order to add the item to your cart, you need to click the image and then select the quantity and various other options before you can click add cart. It is a lot of steps to actually be able to add an item to your cart. I would usually say that the item wasn’t worth buying, because I am lazy by nature. However, the site is so well organized that I do not mind the extra steps to be able to add the item to the cart. This just makes sure I have less to select when I go to checkout. The page is not crowded with unnecessary information either. It just shows my product and there are various drop-down menus should I choose to look at reviews and or the products description. I also like how you can choose to add the item to your favorites. I honestly cannot think of something I do not like about this site. Maybe they should include more cut-out photographs than block photographs.

The website I decided to review is ThinkGeek.com. I had never heard of this website and decided to check it out after looking at the assignment description. When I first clicked on the link to the website and it appeared, I got a little anxious. Since I had never visited this website before I did not know what to expect and was taken back by all the information at one time. After a few seconds, I was able to easily navigate the website. I quickly noticed that they had a Marvel section to the website that I immediately was drawn to. The website has an interesting but easy to understand lay out. It uses pretty basic colors, but also has a nice pop of lime green to it which helps make certain parts like the logo, stick out. Everything on the website is actually pretty easily navigable. Upon clicking on the Marvel tap all the Marvel products provided by this website appeared. On the left-hand side were categories to help lower your search based on what you might be looking for like clothing or accessories. I think features like this make a website more helpful. Upon clicking on categories and titles you can help make your search easier. Also in the top center, there is a search bar that can further make your search process easier and faster. On the website, the only red wording I saw was the sale part. In the upper right corner the words “ON SALE” were in red font to help it stick out. Also, while scrolling through the Marvel merchandise anything that was on sale, the sale price was in red and the % you save was in red as well. The original prices were in a light gray font color. One suggestion I have for the ThinkGeek website is to make the homepage a little less crowded. I felt overwhelmed after first clicking on the website which almost made me leave the website immediately, because I thought I was not going to be able to figure out the website. Overall, I think the website, once being a little familiar with it, is easy to navigate, is pleasing to the eye, and nicely set up.

I chose the site Neiman Marcus to review.  This is a very expensive and luxurious shopping page adorned with thousands of beautiful items, including designer clothing, handbags, shoes, and much more. I personally love purchasing skincare from here, and always check out the newest moisturizers, serums, and cleansers from time to time. When arriving to the homepage, I am greeted with copious amounts of photos, all of beautiful people wearing beautiful things.  The black and white aesthetic creates a minimal atmosphere, very much contrasting the pricey items. Expensive haute couture pieces descend down the screen. After clicking the beauty tab, I am somehow shown the most expensive items first, obviously done intentionally. I decided to place the extravagant La Prairie Cellular Cream Platinum Rare, which costs $1,245.00 into my cart.  The site successfully made me want to purchase this product by using convincing language, and telling me how my life will be changed after using the cream.  The site is organized and well put together, but a flaw I experienced is that it is almost too hard to navigate and find products. There are countless items and it can be hard to find the exact one you were looking for, and so many tabs under each other.  In the reading, it shows the difference between a thinking and non-thinking site, and I feel that Neiman Marcus is a non-thinking website.  It does not make me confused or question anything, and I know exactly what I am clicking on.  In the book, it also mentions how much of a hurry we are all in, and it definitely shows you the product in a straight-forward manner, and nothing is in the way or distracting in the slighest. Overall, the luxury website Neiman Marcus has done a lovely job at showcasing top designer items and making the consumer feel the need to have it. I personally recommend shopping on the site, and would gladly spend my day browsing through the navigable pages anytime. 

The first thing I noticed when I was directed to rue21’s website is a huge advertisement that filled almost the whole page besides the heading, categories, and search box. Valentines day is just around the corner. It is prime time for a retail company such as rue21 to come out with exclusive deals so their clients will buy more around this holiday. As I scrolled down the page to view their buttons, each one was a white outlined rectangle with white text inside. When I moved my mouse over the box, it became a solid white rectangle with black text overtop. This feature was simple and to the point. I did not have to question if my mouse was clicking on another item. When you moved your mouse over the items in the bar menu, they changed to an orange color and displayed an underline to show the subcategories underneath. This feature is also helpful because I know I am clicking on a certain button.

The color palette was black, white, and orange. When I clicked on the Blouses & Shirts button, the only parts that were orange were “Girls, Blouses & Shirts, and Featured.” This was indicating the process of how I got there. This was helpful to know the process of how to get there or how to go back if I would like to search for something different. The layout of their products were clean and simple. They bolded certain words to give emphasis towards what is important and spaced out the content so it is not too clustered. There was not a lot of words which helped me focus on the product. In the book, Don’t Make Me Think, it talked about how when people view a site, they do not read line by line but skim to achieve their desired goal. If I wanted more information about the product, I was able to click on the picture of the product to lead me to more information. On the picture, it had a rectangle that said, “Quick View” which meant a box would pop up instead of redirecting you to a new page. The color did not change when I hovered my mouse over the button so I was confused if I was going to be clicking it or not. The “Quick view” gave me the name, price, color, size, and quantity. If I needed more information, I could click on the button that said “View Full Product Information” which would lead me to a new page. The font was easy to read and every question I had about the product relating to myself was answered by the options listed (size, color, quantity, etc.). 

After I added the item to my cart, a box appeared in the top right corner of the page telling me what I just added and leading my eye to an icon of a grocery bag with a number “1” on it. This indicated an item was added to my cart and notified me where to purchase my item when I am completed shopping. The box also had two buttons which said, “continue shopping” or “view bag. ” This directed me where I wanted to go. 

Overall, the rue21 website does a great job in not make the buyer think of how to get to their product. Their layout is simple yet effective. I believe they were smart in limiting their color palette because it could make it more confusing if too many colors are represented. The slight change in color or shape with the buttons helped decipher what button I was clicking on. Lastly, they limited the amount of text on each page to make it easier to navigate.