draft designs for Capital Projects apps

[damonmcc]

github discussion here

design details from Capital Planning team

CPDB columns to highlight

CPDB column	Field name in app
magenname	Managing Agency
adtotal	Total Budget
pctotal	Committed FY of Budget
altotal	Allocated FY of Budget
cototal	Committed to Date
sptotal	Spend to Date
mindate	Min Commitment Date
maxdate	Max Commitment Date
maprojid	Project ID

---

tasks

• hi-fi mobile wireframes
• by 5/8: lo-fi desktop wireframes and describe to AE how desktop app should work
• share wireframes with Capital Planning team
• map CPDB fields to app elements and provide documentation to AE
• draft examples of copy in significant app elements
• work on cartography/map design
• highlight significant fields in project card/list
• draft language for Welcome pages (same-ish for both apps)

[damonmcc]

@jpiacentinidcp I think @mbh329 is back tomorrow, so would be good to share wireframes in the project teams channel and tag him sometime tomorrow!

maybe screenshots would be good to share first and then a figma walkthrough/demo with him and AE by next Friday?

[jpiacentinidcp]

@mbh329 Thanks for chatting today. Adding the draft text to this comment for now:

Welcome to the Capital Projects Portal

Capital Projects Database

The Capital Projects Database includes information on New York City’s potential, planned, and ongoing capital projects. To better help you understand New York City’s capital project portfolio within and across major agencies, we have organized mapped projects in this portal. Unmapped projects, such as the purchase of vehicles or digital infrastructure, are not included in this tool.

How to Use This Tool

Select a project on the map to learn more about the relevant agencies and capital commitments, or filter by specific geographies to see all projects in that area. You can also export your selection as a CSV table or ESRI Shapefile.

More Information

To learn more about the Capital Projects Database and how New York City invests in building a better future, go to {......}. If you would like to download the complete database, including unmapped projects, you can find that here:

[jpiacentinidcp]

FIGMA LINKS

Mail Folder

Design File

Routes

[damonmcc]

@mbh329 this is probably a good place to document which CPDB fields (especially new ones) should be highlighted in the app

adding this screenshot of Capital Planning Explorer as a reminded of the current highlighted fields

[mbh329]

I will start taking a look today, thanks for the reference point.

[damonmcc]

hey @mbh329. don't wanna drive you nuts with too many issues. since the work is so similar and should probably align, I thought it'd be helpful to reply to your ESRI app question here

What do you mean by "pop up and text designs"?

similar to the above "which CPDB fields (especially new ones) should be highlighted in the app", we'd love to know which fields should be highlighted in the ESRI app. below is a screenshot of the popups related to a single project

and sorry "text design" is very vague. The ESRI app has lots of places where custom introductory or instructional text can be placed.

if you have any suggestions or opinions in that text, happy to work them in. if not, we can do a first pass and get your feedback. we'll likely try to align with the draft text in the designs for the Custom app

[caseysmithpgh]

Hey @mbh329, pinging you in reference to @damonmcc's previous message.
I plan to tackle the next ESRI app iterations in the second half of this week, but before I do so it would be helpful to get you input on pop-ups and important fields to highlight/group together.

[damonmcc]

hey @caseysmithpgh. Max and I reviewed CPDB fields and picked the faves. this issue description now has the list. he's also working on the text we'll use in the "welcome screen" where a user would choose a boundary type

for those $ related fields, the order they're in is important since it reflects the sequence of funding for a capital project

since these are the same fields we'll want to highlight in the custom app, I'll work on getting these into the relevant figma design mockups/whatever form will be most helpful for them

[caseysmithpgh]

Implemented some changes found in the design fellows feedback here (See Damon for access)

ESRI App

Home page:

1. Left aligned text
2. Increased font size across multiple sections; reduced negative space
3. Corrected difference between CC/CD buttons when hovering
4. Clarified "Geography Selector"
5. Added tool tips to describe different geographies; pulled directly from ESRI metadata

Instant Apps

1. Reverted selection highlight to no fill, default ESRI outline (00ffff)
2. Removed select by polygon options on lefthand menu
3. Configured legend to open on initial load

There was a lot of great feedback that was not able to be implemented due to ESRIs limitations within the out of the box tooling. Perhaps our wonderful design fellows ought to target ESRI for their next gig!