Epic: Update Loading Screen With 311 Data Info

[annaseulgi]

Design To Engineering Hand Off Epic

Overview

We need to update the loading modal so that it is clear that the website is for the 311 Data project and has no affiliation with the City of LA.

Details

Bonnie has asked that the loading modal combines the loading popup with the "non-affiliation message" popup. She also suggested that the user can be presented with fun-facts while the user waits for the data to load.

PM Action Items

• [x] Fix Title
• [x] Update 'Feature Description'
• [x] Add assignees (Design Lead, Engineering Lead, Assigned PM)
• [x] Assign a Milestone
• [x] Assign a Feature label
• [x] Remove label 'Milestone: Missing'
• [x] Add to Project Board

Design

NOTE: Bonnie has requested an update to the design of the loading modal. Design Team needs to update these designs on the Figma.

Design Action Items

• [x] fill in 'Section Name' in Figma Resources
• [x] update image url and remove markdown tags
• [x] Update 'Design Issue(s)' with list of relevant issues with role role: UI/UX Design

Figma Resources

• Link to Figma File
• Page Name:⭐⭐⭐ V1.2 HAND-OFF
• Section Name: Loading Screen

Screenshot of Finalized Designs

Screenshot of Figma

Design Issue(s)

• #1604
• #1594
• #1609
• https://github.com/hackforla/311-data/issues/1655

Engineering

Engineering Action Items

• [ ] Review 'Useful Notes for Figma' below
• [ ] Locate section on 311 Data Figma
• [ ] Create and list engineering tickets, adding dependency on design tickets if they are not yet completed.

Final Action items for PM

• [ ] Review all changes to confirm this epic is complete
• [ ] Close this issue

Useful Notes for Figma

The file describes the overall Figma page. There is one Figma file for the team, which is the 311_Data_UXUI file. The page is the location of designs within the file, selected via the left-hand-side as a table of contents. The section name is the title of a particular section of the page. The section will encompass all relevant info needed to complete this request.

Engineering Issue(s)

• https://github.com/hackforla/311-data/issues/1676

Resources

What is a Design, Engineering Handoff epic: Ticket for tracking designs submitted to engineering, discussion around implementation of designs

Replace this text with a bulletted list of resources that might be useful to engineers or designers