Challenge Overview
Welcome to $100 Appointment Booking AngularJS UI Prototype F2F Updates
Final Submission Guidelines
Documentation Provided
appointment-booking-prototype.zip - UI Prototype as Base Update
F2F REQUIREMENTS:
For this F2F, you need update existing prototype with requirements as mentioned below.
Important!
- This prototype need remain support Responsive Design Solution for DESKTOP, TABLET, and MOBILE screen
- For DESKTOP screen, you can use responsive layout from TABLET storyboard
- Make sure your submission support Standard layout with 320px width screen size using best practices of Responsive Web solution.
- All pages need use fluid layout when transform into Landscape or Portrait view.
- Expected technology AngularJS, Bootstrap, and jQuery.
- All data as possible need to be loaded by JSON
1). Distance Coverage Pop up
- Distance Coverage Pop up Show up on page load
- Distance coverage Popup to be now modified to accommodate functionality to select the appointment Type.
- These are the available options:
—- First Appointment
—- Choices Review
—- Open an ISA
—- Open New Savings Account
—- Open New Sole Account
—- New Premier Customer
—- Savings and Investments Review
—- Set up a New Loan (up to $25k)
—- Top Up Existing Loan
—- Other
- Create options inside the modal
- Remove distance coverage filter on top right of map
- When change to another option, you need show other dummy content for pins on map
2). Book Appointment 1st Step removed
- Click Book Appointment button from the left side
- Book Appointment process to be modified to remove the selection of Appointment Type and just start the process from point number 2.
- Make sure the progress step remain use fluid width
3) Add Confirm Notification Pop up after Selection Wizard
- We need add Confirm Notification Pop up to the last Booking Appointment Wizard on Step 7
- Click Add Appointment should load Confirm Notification Pop up
- Re-use existing pop-up from this page: Confirmation tab > Confirm Button > Confirm Notification Pop up.
BROWSER REQUIREMENTS
- Chrome Latest Browser
- Safari Latest Browser
- Firefox Latest Browser
- Chrome, Firefox and Safari on iPhone 4, 4s, 5, 5s, 6 and 6+ (Landscape & Portrait View)
- Chrome, Firefox, and Safari on iPad 2, 3, Mini, 4, Mini Retina, Air (Landscape & Portrait View)
F2F GUIDELINES
We will review submissions as they are submitted! Pay attention to Forum activity!
We will review ALL submissions until we declare a winner based on
1) Task Requirements
2) Client is happy with how it looks/works
3) Time the solution was submitted
Please let us know if you have questions or need clarification on some things
Thank you