Capture photos and roof details on your phone
Use the Add photos screen on a phone to shoot or pick photos, tag them, record roof type, pitch and tear-off layers, add notes, and save so the job moves to Inspected.
Video tutorial coming soon
The written steps below are complete. Producing the video? Use the video script tab — it follows these steps one for one.
Rough runtime
4:10
Scenes
7
Lesson
2.4 · Jobs & customers
File name
02-04 capture-photos-on-site.mp4
Before you record
- Record on a real phone (screen recording) with a test job open. Have a few sample photos in the library.
- Record at 1920×1080, browser zoom 100%, light theme, sidebar expanded, no personal data on screen. See Recording standards.
The viewer is assumed to have: The job already exists; You are logged in on your phone.
Shot list
| # | Time | Scene | Screen | On screen | Narration |
|---|---|---|---|---|---|
| 0 | 0:0020s | Intro: Capture photos and roof details on your phone | /projects/[projectId]/capture | Title card, then the first screen of the lesson. | This one is for the field. We are on a phone, standing in front of a house, and we will have photos and roof details on the job in two minutes. |
| 1 | 0:2043s | Open Add photos | /projects/[projectId]/capture | On the job page tap "Add photos" (or "Take photos" in the Photos tab on a phone). | From the job, tap Add photos. Two big buttons: shoot a new photo, or pick from the phone's library. |
| 2 | 1:0343s | Shoot or pick photos | /projects/[projectId]/capture | Tap "Take photo" to open the rear camera, shoot, and repeat. Or tap "From library" and select several at once. | Shoot the overview, the damage, the flashing, the gutters. Each one drops into the queue below. |
| 3 | 1:4643s | Tag the photos | /projects/[projectId]/capture | Use "Tag untagged as…" to tag everything at once, or tap a single photo and answer "What does this photo show?" with a quick tag: Overview, Damage, Shingles, Flashing, Gutters, Vents, Attic or Interior / leak. | Tag them now while you remember what you shot. Bulk-tag the overviews, then tap the damage shots individually. |
| 4 | 2:2943s | Record roof details | /projects/[projectId]/capture | Under "Roof details" choose the Roof type (Asphalt shingle, Metal, Tile, Flat / TPO, Wood shake, Slate, Other), the Pitch (Flat, 2/12 to 10/12, 12/12+) and Layers to tear off (1, 2, 3+). Type anything the estimator needs in "Notes for the quote". | Then the three things every estimator asks: what is on the roof, how steep, and how many layers come off. Add notes for anything else. |
| 5 | 3:1243s | Save to the job | /projects/[projectId]/capture | Tap "Save to job" in the sticky footer. Wait for the status text to finish. | Save to job. Photos upload three at a time, the roof details become a note, and the job slides to Inspected on the board without anyone touching it. |
| 6 | 3:5515s | Recap & next lesson | /projects/[projectId]/capture | Hold on the finished result, then the end card. | Photos saved, job inspected. Back in the office, the estimator already has everything they need. Next: notes and the activity timeline. |
Narration, in order
0. Intro: Capture photos and roof details on your phone
0:00 · 20sTitle card, then the first screen of the lesson.
This one is for the field. We are on a phone, standing in front of a house, and we will have photos and roof details on the job in two minutes.
1. Open Add photos
0:20 · 43sOn the job page tap "Add photos" (or "Take photos" in the Photos tab on a phone).
From the job, tap Add photos. Two big buttons: shoot a new photo, or pick from the phone's library.
Show before cutting: A screen headed "Add photos" with a "‹ Back to job" link, the customer and address, and two big buttons: "Take photo" and "From library".
2. Shoot or pick photos
1:03 · 43sTap "Take photo" to open the rear camera, shoot, and repeat. Or tap "From library" and select several at once.
Shoot the overview, the damage, the flashing, the gutters. Each one drops into the queue below.
Show before cutting: The queue reads "N photos ready" with a thumbnail per photo and a remove button on each.
3. Tag the photos
1:46 · 43sUse "Tag untagged as…" to tag everything at once, or tap a single photo and answer "What does this photo show?" with a quick tag: Overview, Damage, Shingles, Flashing, Gutters, Vents, Attic or Interior / leak.
Tag them now while you remember what you shot. Bulk-tag the overviews, then tap the damage shots individually.
Show before cutting: Each thumbnail shows its tag.
4. Record roof details
2:29 · 43sUnder "Roof details" choose the Roof type (Asphalt shingle, Metal, Tile, Flat / TPO, Wood shake, Slate, Other), the Pitch (Flat, 2/12 to 10/12, 12/12+) and Layers to tear off (1, 2, 3+). Type anything the estimator needs in "Notes for the quote".
Then the three things every estimator asks: what is on the roof, how steep, and how many layers come off. Add notes for anything else.
Show before cutting: Notes accept up to 3500 characters.
5. Save to the job
3:12 · 43sTap "Save to job" in the sticky footer. Wait for the status text to finish.
Save to job. Photos upload three at a time, the roof details become a note, and the job slides to Inspected on the board without anyone touching it.
Show before cutting: A "Saved to the job" banner appears. The roof details and notes become a job note, and the job moves to Inspected.
6. Recap & next lesson
3:55 · 15sHold on the finished result, then the end card.
Photos saved, job inspected. Back in the office, the estimator already has everything they need. Next: notes and the activity timeline.
Related lessons
The job page: header, proposals, photos, appointments and activity
Learn every region of the job page: the header actions and stage stepper, the Proposals and Photos tabs, the Appointments and Roof measurements cards, and the activity timeline.
Jobs & customersBeginner10 min
Inspection page: sections, items and photos
Document what you found: add sections, upload a photo and note per item, and understand how these photos become the "What we found on your roof" gallery for the homeowner.
Proposals & quotesBeginner6 min
Finished this lesson?