Instagram for Windows Phone: A concept

Before I start, I just want to emphasize that I am not a designer but I love making up stuff on PhotoShop. So one day, I thought, how would/should Instagram look on Windows Phone?

Why Instagram? Well, because it's really really cool. Also, after hearing about rumors of Instagram coming to other other platforms like Android and Windows Phone, I got really excited and started imagining how it would look on my Lumia 800. I thought Instagram on my Lumia 800 would make great sense, and hence, started putting together this concept on PS.

Coming to my concept, I started learning how WP apps should look and behave. Finally came to a conclusion that it's all about metro. From what I saw, metro UI is all about highlighting the content with clear typography and being digital about it. Like, for example, there is no place for elements like drop shadows, inner shadows, textures.. etc. But there are the old skool buttons for the bottom bar, called as the app bar. There are swipe-able elements and they are of two types called as "Pivots" and "Panoramas". To simplify, I would say, Panoramas are actually a single page with elements grouped up, whereas Pivots behave like tabs and show different pages when you swipe.

I decided to go with a "Pivot" style UI and in a clear intention of breaking the rules, I decided to use all the anti- metro elements like drop shadows, textured backgrounds etc. and in the meantime maintaining *some* metro guidelines. And this is how it turned out to be-

P.S : Some of you might know Instagram already, but most don't really know, so, instead of just posting the renders, I'll explain the concept for others to understand what really it is. Also, this is by no means, a complete concept, just a few screens I re-imagined for a Windows Phone.

First- the splashscreen:

6829037614_c1d45bbb1f_medium

Then, the login screen of course-

6829083734_eb7540bf89_medium

This is the first page that includes the timeline of photos from all of your friends-

6975160691_e19def8af1_medium

The top logo and the bottom app bar stay intact in all the pages. The bottom bar has options to refresh the page and take a photo. The "pivots" represent similar functionality to the bottom tabs on the iPhone app, but you have to swipe left/right or click on the title which is visible.

On the page, which is pretty self explanatory, you can like, comment as well as do more with the (...) button, like sharing to other places.

And the next pivot- "Popular"-

6829037244_02fe602cc4_medium

Just a grid of popular photos. And when you open a photo-

6829036928_3506d0af69_medium

In this page, the emphasis is on the photo and the comments(which you can just swipe up and see). You can like and add a comment from the app bar.

And now- the screen that pops up when you want to take a photo:

6975161775_aa226f119d_medium

The car you are seeing is the live feed from the camera, and below are the filters. In the app bar, we have "add frame", "add blur" and "switch to front camera". And we can access our camera roll just by swiping down or clicking the up button present in the top left of the screen. You can focus by touch to focus or by using the camera button, which is mandatory on any Windows Phone.

However, the different blur options provided are-

6975161881_0b5f8ac688_medium

The text added above is just for illustration.

Aaaand when we finish taking a photo or selecting a photo from the library-

6829036428_8e98b156c3_medium

Here, we can still edit the filters, and in the mean time, do some more things like the new "lux" option to enhance your photo, rotate it, and of course, add frames and blur from the app bar. Once you are done playing around- You click the green tick or the red cross for respective actions. Green tick will take you here-

6975162733_c30e52a2c2_medium

Now photo sharing is done, let's see some other pivots-

This is the "following" pivot-

6975160925_7b3bc9869d_medium

And the "news" pivot-

6975161113_db7b955c0c_medium

And that's it!

Let's hope something like this, or even a better looking Instagram app is being developed for our Windows Phones.

Note : If I just switch the background to plain back, all the anti- metro elements vanish, just sayin' ;-)