👨‍💻 #Proposal-89: Reskin

in Steem Dev2 days ago (edited)

It's been a long time since I've shared anything dev. related with my last update hidden amongst a load of other ramblings. Since funding's restarted with a renewed expectation of regular updates, here's an update.

As expected, the deliverables for this proposal will be more heavily weighted towards the back end (i.e. now until the end of February). I was able to cram a lot in to the initial deliverable which included the new expense of paying a professional designer - whose contribution made a significant difference to the quality of the output.

My designer's now focussing his efforts on a complete reskin - completely modernising the UI (User Interface) whilst we're both working on improving the UX (User Experience) in the process where possible. Given the proposal's name is "Modernise steemit.com Interface" rather than "add new features and fix bugs", this makes a lot of sense.

Keeping things simple, we're working from top to bottom on the most impactful pages. So far, we have reviewed the existing MastHead and come up with the below for a variety of resolutions. Please share any feedback that you have for the below:

{2552AC61-6EBE-47B1-B34E-CA92914EC61B}.png

{352BD847-4931-4E0E-B82D-8A008DA41104}.png

{F274C1B0-015E-49B7-9B7D-E3071F923D94}.png

{9AB859AF-F95D-4AC6-9160-33024CC909A1}.png

{5BFBD112-F507-41C8-A2D7-237C324FE0F3}.png

{3CC35ED8-7CDD-40E0-A591-E956A3631703}.png

{6CFDEAE2-D3B1-4514-B0DD-7B3F898A07AD}.png

{DC71F1E0-26AD-4665-BD6A-02E5498A8AAF}.png

{D4817D6B-B0F2-46BB-A454-9EAB744665E4}.png

All screenshots are taken from Figma which is our preferred design tool for sharing and communicating with each other.

Separator-code.png

Before funding was paused, we'd also been looking at the use of fonts and the layout of the main feeds. This is still very much a work in progress so is subject to more significant change.

{80EF363C-5764-4710-97E2-5E20A9DAE281}.png

{BBE34D9A-4C4B-443D-8A2A-28A754F100F7}.png

As you can imagine, there's a lot to do between now and the end of February which once complete, should mean that steemit.com is in a good position design-wise for a long time (hopefully not another 10 years but just in case!)

Sort:  

I've been looking at all the images for quite a while now, but I'm not entirely sure what your question is. Hmm.

In the first image, I prefer the second part (with the person icon).
I'm not so keen on the eye-catching green ‘sign up’ sign. But I suppose it's necessary in case someone happens to stumble across this site.
I can't say anything about the typeface; the differences are just nuances to me. Just go with the one that fits best with the overall screen.
As far as I'm concerned, there doesn't need to be crypto charts on the right-hand side. Anyone who needs that kind of information can click elsewhere. The focus should be on the articles. Yep, I prefer the wide version.
Anything else? Please ask me specifically.

February. A sporty goal! You can do it... 😘

Hello @chriddi! 👋
Congratulations!! Your post has been upvoted through steemcurator07. We support quality posts and comments throughout the platform. We encourage you to publish creative and quality content.

image.pngCurated By: @walictd

🙂 Thanks for taking the time to reply... There wasn't really a specific question, more a "show and tell" and opportunity for the community to share some thoughts.

The addition of the person icon was to differentiate between logged out and logged in state - so the person icon is there to provide the existing avatar menu.

I agree with the crypto charts - I don't really see the point either but I'm hesitant to remove something that was presumably included for a reason... even if I don't know what that reason is.

February. A sporty goal! You can do it... 😘

Ha ha! I suspect we won't as I don't expect the funding to return again. I need to clean the gutters now before the rain comes tomorrow 🧹

Upvoted! Thank you for supporting witness @jswit.