The Verge on Windows 8 (concept)

Posted by Shtekeris on August 9, 2012 06:01 pm 34

So here is the thing, I'm very fascinated by Windows 8 look and always wanted to try and design an Windows 8 app. Now, since everyone is talking about it here, I fired up Pixelmator, cued the music (A-Team) and away we went...

Click on the pictures to enlarge!

Since The Verge has this oldies feel in design to it, I tried to continue it here by trying to make the app look like and have the fool of an newspaper. Which is why the app has white paper background and is mostly dominated by white/black colors.

Verge's logo colors serve as an colorful accent and is a bit rotated to remind even more of logo. App is based on horizontal layout and each new section is on left or right. Some parts scrolls vertically.

So let's start it up...

Screen colors in Verge's orange with white logo in the center. As it is in Windows 8. Exciting!

News

First screen - News. Displaying all the latest entries in 3 column layout as you can find on The Verge, so it feels natural already. The news part scrolls vertically. I removed pictures to save space and clean up clutter.

Once tapped on specific entry, it slides in from left, leaving a bit of main page and logo visible to go back.

This part maintains white background and great article layout which The Verge is known for. Basically everything here is as you would find it on the site, so it feels natural.

Scrolls vertically as you would except it to act in the browser.

Forums

A great part of this site is "Forums", so it only makes sense to include it in the app. The best thing is how The Verge already looks like Windows 8 style. So no need to change much. You get here by scrolling horizontally.

^ Opening specific Forum, in this case "Microsoft Tribe". Only topics scroll vertically with buttons (Recently active) staying in place. A little Back arrow shows in the upper-left corner.

^ Once selecting the topic, it slides in from the left. This helps to keep other topics on the right, the way it's done on the site. So you can quickly jump to another topic. Nothing different here though - scrolls vertically and comments on the bottom.

Videos

I love Verge's videos so I made it a part of this app. It's divided in two columns - one for all the recent videos and scrolls vertically, and the one on the right displays main shows (Vergecast, On The Verge etc.) and does not scroll.

Products

Another awesome part of the site, and it would be great if you could take it easily with you on a tablet, so you can compare products while at some store. Imagine how cool would that be. Just fire up your Win8 tablet an The Verge app to compare.

Done in a bit different layout than the one on site, but has all the same information.

And that is basically it. I just had fun and this in no way a representation of real app coming from The Verge. Hope you liked and enjoyed it for the concept it is, don't take it too seriously and have an awesome day!

You can find more and bigger pictures on my Behance: Behance

P.S.: Yes, I currently have an iPad and Mac, but uh boy, when Surface and Win8 comes out, I'm soooo switching. It's the single most awesome thing to happen in tech world recently.

Thank you very much!