New website design for Steemit

in steemit •  8 years ago  (edited)

So, guys, i was wondering how Steemit could look like in near future. I'm decided to make design concept for Steemit website. I’m planning to develop this website soon more.

Website Main Screen


Active Post Block


One Tag Block


Dark Theme


Minimal Theme


Post Single Page


Profile Page


Mobile view


You can find high resolution picture here http://etherdesign.io/ below on the website.

How was it done? You need to keep all major things in place but make it look more awesome and convenient.

So what do we need? Redesign menu section to make it look solid. Make different grid for post thumbnails with the separate tags. Show what are the popular posts right now. All this little things important to make it look more joyful to communicate with. What do think? Should i continue? I wanted to make interface design for account panel and some other inner pages of Steemit website.

You can watch how it will done live on stream - http://etherdesign.io/stream I’m streaming all my design process so you can see it.

Thank’s for watching!

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:  

Fantastic work, very pleasing to the eye. It would be great if such a professional, magazine-y look like this was the first impression people got when visiting steemit.com. But I definitely agree with others who've suggested there should remain an option (at least when logged in) to view all posts one below the other.

As for the fact that anyone can create an interface to the steem blockchain hosted on their own domain, that is true. However, to avoid confusion, at least in the early stages, I really hope any additional steem sites will be limited to foreign languages (e.g. steemchina.com), or perhaps sites with a focus on specialized content.

Etherdesign made minimal version with such "all posts" feature check update on post

Great work. A lot of people will prefer the minimalist design, something like we have currently. But if there's a choice, I'm sure others would prefer the richer design that you have shown. Could we have both and be able to decide, turning one off and the other on for a while?

Great work @etherdesign - Dude! great you're STEEM :P ! - i would tend to agree @donkeypong with the minimal some also are preferring, but - there will be not just www.steemit.com as a front end. So there is a lot of room for you ideas and design! Upvoted .. let's get in contact soon.

it would be nice to include a different design, depending on the speed of the Internet

Guys You do Know that steemit.com is on a blockchain right? https://steemit.com/piston/@xeroc/piston-web-first-open-source-steem-gui---searching-for-alpha-testers This proves you could just make use of another domain and display the content there...

yea, piston-web amazing work!

This guy gets it! Lol

Yeah those are all really awesome!

(There is supposed to be stars but you can't really see them)

My fav. gif!

Looks great! And my article about an Olympian needing our help was in the concept design! Unfortunately that article didn't take off and catch the attention of the big hitters.

👍amazing design @etherdesign, looking elegant website... Great work

Your work looks amazing! I would love to be able to pick but when I am on my phone the most simple option will be very needed :D

It has nothing to do with the speed of the Internet, it has everything to do with the speed of reading. People who can sift through information quickly (a skill which can be honed by spending years on reddit) will prefer more text and fewer photos.

I think that new design is still very minimal when compared to most websites.

  ·  8 years ago (edited)

I love the aesthetics of the proposed design but the main reason why the current design works way better than the proposed one is this:

With current design you can scan the new posts much faster with your eyes.

The proposed design makes your eyes jump around the screen. The current designs requires minimal movements of your eyes to see the next title. Also the smaller thumbnails of the current design don't grab attention from the titles.

In information dense sites the design should always follow functionality - not the other way around.

nice comment))) lets go make simple version and add swith?

Hello @etherdesign, are you coding this interface for steemit or you are only designer? If latter do you know any coder building a new UI based on your design?
Awesome work by the way!

Yes!

That is really amazing, doesn't it? I'd love to have such a design, cause, unfortunately here is a mess now..

well this will make im sure the 6 or was it 8 current trending posters all very happy im sure, While the mass of minnows will be washed up onto the beach of total anonymity . If the site was to turn over to this style of magazine estethique, clearly to the current of internet tech norms, there would need to be at least one window set up to house the present regime of real time in the now posting from whoever and wherever they might be, we must not i feel ,let the pipes of steem be allowed to be channeled to just the " lucky few " who for whatever reason, hopefully good , attract the attention of the bigger pipes of steem ; - ) no pun intended of course !! as this is certainly against and detrimental to the concept of this economy !! no ?

3/4's of the world has shitty internet and can't even run the site as it so good point. No point in polishing this ponzi scheme turd though.

https://steemit.com/steemit/@apocaloptimisto/dantheman-ned-please-remove-my-content-from-this-site

I like the minimilist Theme! :)

These are pretty great. I have some concerns with the emphasis on imagery (since not all posts have images), but it's still awesome work.

Are you on steemit.chat? I'd love to chat a bit. I've been working on a few steem related projects, and even if this doesn't end up being what steemit looks like, there's nothing to say it couldn't be done on another steem project :)

