Flatter and More Responsive Web-redesigns

Today I became aware of two website redesigns that use the principles Chris Lackey talked about in his presentation.

First when I opened weather.com this morning to find out what Boston’s weather was suppose to do today. There was an announcement of its new look. I skipped the video tour and proceeded to the site.

It has made movements (following iOS7 no doubt) towards a flatter design. Here’s what it looked like this morning:

Weather.com this morning
Weather.com this morning

At the top you will notice how none of the recent location look like buttons. And there is no indication that they drop down menus drop down…

Top bar of weather.com
Top bar of weather.com

…until you hover over it with your mouse:

Dropdown menu
Dropdown menu

Lets take a look at the social media buttons, they are flatter.

social media buttons on weather.com
social media buttons on weather.com

“And now for the weather”, a closer look at the forecast for this evening shows us that the symbols for the forecast: the clouds and the moon are vectors. Earlier today there was a lovely vector sun. All very simple aesthetic and flat.

The forecast
The forecast

One feature not included in this redesign is responsiveness. But don’t worry they have an app for all you smartphone users out there.

This evening in my inbox learned of the second redesign “A New Face for NaNoWriMo 2013”

The aesthetics are also flatter on their new site:

Screen shot 2013-10-08 at 11.58.20 PM

Screen shot 2013-10-08 at 11.59.14 PM

And it’s responsive:

Screen shot 2013-10-09 at 12.01.54 AM
Screen shot 2013-10-09 at 12.02.31 AM

Notice the buttons for signing in and navigation in the top corner of the skinny version.

Screen shot 2013-10-09 at 12.04.46 AM

Screen shot 2013-10-09 at 12.05.44 AM

Screen shot 2013-10-09 at 12.05.20 AM

And just for fun, this is what the page looks like when you’re signed in.

Screen shot 2013-10-09 at 12.11.32 AM
Screen shot 2013-10-09 at 12.12.37 AM
Screen shot 2013-10-09 at 12.12.49 AM

Unfortunately I won’t be able to to take full appreciation of the redesign, at least not this year.

Heather Mulhern

About Heather Mulhern

Born in the greater Seattle area, Heather grew up enjoying the mild weather of the northwest where for the past five summers she's taught sailing at a community boating center. She is an avid reader and has been writing and telling stories all her life. She is now a senior WLP BFA major at Emerson College and braves the bracing winters on her bicycle.

Leave a Reply