Update 2: Utopian.io redesign - ideas/drafts

in #utopian-io7 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:

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.
Homepage.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...
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.
Profile.png

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

Sort:  

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!