WhatsApp for Android Redesign – Take One

22 Dec
December 22, 2012

If your’e reading this post, then you probably already know how bad WhatsApp looks on Android (as of December 23rd, 2012).

After seeing Max Salomon’s WhatsApp Messenger for Android redesign last month on Google+ and Android UI Patterns, I started messing around with the same idea this Saturday, as I was bored out of my mind.
This is my take on what WhatsApp Messenger for Android should look like.

I started with favorite UI pattern right now – the Sliding Menu style and kept everything as sleek as possible. The font I used here was Android’s Roboto font. I’m not entirely sure about the Chat activity and some things are still missing, like the attachment icon in the Chat activity and the pinned header list style in the contacts fragment.

Main Activity Contacts Fragment Chat Activity

I’d love the feedback! Let me know what you think below!
This is my first mockup, so be gentle…

By the way, When I tried using WhatsApp later on that very evening, it was a real downer to see its dated design.

Tags: , , , , , ,
6 replies
  1. Akhil Singh says:

    Good work.
    I find the chat UI to be fine. But they definitely have to work on their friend list access.
    Anyway, good stuff!

    Reply
  2. Walmyr says:

    Nice work, Nadav. Very good mockups, I really enjoy the color scheme. I’m at work now but tomorrow I edit this post with a more complete feedback, but that’s an amazing start, congrats. :)

    Reply
  3. Ayan Sarkar says:

    Where do i get to download your redesigned app???

    Reply
  4. Ayan Sarkar says:

    because I liked the design!

    Reply
  5. Diego says:

    Hi, where is the link to download de app? Thanks!

    Reply
  6. NightFelix says:

    Seriously, where can I install this such a beautiful holo style design for my WhatsApp?

    Reply

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>