Vanilla Music User Interface Redesign

Details

Actually this post was request from the friend of mine @ybreza , he ask me to post article about graphic at utopian.io . i tell you this guy is lose his head to see my article.so i thought why not i give the try and when i'm looking at his post i found one of his article about smartphone app.Vanilla Music it is,and since i'm big fans of music and digital media and again why not. i choose to design user interface because the friend of mine has already got his awesome logo.

What is it Vanilla Music

From play store:

Vanilla Music is a clean, simple and free (opensource) music player.
Features:

• Opensource and adfree (GPLv3)
• Support for all common audio formats (MP3, OGG, FLAC, PCM)
• Tag based and folder based navigation
• Support for android playlists
• Gapless playback for OGG and FLAC (requires Android >= 4.1) and Replay Gain support

You can also check at Github for more detail behind the awesome guy's who built this app :)

And for more detail about the design i explain in this infographic below.

Benefits / Improvements

Honestly i'm not that interested in this app UI . that's why i choose to redesign the UI instead of logo.
i make improvement/benefits to the app UI by add more feature such as soundcloud (direct link to the particular song) so user can also sync with their account or at least find simillar genre to the music they loved on soundcloud(internet) and also user can change the background and thumbnail picture in now playing ui.

Proof Of Work

I Do not really understand how to proof it. but you can check all detail and find out for yourself.also you can ask anything about the design in the comment section,perhaps it will help proof ;)

Here it is some WIP screenshot

Tools

i use only one of Adobe Family Software . Which is Adobe Photoshop

Original files

PNG

EPS

PSD

PDF

How It Is Look In Real World Device

Mockup Source

NOTES

*Read carefully the detail on infographic i provided,including images source and some icon i used in my design.the design is my own but images used in design are not.i provided the link in infographic.
*I redesign only NOW PLAYING just for the start.if someone insterested , i'll try to redesign all pages.
*please read carefully all infographic

---

Posted on Utopian.io - Rewarding Open Source Contributors

---