Update 2: Utopian.io redesign - ideas/drafts

in #utopian-io4 years ago (edited)

Two weeks ago I posted the first drafts of ideas I started to work on for @Utopian-io, And today I'm showing you an updated version of the same drafts.

Here are some ideas/drafts we have been working on:


One major change in the homepage is focusing on discovery. The goal is to improve projects and contributions discovery by making it clearer for the user and at the same time giving more visibility to more projects and more contributions.

Project page

Since the projects will be the base of Utopian, we also needed a clear and easy way to display the project and all the related information like task requests, images, contributions, etc...)
The solution would organize all the basic information first and then, on the tabs below the gallery, we have the different types of information, such as contributions, updates, tasks requests etc...
Project page.png
Project page - Details.png
Project page -updates.png
Project page - task request.png

Create a project

The project creation is an important part of Utopian, for that reason, having an easy way to create projects and add rich content to them would help onboarding new users trying to use Utopian and, at the same time, help with growth. So the solution is to simplify the process with only 2/3 steps with a very visual wizard.
create a project.png

Search results

Rethinking the search results page allowed us to create a simpler and easier way for users to search and filters for specific projects and contributions.
search results.png

User Profile

The user profile we decided to maintain the same structure and the just reorganize the contributions and projects area to make it more user-friendly.

Thanks for your attention! Stay tuned because we have something really nice to show you in a couples days ;)

Who am I?

UX/UI designer based in Lisbon with 5 years of experience and a strong design background - User Experience design, Product design, Prototyping, UX Analysis, UX Audits, eCommerce, and Mobile Apps.

Follow me on Steemit: https://steemit.com/@nelsonm
Follow me on Utopian: http://utopian.io/@nelsonm
Follow me on Dribbble: https://dribbble.com/nelsonmarteleria
Add me on LinkedIn: https://www.linkedin.com/in/nelson-marteleira-7434b648/
My portfolio: http://nelsonmarteleira.com/
Interested in working on a project https://nelson123.typeform.com/to/hPkfmp

Posted on Utopian.io - Rewarding Open Source Contributors


it's a good looking design, don't forget to put in the github repository links too, since it's mandatory you know.

This looks great! I love a well-designed User Interface.

thanks @josephsavage check my new post if you are interested in see how the final design looks like ;)

Nice UI image shown. it's just pages shown, I can't see more of them. lets try to more clear body like little bit representative of design analyst, sorry it's just a little suggest from my perspective. thanks.

Thanks @jenara feedback is always good, could you explain me what you mean witby "design analyst"

Oh this looks great! Neat and straight to the point. I like it! From the looks of things, Utopian likes it as well :D I hope this makes it into production, this really deserves to be spotlighted. May I ask, what software did you use to create the mockups?

Thanks @jedau the software I use is https://www.sketchapp.com/

Ahh Sketch! I've used it in the past, but didn't come up with the same thing you did. Great to see that it's possible with it. Might have to revisit it again.

oouuhh yeahhh you have the power ...

blessings & thankss

viewed, voted, commented, and re-steemed ... (to 114 people atm and counting)

did two posts today so that leaves only 3 re-steems since i like to keep power maxxed (thats better for you, dearie)

anyone follows me i'll follow back within a few days

if you think i'm spam then please just mute me and let me know i will mute you too and we'll never have to see or hear eachother again. If you think you have some godgiven right to dictate who gets to say what and this is "your" miniverse, then you're the enemy, #fuckwhales, every re-steem spreads a message, every follower gets more spread. I can't find the "show only personal posts" button on my blog, so blame the grubbing CEO for that ... and to the author of this post, good luck :)

Well-organized layouts! Great work!

i do ux / ui as well @nelsonm A lot of it with about 15 yrs in the field. I will add you and this is great stuff. what software are you using? looks like axure to me

As always a great job! Bravo @nelsonm!

Thank you for the contribution. It has been approved.

You can contact us on Discord.

Great job. I like this ideas. User interface friendly design and easy to create a content

Thanks @acepungo I have a new post with a final design take a look if you are interested and tell what you think ;)

Hey @nelsonm I am @utopian-io. I have just upvoted you!


  • You are generating more rewards than average for this category. Super!;)
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!


Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Thank you for the contribution.

This post was promoted with @monitorcap traffic bot & STEEM promotion service.

Send MIN. $1 SBD to @monitorcap bot with your link in MEMO field
and recieve upvotes & resteems for your posts. @monitorcap - where 'seen' matters !

thank you. useful information :)


That's awesome. Thanks for sharing your idea.

Congratulations @nelsonm, this post is the second most rewarded post (based on pending payouts) in the last 12 hours written by a User account holder (accounts that hold between 0.1 and 1.0 Mega Vests). The total number of posts by User account holders during this period was 2813 and the total pending payments to posts in this category was $1871.61. To see the full list of highest paid posts across all accounts categories, click here.

If you do not wish to receive these messages in future, please reply stop to this comment.

Coin Marketplace

STEEM 0.24
TRX 0.08
JST 0.040
SBD 2.53