K.I.S.S.

My website of choice is http://www.thisissoon.com/   (found courtesy of google). It’s pretty cool if I might say. What makes it cool? I’m glad you asked.

Right off, the color scheme is unusual. When I think of websites that I’ve visited in the past, I am haunted by the overused blue and white theme, or some series of cool colors. This website is brown!

web

How exciting of a color, not really, but stay with me. The fact that the creator of this website chose brown tells me that they are a risk taker, and if they are bold enough to choose this color, I will be bold enough to scroll through their website. Also, the color is warm enough that I don’t feel threatened by some neon color and need to grab my shades out of my car. *Side note: the random text on the side tells you what page you are on through words and a graphic*

More on the color scheme of the website, there isn’t really one scheme as far as a background theme, each page has its own color. What remains consistent throughout the website is the contact information colors as well as highlighting certain features in yellow. See below (my cursor is over casestudies in the navigation pane):

Capture4

What I would like to highlight about the website other than the scheme or lack there of, is the amount of content on each individual page. The content is a healthy balance of text to picture, maybe even heavier in regards to pictures. The content is additive, either explaining the picture of emphasizing what is being shown. Below is a brief example from one of their cast studies:

4

In all, this website keeps its concepts simple. I think that is what I appreciate most about it, in no way did I feel that I was overwhelmed with information. The pictures kept my attention and were placed interestingly enough that it wasn’t a block format for anything.

This slideshow requires JavaScript.

What I want to take away from this site is the level of sophisticated simplicity they have. In the past my websites have been simple but had no pizazz to accompany my content.

 

Things I found out after I wrote this/Other things I think are cool about this website:

(left) The home screen changed with the time to something different

(right) This is their loading page. The dash blinks.

There is a subtle color scheme on the case study pages, the background color compliments the pictures but aren’t overbearing taking too much attention away from the pictures.

Blog Post #7: Moon #2 – Apollo 11

giphy

The website I chose is http://moon2.kedzich.com/, which is a website dedicated to the NASA moon missions. Depending on whether you change the number next to “moon” in the URL, you are taken to a different mission. I’m currently on the Apollo 11 page, the mission that first landed men on the moon. I love the simplicity of the website. There is no need to click on different drop down menus or links to access different parts of the website- simply just keep scrolling. Scrolling also provides the information in chronological order for the certain moon mission being viewed. In a website designed to share information, complexity is needed. You do not want people skipping all around the site, potentially confusing themselves because they did not view it in the right order. When entering the site, you intuitively scroll downward and are provided the information in the order designed to be viewed in. Large text, contrary to thought, is often a small, interesting, detail. Photos and their captions are imbedded along the way, and most of the information is given in blocks of paragraphs of text. Imbedded are various recordings, videos, photos and gifs to provide context to the information being discussed. While there are snippets of bright, colored text, most of the site is black text on a white background or white text on a black background or photo. The site stays true to its simple design roots. The website is clearly designed to inform, so a lack of complexity lends itself to this goal. Information is easy to gather as well because of the chronological order of the information. What I take away from this website is KISS, aka, Keep ISimple Stupid. You don’t need a fancy and complex website to achieve your purpose. Simplicity, or at least something that looks simple, should be the goal.

Blog Post #7 Web Design: Green Forest Tours

Blog screenshot

I chose the website http://www.greenforest.com.mx because of the overall feel, as well as the photography/cinematography throughout the whole website. When you first come to the website’s homepage, you see the above image, but the entire background of the webpage is a montage of videos from some of the places that the tours take place. The ease of navigation is also a bonus. The user has two main options from the homepage which are to look at the different tour/activity options, or to book said tours and activities right from the website. The only downside of this website is that it initially all in Spanish, but with Google Chrome, I was prompted to have the website translated which made everything easier, but potentially slower because of the constant translation process. blog screenshot 2

When you click on the “Explore” button, you’re taken to this screen which allows you to choose which path you want to learn more about. The first is the basic tours that are offered, the second is to take tours on horseback, and the third are options to go zip-lining and walking across hanging bridges through the forests. blog screenshot 3

I chose to look at the zip-lining option, which then takes you to the above screen. Again, like the homepage, each screen you go to have a montage of videos as they relate to the section that you’ve clicked on. When you click on the individual options that you can click on have dotted circles with larger circles around them. When you hover over top of the larger circles, images appear in the middle and describe options within the section you’re in (ex: group tours, discounts, booking online). From this website you can also book the activities you would like to do, making the process smooth and easy, while also providing the user and engaging and beautiful website to navigate.

Blog Post 7- Arkade London

A web design I really liked was the one used at Arkade.London. Originally, I just thought the color scheme was cool. I mean, it is pretty cool.london 1

When I visited the website, I found it it was much more than that. The website offers “audio reactive art”, or graphics that move based on the audio. The website allows you to paste a soundcloud link to a song of your choice and watch as the website animates a graphical show for you as you listen to your music. Man does it look cool.arkade 2

If I had to choose one thing I liked most about the website, it would definitely be the customization. The website allows you to not only pick and play your song, but there’s also even customization in the art you see, as you have the option to switch to manual mode, where your mouse moves and clicks determine the speed and content of the art. Very cool stuff.

The Man Behind the Site

I found Tobias van Schneider’s website and loved how it took to my eyes. I felt that the hard contrast of the black background against bright, big, and easy to read font striking, and the side portrait, when contrasted to the background, to be loud , yet classy. Capture He uses the large font, presumably, because he has worked with large corporations and it’s a way to emphasize that. The links to his social media are smaller because he’s dragging the visitor down the page. I barely registered those links when I first went to the page, eager to scroll down.

He adds more visual suspense by letting the large text go over his face, as if the words are coming out of his head. This is contrasted with his blog, which he’s titled as essays on his site, lending to a sense of exclusivity to the visitor.

Capture.PNG

Another way his site worms into the visitor’s mind is by having what amounts to ads for things he’s worked on. This works really well with his face because it’s as if he’s the man behind these brands the viewer has heard of.

Capture.PNG

I think the site really works because of the effect with his head. His image is integral to the site as much as he is integral to his personal brand. The imagery is just as important at selling him as his words. I think that this site is more a portfolio of Tobias than anything else. I think this is because all of his social media is at the top, front and left where the Western eye drifts towards first. If a company is considering him for a job, the odds are that his portfolio-website could be looked at several times and having that  easily accessible also shows that he’s confident with his online presence as well, handy for working primarily with tech-based companies.

http://www.vanschneider.com/

Blog Prompt #7: WEB DESIGN ANALYSIS

For this post, spend some time browsing the Web and identify a website whose look and feel you really like. (Try to find a site that is new to you — a google search for “web design galleries” might be a place to start.) Think about the choices made by the designer (layout, colors, typography, visual concept, navigation, etc.) and write a detailed design analysis of the site. What makes the site “work” for you? How are different components of the site working together to produce a particular feel or effect? What is its rhetoric (ie. purpose, audience, argument)? What might you take away from this site design as you think about your own web design concept? As always, please include relevant screenshots and links for the class.