Create project detail page (existing design) about 10x-website HOT 6 CLOSED

@willcahoe @uxforgood @maomeara63 @kimschulke @plummer-flex @sstatz
Good morning all! Here's the project detail page mockup. Please take a look and provide any feedback. Fairly basic content layout to match that of the existing website. Different subsections are divided by a dark horizontal rule. Thinner and lighter horizontal rules for bullet point like information. I'm wondering if some of the learn more links need more user friendly verbiage? Just a thought.

from 10x-website.

Good afternoon @willcahoe and Nico! Here's the updated project detail page mockup (below numbered feedback list) per feedback received from standup this morning. Please take a look and provide any feedback by end of day if possible with it being the end of the sprint. Feedback received this morning included:

1. Sentence case for headings
2. Fix bullet list - add check marks
3. Remove lines between goals and next section
4. Move team to bottom
5. Why this matters - apply card treatment - grey box with color border
6. Fix header sizes to match current
7. Match top header to project summary box format where name of project is in gold/yellow color

CC: @uxforgood @maomeara63 @kimschulke @plummer-flex @sstatz

from 10x-website.

Under "At a glance", the Phase info doesn't match our content structure. We have a Phase (1,2,3,4) and a Status (In Progress, Done, Graduated). Maybe something like [phase] - [status]? Ex: "Phase 3 - Graduated".

Also does it make sense to move the At a Glance info higher on the page? Like a TL;DR?

from 10x-website.

@plummer-flex love that idea! @npage123 let's try moving the at a glance under Overview section. And the content is FPO right now, but we should make sure that the Phase language matches what we're using on the portfolio page.

from 10x-website.

Sounds good @uxforgood. Here's a version with the 'At a glance' moved up.!

CC: @plummer-flex

Project Detail Page.jpg

from 10x-website.

Test Cases

User clicks on project portfolio box from Our Projects page

• On click color box displays around project portfolio box
• On release of click, color box changes color

User views project detail page

• Project title appears at top in red/orange font

• Project goal appears in bold black text

• Project type appears under goal

User views content in the following order (all sections separated by a line):

• Overview

• Our goal including How we did it, Where we are today and Why this matters

• Next steps with bulleted check marks

• Team

• Learn more

from 10x-website.