Customer Mobile App

Screen map for HFHS members and homeowners. 22 screens across 6 flows.

22
Total Screens
6
User Flows
5
Tab Bar Items
3
Service Request Steps
🏠 Home
🔧 Repairs
📅 Visits
💬 Messages
👤 Account
AUTH
Authentication
1
🔒
Welcome / Login
Branded welcome screen with HFHS logo. Email and password sign-in. Option for biometric login on return visits. Link to contact support if they need help getting set up.
logo email input password input sign in btn biometric need help link
CORE
Home Dashboard (Tab: Home)
2
🏠
Home Dashboard
Welcome greeting with member name. Shows contract status, next scheduled visit with countdown, Home Plan quick action card showing open task count and next due item, recent activity feed, and quick action buttons.
greeting contract status next visit card home plan card activity feed quick actions tab bar
3
🏡
My Property
Property details with address, photos, and key info. Shows registered appliances and components with age and condition. Link to Home Plan for the full task list. List of all completed and upcoming repairs for the home.
property photo address appliance list component ages home plan link repair history
SERVICE
Service Request Flow (Tab: Repairs)
4
🔧
My Repairs & Projects
List of all repair requests and projects with status filters. Each card shows title, status badge, date submitted, and assigned tech. Filter tabs for Open, In Progress, Completed, and All. Links to the full Home Plan for the master task view.
filter tabs repair cards status badges view home plan new request btn
5
📝
New Request: Describe
Step 1 of the request wizard. Category picker (plumbing, electrical, HVAC, appliance, general). Text field to describe the problem. Option to add photos of the issue.
step indicator category picker description field add photos next btn
6
📅
New Request: Schedule
Step 2. Urgency selector (not urgent, soon, emergency). Preferred time slots with morning, afternoon, and evening options. Calendar for picking preferred dates.
urgency selector date picker time slots special notes next btn
7
New Request: Confirm
Step 3. Review summary of category, description, photos, urgency, and preferred scheduling. Edit buttons to go back to any step. Submit sends the request to the HFHS team.
summary card photo preview edit btns submit btn confirmation
8
🔍
Repair Detail
Full detail view for a single repair. Shows timeline of status updates, assigned technician with photo, scheduled date, before/after photos, tech notes, and member feedback option.
status timeline tech info photos tech notes feedback btn
SCHEDULING
Visits and Scheduling (Tab: Visits)
9
📅
My Visits
Calendar view of past and upcoming visits. Upcoming visits show date, time window, tech name, and visit type. Past visits show completion summary and rating. Toggle between list and calendar views.
calendar view list view upcoming cards past visits view toggle
10
📋
Visit Detail
Full info for a scheduled or completed visit. Shows tech name and photo, date and time, visit type, work items planned or completed, and any photos or notes from the tech.
tech profile date/time work items photos rate visit btn
11
Rate Visit
Post-visit feedback form. Star rating for overall satisfaction. Optional text feedback. Quick tags for common compliments (on time, thorough, friendly, clean). Submit sends to the HFHS team.
star rating feedback text quick tags submit btn
COMMUNICATION
Messages (Tab: Messages)
12
💬
Messages
Inbox of conversations with the HFHS team. Shows most recent message preview, timestamp, and unread count. Threads organized by topic (visit updates, repair requests, general questions).
conversation list unread badges message preview timestamps
13
💭
Chat Thread
Chat-style conversation view. Message bubbles with timestamps. Ability to send text, photos, and documents. Related repair or visit linked at the top for context.
message bubbles text input attach photo attach file linked repair
ACCOUNT
Account and Settings (Tab: Account)
14
👤
My Account
Member profile with name, email, phone, and property address. Contract summary showing plan type, start date, and renewal date. Links to billing, documents, and settings.
profile info contract summary billing link documents link settings link sign out
15
💳
Billing
Payment history and current balance. Shows contract amount, payment method on file, next payment date, and transaction history. "Pay Now" button for any outstanding balance from approved work. Option to update payment method.
balance approved work total pay now btn payment method next payment transaction list update payment
16
📄
Documents
Signed contract, service agreements, and warranty info. Each document shows title, date, and a download or view button. PDF viewer opens inline for quick review.
document list download btn view inline date signed
HOME PLAN
Home Plan and Approval Flow
17
📋
Home Plan
Master task list for the home. Shows everything: scheduled maintenance, identified repairs, and future upgrades. Filter tabs for Maintenance, Repairs, Upgrades, and All. Each item shows priority, status, and estimated cost. Drag to reorder priorities.
filter tabs task cards priority badges cost estimates drag to reorder next due date
18
📄
Task Detail
Single task view with full details. Shows description, category, priority (Now/Soon/Later), cost estimate, timeline, approval status, and related photos. Homeowner can change priority or add notes.
task title category priority picker cost estimate timeline approval status photos add note
Quote Review and Payment
19
💰
Quote Review
HFHS sends a quote for a set of work items. Shows line items with description and cost, grouped by priority. Total cost at the bottom. Homeowner can review each item before deciding what to approve.
line items item costs priority groups total cost review btn
20
Approve Work
Select which items to approve from the quote. Toggle each line item on or off. Running total updates as selections change. Shows selected count and total cost. Confirm button sends approval to HFHS.
item toggles running total selected count approve all btn confirm btn
21
💳
Make Payment
Pay for approved work. Shows amount due, selected payment method, and an option to choose a different card or bank account. Confirmation screen after payment with receipt. Option to set up a payment plan for larger amounts.
amount due payment method change method payment plan option pay now btn confirmation
NOTIFICATIONS
Push Notification Center
22
🔔
Notifications
Central hub for all push notifications. Visit reminders, repair status updates, quote ready alerts, payment confirmations, and maintenance due reminders. Each notification links to the relevant screen. Unread dots and timestamps.
notification list unread dots type icons timestamps deep links mark all read
View Customer App Previews → All Mobile Resources →