Steemit IOS/Android Application User Interface ideasteemCreated with Sketch.

in utopian-io •  7 years ago  (edited)

Hello Steemians. I observed that many of us have ideas on how to improve our Steemit/Utopian community.

I just want to share my ideas on how this could possibly help this community. I created the first phase of my idea through creating this layout before proceeding on creating the system GUI on android IDE (Netbeans). Have a look at what I designed. i just used

LOADING PAGE - This will be the loading design after opening the application

loadingscreen.jpg



LOGIN PAGE - I just adopted the theme of logo so it will maintain the branding of the web application.


login steemit.jpg



HOME PAGE - Just like what is on the website. I included buttons for 'blog', 'search', 'wallet' and for the application's settings.

homepage.jpg



MENU BAR - I copied the exact details on the website so you can use it just like in the web application.

menu.jpg



BLOG PAGE - This page will show all of the blogs. Filter's will be added to the development such as 'trending', 'new', 'hot,' 'promoted' filters.

blogpage.jpg



BLOG POST PAGE - This will be the page where you can create your new blog post, there are function buttons such as 'open camera' or 'select photos/videos' for uploading and 'post' button after composing an article/blog.

postblog.jpg

APPLICATION - I used photoshop in the first phase of creating UI layout idea.
Capture.PNG

That's it. There are still a lot of features that are not included in this post. As you can see, the main objective of this is to create an application for mobile devices to make it convenient for our bloggers.

Thank you. I hope that this could contribute to the improvement of our community.

Original psd files - https://drive.google.com/file/d/147WIR82Km9aZaiv_SK9JEclfv2-yt1eJ/view?usp=sharing



Open Source Contribution posted via Utopian.io

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

This is a way amazing idea!

Hey @mrklawde I am @utopian-io. I have just super-voted you at 39% Power!

Achievements

  • Creativity makes the World a better place. Thanks!
  • Much more informative than others in this category. Good job!
  • You have less than 500 followers. Just gave you a gift ;)
  • This is your first accepted contribution here in Utopian. Welcome!
    Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Thank you for up-voting my post!. Have a blast!

Hello @mrklawde. Please edit the post as follows in order to be accepted in Utopian

  • Change the repository to steemit/condenser
  • Add a link the the original PSD files

To edit the post go here https://utopian.io/utopian-io/@mrklawde/steemit-ios-android-application-user-interface-idea. Let me know once done.

edit screen

[utopian-moderator]

I have already updated my post. Thank you so much!.

Hello @mrklawde the Github repository is still wrong. You used androidlayout you need to use steemit/condenser. Let me know once done. Thank you

[utopian-moderator]

I'm pretty sure I edited it earlier. I'm sorry. Now I'm sure i changed it to steemit//condenser. Thank you Sir.

Approved in Utopian. Thanks @mrklawde

[utopian-moderator]