Sprint 01 - Wireframes - Project page

[tania-pires]

Hello!

We’re creating this issue to share the initial wireframes for the Project page. You can check out the inVision files here:

https://invis.io/VCQTFR6YSJR#/355947347_Project_Page

Assumptions: Our main goal is to encourage users to map by providing a more engaging and compelling project page. Therefore, we have privileged live data and dynamic user content. We wanted to make sure that all the relevant information for the user to start mapping immediately was provided above the fold. And then show all the other information in an enjoyable way with easy navigability.

What we did:

• Divided the current page into two distinct ones: the first one related to the project itself (Project page) and the other one related to the mapping process of that project (Mapping process).
• Gave a prominent position to the activity and stats section
• Added a section of metrics related to the project (buildings mapped, roads, mapped, etc)
• Added a gallery section within the project - there are several projects that have links to external image galleries and videos
• Added a related projects section to give visibility to other similar projects and also to increase the probabilities of conversion.
• Added an anchor sticky navigation so the user can access and navigate quickly between sections. Project page.zip

Next Steps While you review and compile feedback until next Wednesday, we’ll be working on User Profile and Login & Register pages.

Ps: Feel free to leave notes and comments directly in inVision.

[tania-pires]

Hello! We've made some adjustments to this page content and layout, according to feedback received.

What we've changed

• Redesign the content structure of the page in order to be more easy to read
• Added how it works section to make the contribution process more evident
• Redesign of the questions and comments section in order to make it easier to navigate, reply and follow up on comments

Ps: Feel free to leave notes and comments directly in inVision. https://invis.io/VCQTFR6YSJR#/355947347_Project_Page