Utopian new homepage design

As you may know, Utopian.io is going to have a major restyle in order to have a better usability and also to help people understand how to use Utopian without being confused. And during the past weeks, I have been releasing the ideas and drafts to collect your feedback. So today I gonna share the design for the new homepage of Utopian.io

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.

Part 1 - Slider with featured projects on Utopian

The main idea for this section below is to have a place where we could give more visibility to new and interesting projects inside Utopian. This is also a way to help new projects grow faster and stronger.

Section 2 - Most recent contributions

Contributions are an important part in Utopian, so for that reason, we decided to have it on the homepage because helps to give more exposure to everyone contributing to opensource projects through Utopian and the same time can help increase rewards for the contributor.

Section 3 - Popular projects

For this section our idea is to show the most popular/relevant projects on Utopian, bringing more awareness to the community that is possible to make amazing open-source projects with opensource contributions using rewards.

Project page

Since the projects will be the base for contributions, we also needed a clear and easy way to display the project and all the related information like task requests, images, contributions, etc...)

The Showcase

The first section is where we want to have a short description, video/images, metrics about the project, to help new people understand what the project is about.

Section 2: Contributions, Details, Updates, Tasks requests.

To organize all the information about the project we decided to go with tabs below the Showcase. The tabs will help organize the different types of information, such as contributions, updates, tasks requests.

Contributions

Here we will show all the contributions related to the project

Details

Here the project owner can have put all the details about the project.

Updates

The Updates tab is meant to be a place where the project can communicate new updates related to the project like milestones achieved

Task requests

This where the project owner publishes new tasks for the project. And where contributors can look for tasks to do.

Full pages:

Homepage

Project page

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

---

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

---