Utopian.io redesign - first ideas/draftssteemCreated with Sketch.

in #utopian-io7 years ago (edited)

SteemFest - the beginning of new ideas and collaborations

Last week, at the SteemFest in Lisbon, @elear founder of Utopian.io came up to me and asked me if I wanted to work with him on the new version of Utopian.io, obviously, I accepted. And today I'm showing you some of the initial ideas we are working on.
image.png

As you might have noticed, the project Utopian.io was created form a fork of Busy.org as a way to speed things up and have something working and usable to validate the project idea. But now, with the project growing so fast, we need to start working on the UI/UX Design to bring more identity to the project, and also a better usability in order to help people understand how to use Utopian without being confused.

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

Homepage

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.

image.png

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

Tabs inside project page

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

Thanks for your attention! Stay tuned if you want to see more.



Open Source Contribution posted via Utopian.io

Sort:  

Hey @nelsonm I am @utopian-io. I have just super-voted you at 66% Power!

Suggestions https://utopian.io/rules

  • Utopian has detected 2 bot votes. I am the only bot you should love!!

Achievements

  • Creativity makes the World a better place. Thanks!
  • Much more informative than others in this category. Good job!
  • Votes on this contribution are going well. Nice!
  • You are having more votes than average for this category. Nice!
  • You have less than 500 followers. Just gave you a gift ;)
  • You are generating more rewards than average for this category. Super!
  • This is your first accepted contribution here in Utopian. Welcome!
  • You have just unlocked 7 achievements. Yeah!
    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

Amazing that a designer is working on it. The sketches alone looks better than the current Steemit site already >.<

Thanks @rkrijgsman stay tuned for more 😀

wow, nice, now I am even more curious how this will look like when it is ready.

very smart!

Awesome I will definitely follow the Utopian project closely, it was nice meeting you at the closing dinner in Lisbon!

Certainly! You need to come and visit Lisbon again one day!

I definitely agree, I fell in love with that city. I hope to be back soon

Entire UI explained in one post. incredible work @nelsonm @utopian-io

Thanks @parkycriptocrat our goal is to share much as possible with the community, because @utopian-io is a project for everyone. 😀

nice job @nelsonm can't wait for the new features of utopian. :)

Thanks @ruah stay tune to see more ;)

yup stay tuned :) great job @nelsonm

Loading...

Congratulations @nelsonm! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

You got a First Reply
Award for the number of upvotes
Award for the number of comments
Award for the number of upvotes received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

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