New website design for Steemit

11 months ago
56 in steemit

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.
Join our amazing community to comment and reward others.
Sort Order:  trending
63
  ·  11 months ago

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.

·
28
  ·  11 months ago

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

72
  ·  11 months ago

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?

·
69
  ·  11 months ago

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.

·
56
  ·  11 months ago

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

·
·
51
  ·  11 months ago

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

·
·
·
56
  ·  11 months ago

yea, piston-web amazing work!

·
·
·
66
  ·  11 months ago

This guy gets it! Lol

·
·
45
  ·  11 months ago

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

·
·
66
  ·  11 months ago

Yeah those are all really awesome!

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

·
·
·
60
  ·  11 months ago

My fav. gif!

·
·
67
  ·  11 months ago

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

·
·
66
  ·  11 months ago

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.

·
·
59
  ·  11 months ago

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.

·
38
  ·  11 months ago

Yes!

·
42
  ·  11 months ago

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.

·
·
56
  ·  11 months ago

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

·
·
·
64
  ·  11 months ago

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!

·
66
  ·  11 months ago

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

·
42
  ·  11 months ago

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

·
61
  ·  11 months ago

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 ?

·
50
  ·  11 months ago

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

·
52
  ·  11 months ago

I like the minimilist Theme! :)

69
  ·  11 months ago

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

56
  ·  11 months ago

Dark theme
Hi-res on Click

55
  ·  11 months ago

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

·
38
  ·  11 months ago

:-D

59
  ·  11 months ago

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.

57
  ·  11 months ago

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.

47
  ·  11 months ago

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.

·
28
  ·  11 months ago

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?

·
·
67
  ·  11 months ago

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

·
·
47
  ·  11 months ago

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.

53
  ·  10 months ago

wellcome

67
  ·  11 months ago

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

62
  ·  11 months ago

This looks beautiful!

59
  ·  11 months ago

I would call it perfect design! Your portfolio is amazing

61
  ·  11 months ago

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

67
  ·  11 months ago

That's a good looking website

65
  ·  11 months ago

Wow is it actually up anywhere?

49
  ·  11 months ago

very good job excellent initiative

56
  ·  11 months ago

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

53
  ·  11 months ago

Good stuff!

42
  ·  11 months ago

It is very interesting project. I like this:

40
  ·  11 months ago

Cool!)

54
  ·  11 months ago

Looks great!

60
  ·  11 months ago

Looks great :)

59
  ·  11 months ago

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

56
  ·  11 months ago

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

43
  ·  11 months ago

Wow!

61
  ·  11 months ago

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

·
28
  ·  11 months ago

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

52
  ·  11 months ago

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

51
  ·  11 months ago

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

You have an error in the link - remove the dot

·
56
  ·  11 months ago

fix. thanks

40
  ·  11 months ago

I do preferred this one than original minimalist design.

Great work and upvote man!!

53
  ·  11 months ago

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"

74
  ·  11 months ago

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

1
  ·  11 months ago

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

44
  ·  11 months ago

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

57
  ·  11 months ago

Great work. I love this design.

55
  ·  11 months ago

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

38
  ·  11 months ago

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

38
  ·  11 months ago

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

42
  ·  11 months ago

Stylish and modern design. Quite the cheese!

42
  ·  11 months ago

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.

70
  ·  11 months ago

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

·
50
  ·  11 months ago

Totally agree! Great job 👌🏼

45
  ·  11 months ago

great Job

47
  ·  11 months ago

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

61
  ·  11 months ago

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.

60
  ·  11 months ago

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

51
  ·  11 months ago

sexy

60
  ·  11 months ago

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

56
  ·  11 months ago

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!

56
  ·  11 months ago

Updated: Dark theme

39
  ·  11 months ago

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.

·
28
  ·  11 months ago

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

54
  ·  11 months ago

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

73
  ·  11 months ago

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.

30
  ·  11 months ago

Great work.

57
  ·  11 months ago

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

64
  ·  11 months ago

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

55
  ·  11 months ago

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

52
  ·  11 months ago

Get this guy on the job

44
  ·  11 months ago

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

42
  ·  11 months ago

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

67
  ·  11 months ago

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.

35
  ·  11 months ago

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

42
  ·  11 months ago

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

42
  ·  11 months ago

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.

25
  ·  11 months ago

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

61
  ·  11 months ago

Great job on this!

11
  ·  11 months ago

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

61
  ·  11 months ago

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

66
  ·  11 months ago

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

56
  ·  11 months ago

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

44
  ·  11 months ago

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

32
  ·  11 months ago

OMG! looks like windows 10

59
  ·  11 months ago

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

50
  ·  11 months ago

that looks pretty cool !!!

43
  ·  11 months ago

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.

46
  ·  11 months ago

I like it very much!

51
  ·  11 months ago

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

25
  ·  11 months ago

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

47
  ·  11 months ago

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

46
  ·  11 months ago

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

59
  ·  11 months ago

@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

2
  ·  11 months ago

Nice design I like it!

48
  ·  11 months ago

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

45
  ·  11 months ago

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

42
  ·  11 months ago

This looks totally awesome!

53
  ·  11 months ago

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

52
  ·  11 months ago

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

33
  ·  11 months ago

good job
succes for your design

17
  ·  11 months ago

Excellent design

71
  ·  11 months ago

Cool, I like your design

55
  ·  11 months ago

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.

51
  ·  11 months ago

nice design..

54
  ·  11 months ago

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

71
  ·  11 months ago

holy shit mate, this looks GREAT! :)

69
  ·  11 months ago

Wow im excited.

50
  ·  11 months ago

Great work

43
  ·  11 months ago

Website theme professional.

25
  ·  11 months ago

awesome ! thabks for your job

57
  ·  11 months ago

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

52
  ·  11 months ago

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

33
  ·  11 months ago

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

Great Job @etherdesign!

1
  ·  11 months ago

Excellent,nice job, good luck.

·
56
  ·  11 months ago

tnx )) i planned update soon

52
  ·  11 months ago

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.

35
  ·  11 months ago

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

25
  ·  11 months ago

Love it!

66
  ·  11 months ago

You sexy, sexy beast you. Take my upvote!