Hello Heco

Screen Shot 2017-03-13 at 11.31.38 AM

When you first arrive at helloheco.com you are met by an endless sequence of rolling black waves moving hypnotically across the screen. The lack of information written on this first screen encourages the website user to scroll down in order to gain a better understanding of what the website is about.

Screen Shot 2017-03-13 at 11.44.22 AM

The website has a background that changes as you scroll down the page which keeps the eye interested and the user engaged. The aesthetic of the site is minimalist which allows the written information provided to really pop off the page.  Links are underlined by undulating squiggles which give each page some dynamism.

Screen Shot 2017-03-13 at 11.33.37 AM

The first page that breaks away from the black and white color palette introduces the partners that are at the head of the design company that the website is advertising. The contrast that this splash of color has to the rest of the site forces the user to stop and really examine this part of the page.

helloheco.com is a website for a design company, so it seems obvious that they would need a beautiful, well-designed website to advertise for that company. The site is incredibly visually appealing and it is a great showcase of the creator’s abilities with design.

helloheco.com

#Blog Post 7

My search for an “interesting” website took me to unexpected and uncharted places, yet funnily enough, it was the page for the Milwaukee Ballet that ultimately caught my attention. I say “funnily enough” since I haven’t been to a ballet in years, but this site does a good job at capturing the “prestige” that the company is clearly going for.

ballet

The most notable thing about the website is its use of video for its main menu. The page immediately comes to life as soon as you enter it, with the dancers magically and gracefully moving across the screen as you make your selection. The prominent font in front of them again adds to the “majesty” the site is going for. This ballet company is very, very important, apparently, and they want for you to know that!

elegant

That level of “elegance” continues as you scroll across the company’s upcoming performances. Everything seems regal and dignified, giving each production a certain level of “class.” The nice photography gives each show a level of sophistication.

menu
Even when we click on the main menu, the website practically seems to explode off the screen with grace and beauty. Notice the color contrasts here! The site is using “white” overwhelming to give everything a clean, almost royal look, and the red curtain behind the dancers emphasizes their importance. If you are planning on going to one of their shows, their website will certainly make you want to see one.

 

Ice & Sky

This website, Ice & Sky, tells the story of Luc Jacquet, the scientist that enlisted in helping research the unexplored area of Antarctica in the 1950’s, and  whom eventually connected anthropogenic activity with climate change. The website is highly interactive, and provides a range of mixed experiences to keep the user engaged. The tone of the site is fairly somber, and reflects the hardships Jacquet faced while researching the Arctic, as well as the seriousness of the current problem of climate change.  The colors are primarily muted, and the scenes with Jacquet himself being interviewed in modern times are in black and white.

Screenshot (3)

The website is highly interactive, and provides a range of mixed experiences to keep the user engaged. There’s a use of animated shorts, life action footage, old photographs, voice recording, and text-based information.  I found this to be a smart tactic used by the creators– with a subject that some may consider not worth their time, it’s important to create an experience that convinces the user to remain involved with the message the creators are trying to illustrate.

Screenshot (6).png

The site also provided links to related documents that would provide the user with further information, or substantial evidence for the statements the website was making.  This easy access to in-depth knowledge on the subject of climate change helps the makers of the website achieve their goal–to persuade the public to become aware of their impact on the environment.  This encourages the user to become interested in the environment using information from viable sources.

Screenshot (10).png

This site taught me the importance in having variety in a website when trying to make a point to an audience.  People tend to remember valuable information more if it was presented to them in an unconventional way.  It also shows that music, color, layout, and content should all work together to form one cohesive tone and message of a website.  Juxtaposition of these within this particular site probably wouldn’t have conveyed the message as powerfully.

If you want to check out this site, and I recommend that you do, here’s the link:

http://education.iceandsky.com/

Be sure to start at Part 1!

 

 

 

Blog Post #7: CSS Conf

Screen Shot 2017-03-13 at 12.12.26 AM

https://2016.cssconf.com/#about

This website is one that immediately jumped out at me because of the bright, flashy colors. This makes sense because the conference it is advertising is one for designers, developers, and engineers that create the most engaging interfaces. It says at the conference they will be discussing the latest technologies, which one can assume is being put to use here on this interface.

Visually, this website is very nice to look at. Is doesn’t leave the eyes feeling bored, and yet it’s not too much and cluttered looking. Navigation is simple and very user friendly. Everything on the website is on the homepage, but if you click any of the three links on the top right corner of the page it brings you to that specific section.

Do you think having everything on the homepage is a pro or con?

I’m assuming this design is not easily achieved, but I think the hard work is worth it. It would make any designer, developer, or engineer want to go to this conference to see how a layout like this one is achieved. The website itself is one we, as a class, can use as a resource when creating our own website because it has YouTube videos posted when you scroll down the homepage.

This website caught my eye right away, proving the people holding this conference know how to design a website that will grab ones attention and lure them in to explore. I want my website to be different like this one, and incorporate bright, bold colors and shapes.

Blog Post #7 Feedmusic

The website feedmusic.com has a very interesting design that immediately grabbed me.

Screenshot (9)

You can’t tell in the background but the blue stuff in the background is constantly moving while on the website which I found very cool as the homepage for the site. There is also a cool quote to instantly drag you in and the text at the bottom left of the site gives you some necessary information about the site that can help someone if they are feeling overwhelmed by the initial graphics.

The navigation of the site is incredibly smooth, as in you can go to any of the pages on the site without having to load the website again. Each transition to another page on the site looks incredibly smooth as the next page glides on top of the current one.

One page in particular, the tech spotlight page, is the most impressive one. Screenshot (11)

As you scroll down the page, more information is added as the graphic to the right of the screen changes.

Screenshot (12)

The colors of the text and graphics also sync up in a very satisfying way.

Screenshot (13)

There is also a bar below the tech spotlight navigation button that fills up as you go further down the page which is pretty amazing.

The site is about technology, so it makes sense that the creators of the website would want the site to be as dazzling as possible and showcase the skill of the creator. It does this extremely well.

The text used in the website always fits well with the various amounts of colors that each part of the website use so willingly.

I really enjoy that the website is all there, you don’t have to load to another page and the transitions to other pages are smooth, but don’t take long either. I will try to make my own website as buttery smooth to navigate as this one if I can.

 

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.