Dark theme
Hi-res on Click

Love the design , we need channels also , we have to dethrone youtube , cheers steemers :)

:-D

Love the concept!

There will soon be interfaces that will allow us to choose which content to display and how, with which layout and bandwidth. Functions, visualizations, analytics, correlators, skins, games will comes as modular apps andor sidechains, markets develop for banlists. The feed filters will be customizable, tags and their relations be shown as 3D-clouds.

I would be inclined to bet that the steemit crowd would uptuck a pretty penny to most devs who opensource an interface that gives curators full control to browse and evaluate new content.

Absolutely beautiful! I hope users can pick different home pages. I notice you had photography section (from tagging I'm assuming), which is great. As a lover of art it would be able to customize that instead for my personal landing page.

My favorite thing on Steemit right now is #SteemAway and I created a curation link with http://SteemAway.Win to make it easy. I would love it if people are able to customize the tags that are most important to them.

There is a saying "if it aint broke dont fix it". Current steem design is doing fine. It loads fast. I dont see any reason to confuse this nascent community with a new design and heavy CSS.

How do you think Youtube will look like now and what functions will it have now if it will not be redesigned so many times?

You'd probably still be able to browse the top videos on the site. Where has that option gone?!

Please do not confuse text content with video content. Steemit is not video rich. It is text rich. And to be great at serving text quickly, u must have light CSS. Please look at reddit.

wellcome

you have some serious trick up your sleeves in this one. thank you so much for sharing your expertise on the matter, fantastic post, you got my upvote! Namaste :)

This looks beautiful!

I would call it perfect design! Your portfolio is amazing

Looks great! Maybe work my new logo into that, hint hint, nudge nudge haha - https://steemit.com/steemit/@jay-kopinski/steemit-concept-logo-design

Wow is it actually up anywhere?

That's a good looking website

This look so good. It could be cool to have the choice between that and the current visual on our parameters.

Meh. I personally like Steem's minimalism. It's what I liked so much about reddit.

I tend to think that nowadays people call minimalism literally every each website

nice design..

Amazing. You are a true professional. Congratulations.

It looks just great! And I do like that you've used real posts and cover photos.

Again - I am very impressed.

Wow! It looks clean and easier to browse. Thank you for using my post so much in this example! :)

holy shit mate, this looks GREAT! :)

Looks amazing! If you want to incorporate search that can match the theme you can use the API at https://steemshovel.com rather than Google Search.

Ping me on Skype : kaptainkrayola if you want to chat about how it works.

I personally think that steemit.com is actually one of the best mobile web sites out there in terms of readability. I love to read articles on my smartphone. Pure pleasure.

  ·  8 years ago (edited)

Yes i agree totally! When i first open Steemit website on my phone i was amazed how well done was font size customized.

Love this simple design yet vibrant and makes posts stands out ! Dark Theme is COOOL!

You are doing the right job. The usability of the website plays an important role for users. Most importantly, the users could always find what they like. Do not throw the project. Good luck!

  ·  8 years ago (edited)

Etherdesign, I hope you read this. I am very thankful for your contribution. I am amazed how much effort and work you put into Steemit. Hard work pays off as you can see, 5k by now. You deserve it.

I have a question. Did you start creating the example with a concept or did you create it freely?
You have my upvote and my respect sir

Totally agree! Great job 👌🏼

wow! seems like feedly or flipboard
i want a dark mode! 8]

Yes! I like this design! I think that steemit will develop in this direction! Thank you for a great job

I add minimalistic version and element )) tnx for upvote ))) See on Weekend with Free Design for SteemIt's Projects. tnx

I love your work! I'd like to suggest some more badges in addition to the whale badge: mined account and witness. And an indicator showing the current voting strength might be useful, it goes from 0 to 100%.

Wow! A great idea! It looks really professional! Hope these designs be activated sooner!

Great Job @etherdesign!

Stylish and modern design. Quite the cheese!

Great work mate! For sure the app would help everyone! Could be better as well create a server dedicate for pictures and videos... in the way that we don't have to upload somewhere else! But I really like the new style!!! in effet between "steemit" and "submit a story" there is a huge space that could be filled in...
keep going mate!!!

Good luck with your work

good job
succes for your design

awesome ! thabks for your job

very good job excellent initiative

awesome!
I am amazed by things around Steemit like this one above.
THX!

Updated: Dark theme

great Job

Cool!! Looking very nice!! And mobile vercion too!

I think it looks great. A nice clean design without excess clutter.

I'm hoping that in the future we'll also see the ability to include inline photos in posts and a possibly a few other elements.

