Utopian.io redesign - first ideas/drafts

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

H2
H3
H4
3 columns
2 columns
1 column
91 Comments