Hello everyone, my name is Jesus Batallar🤗
On this occasion and introducing myself in Utopian.io, I decided to redesign Steemit.com with the design style of Google, material design.

Details

Material design is the best open source design style. Simulate the interactions with real objects and thanks to the shadows, you can understand everything easy.

My feed

My feed View List

Visualizing the content in a better-organized way allows the user to see only what is necessary and forget what he does not need.

My feed Dark Theme

I love the dark interfaces, I feel I can work comfortably, while my eyes rest. Also, it is very fun to design them, although, in my work I make white interfaces, it depends on the client.

Read Post

I think that one of the pains of the current design of Steemit.com is the way in which you are allowed to read the post, the accesses to share and visualize the comments are necessary.

New Post Editor

Another one of the great pains for the users is to use the editor of publications, to all it is complicated to them to learn how it works markdown, I think that a design thus facilitated the usability.

My Profile

My Wallet

Benefits / Improvements

Existing Steemit.com UI

The current design of Steemit is complex for the eyes, difficult to differentiate due to the similarity of colours used and the few shadows of the cards.

Material design is designed for those people who are your final user, we as designers, we have to make everything simpler, so that even older people can use our interface.

1. Steemit.com interface looks much simpler and easier to understand
2. Edit a new post will not be a problem if you do not know how to use Markdown
3. Everything is simpler, better organized and clean.

Tools

The tool that I use to build my interfaces is Adobe Experience Design, better known as Adobe XD, it is an incredible tool, I have evolved so much since a year ago that now allows prototyping faster.

Link of download ADOBE XD

Original files

1. Download file SVG
2. Download file ADOBE XD
3. Download file PNG

Proof of Work

I've used official Android Material Design Guidelines, icons, and typography. Is much easier to design or do something if there is a guidance and I like Material Design concept.

Material Design Guidelines

If you would like me to do more designs or continue the current one, let me know, I'm ready.

Link of prototype

All the photographs that were used in the prototype were taken from unsplash.com. Images without copyright.

Link download all pictures