Technician Mobile App

Screen map for HFHS field technicians and home managers. 20 screens across 5 flows, covering daily visits, onboarding, and in-visit tools.

20
Total Screens
5
User Flows
4
Tab Bar Items
4
Onboarding Steps
🏠 Today
📋 Visits
👥 Customers
📊 Metrics
AUTH
Authentication
1
🔒
Login
Email and password sign-in. HFHS branded splash with forest green background. Includes forgot password and biometric login option.
email input password input sign in btn forgot password biometric
CORE
Daily Work Flow (Tab: Today)
2
Today
Home screen. Shows today's date, sync status, and a scrollable list of assigned visits. Each visit card shows member name, address, time range, visit type (Monthly/Quarterly/Bimonthly Maintenance or Off Cycle), and a red product needed flag if applicable. Includes Visits to Close Out and Products Missing Links sections.
date header sync indicator visit cards product flags visit type missing links tab bar
3
📋
Visit Detail
Full visit info before starting work. Shows visit date and time at the top. Primary and secondary member names and phone numbers. Address with map link, visit type. Repairs list with priority badges (High/Medium/Low) and status badges (Active/In Progress/Complete). Add Repair button. Components section for property appliances. Property Info button for access notes and property notes.
visit date/time primary/secondary member address/map priority badges status badges add repair btn components property info btn
4
🛠
Visit In Progress
Active work screen with a running timer. Repair items shown as a checklist with priority badges (High/Medium/Low) and status badges. Each repair has an Add Product button and Internal Notes field (not visible to customer). Action buttons for photos, voice notes, before/after pairs, and new repairs.
timer repair checklist add product btn internal notes before/after btn priority badges add repair complete btn
5
Post-Visit Summary
Review screen after completing a visit. Shows completed vs. remaining repairs, Repairs Requiring Product section highlighting products with missing purchase links (warning icons). Schedule follow-up option. Submit moves to signature capture.
completed items remaining items repairs needing product missing link flags follow-up btn submit btn
14
✏️
Member Signature
Sign-off screen after visit completion. Shows a brief summary of work performed and the member signs on screen to confirm. Clear and submit buttons. Skippable if the member is not home.
work summary signature pad clear btn skip btn submit btn
In-Visit Modals
15
📦
Materials Used
Log parts and materials used during the visit. Searchable product list from inventory. Enter quantity and item for each material. Running cost total at the bottom. Accessible from Visit In Progress.
search/add item quantity input materials list cost total done btn
 
16
📷
Before/After Photos
Structured photo capture for repair items. Select a repair from the checklist, take a "before" photo, then an "after" photo. Both are linked to the same repair item for the homeowner's review.
repair selector before photo after photo camera btn save pair btn
NAVIGATION
Tab Bar Screens
2
🏠
Today
Home screen showing today's date, sync status, and a scrollable list of assigned visits. Each visit card shows member name, address, time range, visit type (Monthly/Quarterly/Bimonthly Maintenance or Off Cycle), and red product needed flags. Includes Visits to Close Out and Products Missing Links sections. This is the default landing tab.
date header sync indicator visit cards product flags visit type missing links tab bar
 
6
📋
Visits
All visits with tab filters: Today, Recent, Upcoming, All Visits. Gallery-style visit cards showing member name, address, time range (e.g. 12:00 PM - 4:00 PM), visit type, and product needed flags. Toolbar with filter, sort, and search.
tab filters visit cards time range product flags filter/sort toolbar search
 
7
👥
Customers
Customer list with My Customers and All Customers tabs. Shows primary member name, full property address, current plan, home manager, and CS tech. Toolbar with group, filter, sort, and search.
my/all tabs customer rows property address plan badge search bar
 
8
📊
Metrics
Performance stats for the current month. Shows personal metrics (repairs per visit, maintenance completion %, missing links %) and a box scores leaderboard ranking all techs by those same metrics.
stat cards repairs/visit maintenance % missing links % box scores table
ONBOARDING
New Member Onboarding (4-Step Wizard)
9
🏠
Step 1: Appliance List
List of documented appliances (empty on first visit). Each entry shows photo thumbnail, type, make/model, and condition. Big "Add New Appliance" button at top launches the add flow. Progress bar and step dots show wizard position.
progress bar step dots add new btn appliance list photo thumbnails edit/delete next btn
10
📋
Step 2: Assessment
Home condition assessment. Yes/No toggle questions covering water damage, pest issues, safety concerns, and accessibility. Each question has a notes field for details.
yes/no toggles condition questions notes fields back/next btns
11
🔧
Step 3: Projects
Identify needed repairs and projects. Each item has a description, category chip, priority selector (Now, Soon, Later), and estimated cost field. Costs flow to the homeowner's quote review. Add button for new items.
project list category chips priority selector est. cost input add project btn
12
Step 4: Summary
Review everything before submitting. Shows appliance count with details, assessment flags, and project list with priorities and costs. Edit buttons to go back to any section. Submit completes the onboarding.
appliance summary assessment flags project summary total est. cost edit btns submit btn
Add Appliance Flow (launched from "Add New" in Step 1)
18
⚙️
Pick Type
3-column grid of appliance and component types: HVAC, Water Heater, Washer, Dryer, Dishwasher, Refrigerator, Fireplace, Roof, Garage Door, Pool Equipment, etc. Tap a type to move to the capture screen.
type grid type icons tap to select cancel btn
19
📷
Capture Photos
Photo capture for the selected appliance. Two capture areas: unit photo (full view of the appliance) and nameplate/data plate photo (serial, model info). Camera opens on tap. Photos can be retaken or skipped.
unit photo nameplate photo camera capture retake btn skip btn next btn
20
📝
Make / Model / Details
Enter or search for make and model. Search box with autocomplete for common brands and models. Fields for serial number, year installed, and condition rating (1-5). Save returns to the appliance list with the new entry added.
make search model search serial number year installed condition rating save btn
UTILITY
Shared Components
13
🎤
Voice Recorder
Full-screen voice note capture. Large record button with waveform visualization. Timer shows recording duration. Used during visits for hands-free note taking. Save or discard when done.
record button waveform timer save/discard
 
17
🚚
My Inventory
Truck stock and materials on hand. Searchable list of parts, filters, fittings, and supplies with current quantity. Low stock warnings highlighted. Tap an item to adjust count after use or restocking.
search bar inventory list quantity badges low stock alerts adjust count
View Tech App Previews → All Mobile Resources →