Community post
New website design for 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!
Replies (150)
Hi! This post has a Flesch-Kincaid grade level of 4.1 and reading ease of 85%. This puts the writing level on par with Ernest Hemingway and Donald Trump.
Thanks for the post!!
its design language)
Yes! I like this design! I think that steemit will develop in this direction! Thank you for a great job
http://puu.sh/qiLEX/476caa8df3.png Excellent,nice job, good luck.
Wow!
tnx )) i planned update soon
You have an error in the link - remove the dot
I tried to hate you but the design looks so cool :P
Stylish and modern design. Quite the cheese!
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!
fix. thanks
That's a good looking website
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 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.
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.
Love the design , we need channels also , we have to dethrone youtube , cheers steemers :)
I make profile page live http://etherdesign.io/stream
Good stuff!
It is very interesting project. I like this:
https://img1.steemit.com/0x0/http://etherdesign.io/img/st_2.png
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.
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?
Meh. I personally like Steem's minimalism. It's what I liked so much about reddit.
wow! seems like feedly or flipboard
i want a dark mode! 8]
Hi steemers! i ask you to pay attention to this article. After an hour we run this article, what is a Steemit and Steem???
-http://steemit.com/steemit/@rggreen/steemit-a-brilliant-idea-or-a-bubbleit would be nice to include a different design, depending on the speed of the Internet
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"
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...
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.
This looks beautiful!
@kennyskitchen Have you checked out the new possible designs?? This is mad illn man
Yes!
:-D
yea, piston-web amazing work!
Sweet! Thank you! I love the idea of being able to toggle between day/night mode and a rich/minimal toggle....
This guy gets it! Lol
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.
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
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
👍amazing design @etherdesign, looking elegant website... Great work
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%.
Dark theme
![]()
![]()
Hi-res on Click
Updated: Dark theme
Yeah those are all really awesome!
https://media.giphy.com/media/3o7TKDhcSpIScI47lK/giphy.gif
(There is supposed to be stars but you can't really see 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.
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.
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.
Totally agree! Great job 👌🏼
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.
Great work.
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.
https://img1.steemit.com/0x0/http://i.imgur.com/QMiAe7w.gif
Yes i agree totally! When i first open Steemit website on my phone i was amazed how well done was font size customized.
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.
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
I think that new design is still very minimal when compared to most websites.
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?
Wow! It looks clean and easier to browse. Thank you for using my post so much in this example! :)
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
very good job excellent initiative
Guys ! Hope you are interested to this topic
https://steemit.com/introduceyourself/@azizbd/community-school-sylhet-bangladesh
awesome!
I am amazed by things around Steemit like this one above.
THX!
Thanks for the post!
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.
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.
nice comment))) lets go make simple version and add swith?
Finally ! Awesome Work, etherdesign.
Man I love awesome Design - of all Kinds
http://cdn.instructables.com/F98/Q8ZM/I2Q1J969/F98Q8ZMI2Q1J969.LARGE.gif
I would call it perfect design! Your portfolio is amazing
Hello, please check out my idea on getting more posts rewarded:
https://steemit.com/steemit/@lorddominik007/my-thoughts-on-steemit-an-idea-to-help-great-posts-be-recognized
very interesting article, I voted in favor of your article, please vote for my article
- https://steemit.com/steemit/@rggreen/steemit-a-brilliant-idea-or-a-bubbleGreat job on this!
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 :)
This look so good. It could be cool to have the choice between that and the current visual on our parameters.
That is really amazing, doesn't it? I'd love to have such a design, cause, unfortunately here is a mess now..
Awesome work!! I can really see that happening...
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
You'd probably still be able to browse the top videos on the site. Where has that option gone?!
I add minimalistic version and element )) tnx for upvote ))) See on Weekend with Free Design for SteemIt's Projects. tnx
Wow is it actually up anywhere?
OMG! looks like windows 10
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.
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:
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 tend to think that nowadays people call minimalism literally every each website
https://i.snag.gy/Ekh7s4.jpg
I like it very much!
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.
My fav. gif!
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...
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.
I like the minimilist Theme! :)
@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
Etherdesign made minimal version with such "all posts" feature check update on post
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.
nice design..
https://s31.postimg.org/sr4eyhr1n/wow_796x398.jpg
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!
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 :)
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
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!
Get this guy on the job
wellcome
that's great, so much better as steemit looks now
and I like it you added watch more (related posts) that's really missing now
it really annoys me that there's no 'flow' ... as it is now you cannot go from 1 post to another, you always have to 'go back' to one of the index pages ... it annoys me so much, that I made a post about it :D
https://steemit.com/steemit/@luminousvisions/there-s-no-flow-in-steemit-you-cannot-jump-from-1-post-to-another
Congratulations @etherdesign! You have received a personal award!
Click on the badge to view your own Board of Honor on SteemitBoard.
For more information about this award, click here
Hi @etherdesign
are you still active?
I definitely like the light theme although I feel like the post page could look more interesting or unique. Overall, nice work.
I will follow you! I give you a Upvote!
Congratulations @etherdesign! You have received a personal award!
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
Exellent design, i wish steemit team see your work and think on it.
Congratulations @etherdesign! You received a personal award!
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!