New website design for Steemit

last year

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:  trending

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

·
·

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

·
·

Yeah those are all really awesome!

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

·
·
·

My fav. gif!

·
·

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

·
·

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.

·
·

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.

·

Yes!

·

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!

·

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

·

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 :)

·

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

That's a good looking website

Wow is it actually up anywhere?

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

Good stuff!

It is very interesting project. I like this:

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!

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

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

You have an error in the link - remove the dot

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

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

Hi @etherdesign
are you still active?

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"

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

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

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.

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

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

Sweet! Thank you! I love the idea of being able to toggle between day/night mode and a rich/minimal toggle....

Stylish and modern design. Quite the cheese!

Is there any way to make the topic list visible from the front page? I worry that people won't actually browse the different boards unless the list is visible from the very beginning. I personally like browsing the writing board, but the topics don't often make their way to the front page. Maybe develop some way to encourage exploration? Sorry if this sounds critical, I love the design, I just wanted to toss out my first impression.

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 👌🏼

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 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%.

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!

Updated: Dark theme

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

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.

·

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!

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.

Excellent,nice job, good luck.

·

tnx )) i planned update soon

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

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

very good job excellent initiative

Congratulations @etherdesign! You have received a personal award!

Happy Birthday - 1 Year
Click on the badge to view your own Board of Honor on SteemitBoard.

For more information about this award, click here

By upvoting this notification, you can help all Steemit users. Learn how here!

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

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.

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

That's nice! Especially looking forward to a better mobile experience

Design is good. I like. But not enough of standard design blog list. Since it is often more convenient on some monitors.

Great job on this!

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

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

  ·  last year

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

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

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

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!

Wow!

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!

good job
succes for your design

Excellent design

Cool, I like your design

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.

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

holy shit mate, this looks GREAT! :)

Wow im excited.

Great work

Website theme professional.

awesome ! thabks for your job

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!!!

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

Great Job @etherdesign!

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

Thanks for sharing these design revision concepts with us @etherdesign.

I've seen a few design revision concepts for Steemit but this is by far the best and most complete one that I have seen.

Love the clean and minimal look of the design, and if there was a vote to push this design to Steemit, I'd vote as many times as it takes to make it happen.

Awesome work! Keep it up, and maybe, just maybe, the team at Steemit will pick this up. Fingers crossed.

Good job @etherdesign. All of the designs look great. However, I prefer to stay in the minimalistic design like in the phrase "Keep it simple stupid".

Love it!

You sexy, sexy beast you. Take my upvote!

Проделана огромная работа. Интересно получилось

Keep in mind that Slashdot lost 90% of its regulars due to poor decisions about layout change and an overly-heavy active comment section. On the other hand, the BBC and Guardian websites have picked up webby awards almost every year since the awards started.

The difference? The former became more cluttered and less responsive, the latter two (for all I detest some of the changes) are less cluttered and more responsive. That is key to a good UI.

Ultimately, though, any such site has data placed into a template, the templated data then placed into a bigger template. I see no reason why the templates should be fixed. They obviously aren't on Weirdpress.

However, that is only presentation. People need to be able to connect ideas. There is a way to do that - RDFa tags, DublinCore descriptions and SPARQL. You could subsume the tag system into that. What tag is primary would depend on where you approach the data from.

Hi! Great ideas and photos! It's an interesting design concept for Steemit website and I hope Steemit will look like this in the nearest future.
Please, read my post too: https://steemit.com/introduceyourself/@knyaz/hi-steemers-my-name-is-igor-knyaz-and-i-ll-be-35-in-two-weeks

Get this guy on the job