Blog 5 Medium.com

Screen Shot 2014-10-24 at 11.27.19 AM

The website that I like is medium.com. I discovered the site from app store. I like the app very much because it is clean and easy to use. Basically you swipe from article to article and scroll up and down to read the article. The website is very easy to use as well, it is very simple and clean, it has a nice amount of visual elements that come with story. In addition, it tells you how long does each article takes you to read.

The intended audience is general audience on social media, and the contents are created by them and for them. The color scheme of the website is black, gray and white, it is very simple and non-distraction. The typography has a clean and smooth outline.

The pictures on the website are also interactive, so they are clickable and can lead you to more similar stories and give you more contexts and details about the article. You can also click on the author to go to their profile, so you can read more articles from the author.

Advertisements

Coldplay’s website

For this week’s blog, I focused on Coldplay’s (the band) website. The website provides a lot of information but does it without overwhelming the reader.

IMG_3150.PNG

The current theme of the website is Ghost Stories, which is their upcoming album. To that end, the colour scheme of the website is ethereal with the blue, black and touches of white.

The header of the page remains consistent, as does the font style. The only page that is different is the oracle page.

Another thing the site does well is a small text box they have on the right hand side of the news page. It shows all the different tags on the stories, so you can search for whatever topic interests you.

IMG_3151.PNG

The only page of the website that needs a little organising is the main archives page. The blogposts are titled with dates. The interviews are not grouped.

IMG_3152.PNG

For all the information on the website, it is designed quite well. The navigation is simple. It is easy to find your way around. On a scale of one to 10, I would give the site an 8.

Blog 5: Preserve

Screen Shot 2014-10-23 at 6.02.33 PM

This Blake Lively’s lifestyle website, Preserve. She displays clothes, recipes and some decoration accessories.  It’s a combination of a personal blog and a shopping website.

The first thing coming out in front of readers is a slide show comprised of a dedicated set of pictures. When you scroll down, the navigation bar is always on the top, making sure you won’t get lost. But it might take a little bit too much space of the whole web page if you are using a laptop like mine. After the slideshow, there are stories shown in the same format, a wide screen picture followed by some abstract. The format for each story is consistent. And on the left side, if you notice, is the shopping link related to the specific story. It reminds you that it’s actually a shopping website.

Screen Shot 2014-10-23 at 11.02.50 PM

Furthermore, there is a “Top” sign at the right bottom, making the navigation even easier. And the shopping link follows your scrolling inside the story page as well.

Screen Shot 2014-10-23 at 11.07.49 PM

The tone of the pictures, the background texture, the text fonts and color match one another very well. A typical story will start with pictures and some text. Some stories come with videos, too. I think it can be used as a good example if you want to design a personal blog.

The intended audience for the website is mostly young people who admire Blake Lively. As she herself wrote in the blog, it’s “a home out of pixels, light and imagination.” That’s one of the reasons that they apply so many beautiful pictures, featuring tasty food, elaborate arrangement of ingredients, sports, clothing, youth, and lively scenes such as Spring and picnic.

Vogue describes the site as “Part digital monthly magazine, part e-commerce venture, part video blog, the site will seek out and celebrate people all over America who are making things – food, clothes, pillows, dishes, dining-room tables – with their hands.”

 

Blog 5: 100 Ages

Screen Shot 2014-10-22 at 9.21.04 PMI came a semester after it was published, but I’ve always liked the idea behind the Missourian’s 100 Ages project. Basically, they interview Columbia residents ages 1 to 100. I can appreciate the site more now that I know a little about web design.

I like the clean lay out. I like the simple, white background. I really think a simple background allows the content to pop out. I love the concept that the navigation is essentially one in the same as the homepage. You travel through the site by clicking the photos. The two icons at the top help you further parse it. The package is video-driven, so I like that the design of the homepage is mostly based around photos. Text is limited, but used effectively to explain what’s happening. I also like the font used with the wording. I’m not sure what it is, but it fits well with the tone of the series.

I’m trying to do a similar effect on my site as the 100 Ages site does for each of the photos. When you mouse over a photo, it changes to reveal the age. I’m trying to do something similar on my homepage. For my site, I think it’d be cleaner way to present the links rather than having a photo with a caption below it. I’d also like to do something similar as they have with the navigation in the upper right. It’s a subtle way to bring people back to the homepage yet still obvious to anyone using the site.

Blog 5

BY ANDREA JANKELOWScreen Shot 2014-10-20 at 8.30.46 PM

When I first read the prompt for this post, I knew exactly which site I would choose. I came across the British site http://everylastdrop.co.uk/ this summer when I was researching water conservation for work. Water can be a pretty boring topic. Yet, somehow this site manages to make it look fun and fresh and really engaging. It initially caught my eye because of the illustrations — as a designer, I love to illustrate in my free time. However, what makes it really incredible is the user experience. As a user scrolls, the person moves throughout the page as they would move throughout their day with relevant facts about water popping up. For example, it begins at night and as you scroll, the sun comes up with the first fact (see above). You continue scrolling the guy moves from bed into the shower, where more facts come. He then moves into his closet, along with more facts. At the bottom right corner is a little circle with an arrow that a user can click to bring them back to the beginning. I really like this because it functions as a story, guiding the user through their day. One flaw is they don’t have an easy navigation to get back to a certain fact or part of the day. If I want to see the facts about water and clothing, I have to scroll through everything again to get there.

As for incorporating parts of this design into my own design, I think that figuring out the smooth scrolling effects is a great way to make a story flow through design. Moreover, I loved their use of color. They used colorful, yet slightly muted, colors to create an engaging page that screamed fun and interesting, not dull. It would have been easy to use a blue layout for water, but they chose to be more adventurous and I think it paid off because it seemed like they were trying to reach a more youthful audience and the use of their colors and illustrations was very intriguing. As for their multimedia, they had a video at the end with more information to really tie the concept in together. They used illustrations,  videos and words to tell a very effective story.

Overall this was much more complicated than I could have done, but it did show that you can tell a story in a way much more effective than just words. Telling a story by creating a story is another great way.