SvenHVAC - Low Fidelity Mockups

# SvenHVAC Low Fidelity Mockup Design Rationale ## Overview These low fidelity mockups for SvenHVAC were created to visualize the core user experience for an AI-powered HVAC service booking system. The mockups focus on embodying SvenHVAC's unique approach to solving the key user problem: finding trustworthy HVAC contractors with subject matter expertise and getting definitive appointment times, even outside business hours. ## Key Design Decisions ### 1. Voice-First Experience with Multi-Channel Support The interface design prioritizes the voice-based entry point while providing seamless transitions to visual interfaces when needed: - **Voice Assistant Interface:** - Clear conversation flow showing how the AI guides users through problem description - Natural language processing that demonstrates subject matter expertise - Seamless handoff to SMS for photo sharing and appointment confirmation - **SMS Integration:** - Text message interface for sharing photos of HVAC systems - Stripe payment link delivery via SMS - Appointment confirmation and updates via familiar messaging interface ### 2. Calendar API Integration Focus A critical component of the solution is the real-time calendar integration that allows: - Display of only genuinely available appointment times from technicians' calendars - Immediate confirmation of specific appointment times (solving the core user problem) - Visual representation of the API connection between SvenHVAC and contractor calendars - Transparent display of appointment status throughout the process ### 3. Dual-Sided Platform Approach The mockups address both sides of the marketplace: - **Customer Experience:** - Intuitive problem reporting and diagnosis - Clear appointment scheduling with real-time availability - Simple deposit payment process - Transparent service tracking - **Contractor Experience:** - Easy-to-manage appointment dashboard - Calendar integration and availability management - Detailed customer issue information prior to service - Streamlined workflow that fills their schedule without overhead ### 4. Deposit Payment Workflow The $95 deposit system is clearly implemented through: - SMS delivery of Stripe payment links - Clear explanation that the deposit applies to the final service cost - Simple, mobile-friendly payment interface - Immediate confirmation when payment is processed ## Screen-by-Screen Rationale ### Home Screen The entry point establishes brand identity and provides clear pathways to contact SvenHVAC, emphasizing the 24/7 availability through the prominent phone number display (508-686-SVEN). ### Emergency Call Screen This representation of the voice interface demonstrates how the AI assistant embodies subject matter expertise by: - Acknowledging and validating customer concerns - Asking relevant diagnostic questions - Offering to send a text message for photo uploads - Creating a conversational path to appointment booking ### SMS Photo Upload Interface This critical touchpoint shows how customers can easily share photos of their HVAC system via text message, which: - Enhances diagnosis accuracy - Provides visual confirmation for technicians - Creates a documented record of the issue - Allows for AI analysis of the visual problem indicators ### Diagnostic Assistant The step-by-step diagnostic flow implements progressive disclosure, asking targeted questions with clear options to: - Demonstrate technical expertise - Collect relevant information for technicians - Guide users to the most appropriate service type - Build confidence in the diagnosis process ### Appointment Scheduler This signature component solves the core user problem of getting definitive appointment times by: - Showing real-time availability from technician calendars - Providing specific time slots (not vague windows) - Visualizing the calendar API integration - Confirming selected appointments immediately ### SMS Payment Link This screen shows how the system: - Sends a secure Stripe payment link via text - Clearly explains the deposit purpose - Provides appointment confirmation details - Confirms receipt of payment - Sets expectations for next steps ### Service Tracker This screen addresses the anxiety of waiting for service by: - Providing a clear timeline of service stages - Showing real-time technician location and ETA - Including technician details to build trust - Offering direct communication options ### Payment Screen The payment flow is designed to be transparent and reassuring with: - Clear itemized breakdown of costs - Explicit explanation of the deposit purpose - Secure payment indicators - Streamlined form with appropriate validation ### HVAC Contractor Interface This critical component shows how the platform serves contractors by: - Displaying upcoming appointments with customer details - Providing issue information and customer notes - Offering easy calendar management - Allowing customization of service areas and available times ## Technical Implementation Considerations Several technical considerations influenced these designs: 1. **Voice Processing Integration** The Emergency Call screen acknowledges the AI-powered voice system's capabilities to understand HVAC terminology and guide customers through diagnosis. 2. **Calendar API Integration** The Appointment Scheduler explicitly shows how SvenHVAC connects to technician calendars to display real-time availability, solving a core user problem. 3. **Payment Processing** The SMS payment link and payment screens are designed around Stripe integration requirements, emphasizing the $95 deposit model. 4. **Contractor Onboarding** The contractor interface shows how HVAC professionals can easily integrate with the platform, managing their availability and service offerings. ## Product Strategy Alignment These mockups support key product goals: 1. **Solving Trust Issues** The entire experience demonstrates subject matter expertise and transparency, building trust with customers. 2. **Providing Definitive Booking Times** The calendar integration and immediate appointment confirmation directly address the primary user problem. 3. **Creating a Zero-Invoicing Call Service** The contractor interface shows how SvenHVAC fills technician calendars without requiring them to manage a complex system. 4. **Enabling Geographic Expansion** The system is designed to scale from the initial test area (Worcester, MA) to nationwide coverage through local phone numbers and contractor networks. ## Next Steps These low fidelity mockups establish the core user experience and key screens. Recommended next steps include: 1. Stakeholder review and feedback on the overall flow and key screens 2. Usability testing with the wireframes to validate the core experience 3. Technical validation of the calendar API integration approach 4. Development of the visual design system 5. Creation of high-fidelity mockups for key screens 6. Development of interactive prototypes for user testing By focusing on solving the core problems of trust, expertise, and definitive appointment times, these mockups lay the groundwork for SvenHVAC's unique approach to revolutionizing the HVAC service industry.