Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX: Hyundai Drive - Web App

140 views

Published on

Wireframe document for Hyundai Drive porting the mobile application to a responsive website. Made with Omnigraffle.

Published in: Design
  • Be the first to comment

  • Be the first to like this

UX: Hyundai Drive - Web App

  1. 1. Hyundai Drive Web UX Documentation Tue Sep 13 2016
  2. 2. MOBILE WEB 2 MOBILE WEB
  3. 3. 3 0. START Schedule a test Drive 1. Choose: Vehicle 2. Choose: Date & Time 3. Choose: Location or Dealership 4. Choose: Music 5. Take / Upload photos of front and back of the driver’s license User Info - name - email - mobile phone # 6. Review Appointment Details Next Next Next 7. Request Sent! Check your phone for a confirmation text. Next Send Request Data from Web Registrant Dealership Broadcast 9. Sales Agent - Verify request details - Accepts request TD Accepted: Connection made between Sales Agent and Web Registrant in the system 12. Confirmation Message SMS / Channel of communication created Duration of time until request gets accepted 11. Twilio API 8. & 10. Drive API Messages between agent and web registrant ID Scan Intro Success License Import Successful Upload ID Scan API ID Scan Front Flip & Repeat MOBILE USERFLOW
  4. 4. 1. Choose a vehicle 2. Choose a date & time 3. Choose a pick-up location 4. Choose a music genre MOBILE - TEST DRIVE REQUEST 4
  5. 5. 5. Account Information 5. ID Scan - Front 5. ID Scan - Flip to Scan Back Interstitial 6. Review & Submit Request ACCOUNT INFO & REVIEW REQUEST 5
  6. 6. Thanks for booking with Hyundai Drive! We’ll text you as soon as a dealership confirms your request. Tap this link to track your drive with the Hyundai Drive App goo.gl/ Dsksf [Dealership] has accepted your test drive for [date & time] at [location]. Reply here to chat with your agent or text CANCEL to stop receiving SMS updates Hyundaiusa.com 9:41 AMTH Hyundaiusa.com Global Navigation returnspace123 mnbvcxz lkjhgfdsa poiuytrewq Request Sent! Confirmation SMS Messages App Download Via SMS Deeplink Web Account Link Mobile App CONIRMATION MESSAGE & SMS 6
  7. 7. DESKTOP WEB 7 DESKTOP WEB
  8. 8. 8 ID Scan Intro Hyundaiusa.com 9:41 AMTH Hyundaiusa.com Global Navigation returnspace123 mnbvcxz lkjhgfdsa poiuytrewq 13. Tap URL in SMS to deep link to download Drive App from app store 14. Drive App Installed + Complete User Creation Download & Install Drive App Import Success 0. START Schedule a test Drive 1. Choose: Vehicle 2. Choose: Date & Time 3. Choose: Location or Dealership 4. Choose: Music 5. Take / Upload photos of front and back of the driver’s license User Info - name - email - mobile phone # 6. Review Appointment Details Next Next Next 7. Request Sent! Check your phone for a confirmation text. Next Send Request Data from Web Registrant Dealership Broadcast 9. Sales Agent - Verify request details - Accepts request TD Accepted: Connection made between Sales Agent and Web Registrant in the system 12. Appointment Confirmation Message SMS / Channel of communication created Duration of time until request gets accepted 11. Twilio API 8. & 10. Drive API Messages between agent and web registrant Valid License Upload Welcome to Hyundai Drive! Use the this link and follow the instructions on the screen to proceed goo.gl/ Dsksf [Dealership] has accepted your test drive for [date & time] at [location]. Reply here to chat with your agent or text CANCEL to stop receiving SMS updates ID Scan API SMS ID Scan Front Flip & Repeat Text a URL Upload a File DESKTOP USERFLOW
  9. 9. Introduction Choose Vehicle Choose Date & Time Choose Vehicle Grid DESKTOP - TEST DRIVE REQUEST Part 1 9
  10. 10. Choose a Location Choose Music Genre Account Info - Pass to Mobile Choose a Location - Dealer Account Info - Device Upload DESKTOP - TEST DRIVE REQUEST Part 2 10
  11. 11. License Capture SMS ID Scan Intro ID Scan Front ID Scan Flip Interstitial MOBILE - ID SCAN Part 1 11
  12. 12. ID Scan Back ID Scan Success Review Appointment Details Request Sent! Confirmation MOBILE - ID SCAN Part 2 12
  13. 13. Review Appointment Details Request Sent! Confirmation DESKTOP - REVIEW DETAILS & SENT CONFIRMATION 13

×