Wow. This is an amazing job. If the devs aren't contacting you for future design help, I would be surprised.

sexy

I hope you can do this. IMHO It would not only make steemit more elegant but more functional

I want to share an idea. Let the interface include language tags. Using dictionaries of 100000 words the language can be detected.

I tried to hate you but the design looks so cool :P

I make profile page live http://etherdesign.io/stream

Good stuff!

  ·  8 years ago (edited)

It is very interesting project. I like this:

Nice designs, especially minimalist approach with focus on images. Though mobile design could be with bigger font, as in practice mobile device screens vary and text style and image quality matters.

Great work.

Cool!)

Looks great!

Looks great :)

I love the design @etherdesign. Great work! I can definitely see steemit looking something like this in the not too distant future!

Congratulations @etherdesign! You have received a personal award!

2 Years on Steemit
Click on the badge to view your Board of Honor.

Do not miss the last post from @steemitboard:
SteemitBoard World Cup Contest - Croatia vs England


Participate in the SteemitBoard World Cup Contest!
Collect World Cup badges and win free SBD
Support the Gold Sponsors of the contest: @good-karma and @lukestokes


Do you like SteemitBoard's project? Then Vote for its witness and get one more award!

Guys! Thanks you so much for your support! i update post and add account page could look like on Steem.

I will follow you! I give you a Upvote!

Congratulations @etherdesign! You received a personal award!

Happy Birthday! - You are on the Steem blockchain for 3 years!

You can view your badges on your Steem Board and compare to others on the Steem Ranking

Vote for @Steemitboard as a witness to get one more award and increased upvotes!

Finally ! Awesome Work, etherdesign.
Man I love awesome Design - of all Kinds

Excellent,nice job, good luck.

tnx )) i planned update soon

I definitely like the light theme although I feel like the post page could look more interesting or unique. Overall, nice work.

Hi @etherdesign
are you still active?

Great job on this!

Wow!

Exellent design, i wish steemit team see your work and think on it.

Awesome work!! I can really see that happening...

I do preferred this one than original minimalist design.

Great work and upvote man!!

I personally think to truly attract the masses, the design will need to be improved upon. Just like many trending and popular posts here, sometimes it is all about the "eye candy"

OMG! looks like windows 10

Usually try to avoid posts already well trending (or withhold my measly upvote) as I try to conserve what little power I have for something I can help promote, but this is fantastic and exciting designs

that looks pretty cool !!!

Excellent! Looks like a more modern version of Flipboard's tablet layout (which is to say good). I find the two issues on Steemit for me are:

  • general layout isnt intuitive or aesthetically pleasing
  • finding content and even searching is very difficult. The "tags" dont do it for me.

I worry Steemit is pitched too hard as a "like Reddit" thing, as opposed "like something else with a good UI". Reddit got away with it due to network effect, thats not going to happen twice.

I like it very much!

Superb design work. This gives it a much more professional look. Much cleaner, crisper and fresh in appearance.

I love the concept. The dark theme is my favorite for sure.

I am waiting a version for smarphones. Will be very usefull in dayli life.

Call me crazy, but I like the current UI. This proposed overhaul reminds me of myspace.com...

@etherdesign this is amazing! great job. complete presentation, easy to follow, clean design, keeps the constancy of flow with posts and activity and even variations for site design :D

Nice design I like it!

community is definitely open to change. and the general concensus of the community will decide the day

This is a step forward from where the site is now. What I would really like to see is a replacement of my yahoo homepage with SteemIT. I would like to get news feeds, sports weather, stock quotes customizable for me. Add in an internet search engine and have SteemIT and have customizable SteemIT groups that I want to follow on my home page. And how about creating an area for advertisers to solicit feedback/questionnaires from users and do revenue sharing where we can earn steem for our time and participation. Also a dating website to compete with Match.com integrated into the site would be cool. Just some thoughts...

This looks totally awesome!

Technically anybody can do this right off the blockchain, the content you see is from the blockchain just rendered differently. NIice Post however.

Whoever's in charge, please consider the designs in this post, they're awesome!

I think you can do it, since it is now open source

Excellent design

Cool, I like your design

I dig it.
But would be nice to have an option to revert back to a more minimalist version.

Great work. I love this design.

wicked, wicked. Cant wait and hope this is implemented.

You can watch how it will done live on stream - http://etherdesign.io/stream.

You have an error in the link - remove the dot

fix. thanks

Wow im excited.

Great work

Website theme professional.

@kennyskitchen Have you checked out the new possible designs?? This is mad illn man

Looks freaking awesome! Can't wait for something like this on Steemit! :)

This would really help attract a different user base. Seeing this really helped boost my outlook on steemit!!!