eSteem UI Redesign Proposal

main_preview.png

We’ve just reworked our user interface and it looks awesome. Well... At least we love it and we hope you will accept these changes.

I wish I could start like that but actually this is only my fantasy and here I propose early sketches of eSteem UI redesign.
preview_01.png
My name is Fil Dunsky, I am freelancing as an illustrator for last ten years. I had graphic design education in university though I am not an UI designer and never had an experience in that but still I would like to try because of my passion to improve everything. I had been using @eSteemapp for a while and found it's current interface is not as good as it can be. It is heavy and old.

If you are a Pro in user interfaces or you see any mistakes here or have any comments how together we can make it better please let me know. If you are not an expert anyway you are welcome to critique and comment since maybe you are the future user of eSteem mobile client so this is for you.

preview_02.png

preview_03.png

Searching process

While I was searching for one of the solutions I've got some middle variants. I don't like them too much but put them here just to show you some more of my mistakes. For example, square previews will mess with 99% of existing blockchain previews which all the Steemians uploaded already. So it have to be standard or close to that dimentions.

preview_02_sketches_searching.png

Light Theme

I like dark interfaces because they are really cool looking, more battery friendly for AMOLED screens, they looks different itself and maybe because I am using dark Photoshop theme. But here is the light variant as well and I suppose there could be an option in the application to switch themes.

preview_03_light.png

Existing eSteem UI

This is just to compare for those who never seen existing eSteem user interface. Too big logo in the Splash Screen, overwhelming lines, disproportions between free space and other UI elements.
preview_old_current_design.png

Proof of Work

proof.png

I've used official Android Material Design Guidelines and icons which are available for everyone. For me it is much easier to design or do something if there is a guideance and I like Material Design concept so it was easy to start and I am ready to continue.

I would be glad to contribute my free time adding all the necessary screens like login page, wallet, friends feed, comment section and others, if you think it is good and I shall go on.

All the sources in Photoshop .PSD format are uploaded here.

What do you think?


My other accounts:



Posted on Utopian.io - Rewarding Open Source Contributors

H2
H3
H4
Upload from PC
Video gallery
3 columns
2 columns
1 column
99 Comments