Challenge Summary
Welcome to the "FAST AutoGuys - Service Appointments Mobile Design Challenge". In this challenge, we are looking to design a single section within an existing app. We are designing the Service Appointments section of the app that allows the user to select dates, times, and services needed for their automobile. The application needs to be simple and intuitive, yet still, have a modern and professional look. The application should provide excellent usability with well-designed screens and flows for mobile devices.
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
1) Select a Location
2) Choose a Service
3) Select Vehicle
4) Select Date & Time
5) Contact Confirmation
6) My Account / Dashboard
7) My Account / My Orders
- Feel free to add any screens which are necessary to explain your concept
- As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt
- Make sure all pages have correct clickable flow. Use the proper file numbers, (1, 2, 3, etc.)?
1) Select a Location
2) Choose a Service
3) Select Vehicle
4) Select Date & Time
5) Contact Confirmation
6) My Account / Dashboard
7) My Account / My Orders
8) Other Features??
- Feel free to add any screens which are necessary to explain your concept
- As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt
- Make sure all pages have correct clickable flow. Use the proper file numbers, (1, 2, 3, etc.)
Challenge Description
A leading Automotive Service provider is planning to improve it's customers' experience by redesigned their mobile application. The company provides name-brand tires, automotive maintenance and repair, parts and expert advice for the Do-It-Yourselfer, commercial auto parts delivery, and fleet maintenance and repair to customers.
For this challenge you will be focused on a feature for creating Service Appointments.
Required Screens/Functionalities
Allows the user to request, update and delete service appointments. Following are the features required as part of the service appointment flow.
1) Select a Location
The application should show the last opted store as the default option. An option selects to a location for new or changing default location to be provided:
- Change location: This view will list all the stores by default. On entering the ZIP code, will show the respective stores in the area. The user should have the option to select the store from the list to proceed for appointment booking
- Geo-Location: Allows for selecting a store closest to your location based on the GPS of the user's mobile device
2) Choose a Service
The application should provide the service options and also should allow without choosing a service.
- Proceed without selecting a service
- Select a service from the options. Examples include:
-- Oil Change
-- Alignment
-- Engine Diagnostic Service
-- Brakes
-- Fluid Exchanges
-- Summer Prep Package
-- Heating & Cooling
-- Fleet Services
- Provide a brief description of the service needed if not sure
- Based on the season, time of year, climate, maintenance schedule, and/or any situation that is specific to the user; Featured Items, Suggested Items, and/or Special Sales could be displayed.
3) Select Vehicle
- The user would already have a vehicle in their account as part of the account creation process (not part of this challenge).
- The user should be able to select which vehicle they would like to have the selected service performed on. Multiple vehicles could be associated with a person's account
- If a user does not have a vehicle in their account of needs to add a new vehicle they should be able to do this as part of the Service Appointment process:
-- The user needs to input their vehicles year, make, and model
4) Select Date and Time
- This view should have the following options:
-- Show a calendar with available dates and times
-- Populate available time slots on the selected date
-- Allow the user to select a time slot and proceed
-- Allow the user to select a different location store in a popup view or separate view. On selecting the location and store, the time selection view should populate the available slots to proceed
-- Should have the option to select a different date and the time slots refreshed based on the respective date selected
5) Contact Confirmation
- On selecting the time slot, the contact confirmation screen is shown to the user:
-- The user should be able to edit their contact information
-- It allows the user select if they would like an appointment reminder by text message or email
-- Once an appointment is confirmed the screen should have an option to link the appointment against their Loyalty account, by entering in their Loyalty number
6) My Account / Dashboard
- "My Account" is a separate section of the overall app from "Service Appointments". We are only designing 1 sub-section of My Account, the "Dashboard":
-- Shows a dashboard view of the user's account and high-level information about my vehicle, my store, rewards information, etc. Each of these high-level pieces of information would link to their respective sub-sections
-- The user can also initiate a "Service Appointment" from their Dashboard
-- Include placeholders for the other sub-sections My Account: My Rewards, My Vehicle, My Stores, My Orders (we are designing the My Orders screen), My Profile.
-- You DO NOT have to design My Rewards, My Vehicle, My Stores, or My Profile screens
7) My Account / My Orders
- Show the service orders of the user
-- The user should be able to view past and upcoming Service Appointment
-- Be able to modify or cancel an upcoming appointment
8) Other Features?
- We are open to additional design ideas and features
- Make sure these ideas work with the required features and information stated above
- Any new feature or idea MUST make sense of the app, business, and target user
Important:
- Keep things consistent. This means all graphics styles should work together
- All of the graphics should have a similar feel and general aesthetic appearance
Challenge Forum
If you have any doubts or questions regarding challenge requirements, please ask in our challenge forum:
https://apps.topcoder.com/forums/?module=ThreadList&forumID=629816
Marvel Prototype
- We need you to upload your screens to Marvel App
- Please send your marvel app request to fajar.mln@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload)
Branding Guidelines
- Use our Branding Guidelines Docs for colors and layout recommendation (Attached in Challenge Page)
- The design style is open to designers
Target Devices
We are targeting for a Hybrid Mobile Application (Focus on iOS for now)
- Mobile: 750px width with height adjusting accordingly
Target Audience
- Car owners who need their vehicle to be serviced or repaired
- General public as well as existing AutoGuys customers
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- The overall design and user experience
- Cleanliness of screen design and user flow
- Ease of use
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72 dpi and place a screenshot of your submission within it.
Submission File
- Submit JPG/PNG image files based on Challenge submission requirements stated above
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop, Illustrator (might need to convert it to photoshop later), XD or Sketch and saved as an editable layer
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
Round 1
Submit your initial designs for checkpoint review1) Select a Location
2) Choose a Service
3) Select Vehicle
4) Select Date & Time
5) Contact Confirmation
6) My Account / Dashboard
7) My Account / My Orders
- Feel free to add any screens which are necessary to explain your concept
- As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt
- Make sure all pages have correct clickable flow. Use the proper file numbers, (1, 2, 3, etc.)?
Round 2
Submit your final designs plus checkpoint feedback implemented1) Select a Location
2) Choose a Service
3) Select Vehicle
4) Select Date & Time
5) Contact Confirmation
6) My Account / Dashboard
7) My Account / My Orders
8) Other Features??
- Feel free to add any screens which are necessary to explain your concept
- As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt
- Make sure all pages have correct clickable flow. Use the proper file numbers, (1, 2, 3, etc.)
Challenge Description
A leading Automotive Service provider is planning to improve it's customers' experience by redesigned their mobile application. The company provides name-brand tires, automotive maintenance and repair, parts and expert advice for the Do-It-Yourselfer, commercial auto parts delivery, and fleet maintenance and repair to customers.
For this challenge you will be focused on a feature for creating Service Appointments.
Required Screens/Functionalities
Allows the user to request, update and delete service appointments. Following are the features required as part of the service appointment flow.
1) Select a Location
The application should show the last opted store as the default option. An option selects to a location for new or changing default location to be provided:
- Change location: This view will list all the stores by default. On entering the ZIP code, will show the respective stores in the area. The user should have the option to select the store from the list to proceed for appointment booking
- Geo-Location: Allows for selecting a store closest to your location based on the GPS of the user's mobile device
2) Choose a Service
The application should provide the service options and also should allow without choosing a service.
- Proceed without selecting a service
- Select a service from the options. Examples include:
-- Oil Change
-- Alignment
-- Engine Diagnostic Service
-- Brakes
-- Fluid Exchanges
-- Summer Prep Package
-- Heating & Cooling
-- Fleet Services
- Provide a brief description of the service needed if not sure
- Based on the season, time of year, climate, maintenance schedule, and/or any situation that is specific to the user; Featured Items, Suggested Items, and/or Special Sales could be displayed.
3) Select Vehicle
- The user would already have a vehicle in their account as part of the account creation process (not part of this challenge).
- The user should be able to select which vehicle they would like to have the selected service performed on. Multiple vehicles could be associated with a person's account
- If a user does not have a vehicle in their account of needs to add a new vehicle they should be able to do this as part of the Service Appointment process:
-- The user needs to input their vehicles year, make, and model
4) Select Date and Time
- This view should have the following options:
-- Show a calendar with available dates and times
-- Populate available time slots on the selected date
-- Allow the user to select a time slot and proceed
-- Allow the user to select a different location store in a popup view or separate view. On selecting the location and store, the time selection view should populate the available slots to proceed
-- Should have the option to select a different date and the time slots refreshed based on the respective date selected
5) Contact Confirmation
- On selecting the time slot, the contact confirmation screen is shown to the user:
-- The user should be able to edit their contact information
-- It allows the user select if they would like an appointment reminder by text message or email
-- Once an appointment is confirmed the screen should have an option to link the appointment against their Loyalty account, by entering in their Loyalty number
6) My Account / Dashboard
- "My Account" is a separate section of the overall app from "Service Appointments". We are only designing 1 sub-section of My Account, the "Dashboard":
-- Shows a dashboard view of the user's account and high-level information about my vehicle, my store, rewards information, etc. Each of these high-level pieces of information would link to their respective sub-sections
-- The user can also initiate a "Service Appointment" from their Dashboard
-- Include placeholders for the other sub-sections My Account: My Rewards, My Vehicle, My Stores, My Orders (we are designing the My Orders screen), My Profile.
-- You DO NOT have to design My Rewards, My Vehicle, My Stores, or My Profile screens
7) My Account / My Orders
- Show the service orders of the user
-- The user should be able to view past and upcoming Service Appointment
-- Be able to modify or cancel an upcoming appointment
8) Other Features?
- We are open to additional design ideas and features
- Make sure these ideas work with the required features and information stated above
- Any new feature or idea MUST make sense of the app, business, and target user
Important:
- Keep things consistent. This means all graphics styles should work together
- All of the graphics should have a similar feel and general aesthetic appearance
Challenge Forum
If you have any doubts or questions regarding challenge requirements, please ask in our challenge forum:
https://apps.topcoder.com/forums/?module=ThreadList&forumID=629816
Marvel Prototype
- We need you to upload your screens to Marvel App
- Please send your marvel app request to fajar.mln@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload)
Branding Guidelines
- Use our Branding Guidelines Docs for colors and layout recommendation (Attached in Challenge Page)
- The design style is open to designers
Target Devices
We are targeting for a Hybrid Mobile Application (Focus on iOS for now)
- Mobile: 750px width with height adjusting accordingly
Target Audience
- Car owners who need their vehicle to be serviced or repaired
- General public as well as existing AutoGuys customers
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- The overall design and user experience
- Cleanliness of screen design and user flow
- Ease of use
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72 dpi and place a screenshot of your submission within it.
Submission File
- Submit JPG/PNG image files based on Challenge submission requirements stated above
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop, Illustrator (might need to convert it to photoshop later), XD or Sketch and saved as an editable layer
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.