Challenge Summary
Welcome to the Book Your Private Jet Mobile Redesign Challenge! In this challenge we are looking to redesign a Mobile application that allows customers to search and book private jet charter planes.
We currently have the client screenshots for the current application and we are looking for you to provide design concepts and click-paths to plan our new mobile user experience!
In this contest we are looking for DESIGN CONCEPTS on how this Mobile App could work. What should the user see and experience when using the application?
Round 1
Submit your design for a Checkpoint feedback:
0. Navigation.
1. Search Page.
2. Aircraft Results Page.
3. Book Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Design plus Checkpoint feedback:
0. Navigation.
1. Search Page.
2. Aircraft Results Page.
3. Book Page.
4. Payment Page.
5. My Trip Detail Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Description:
In this challenge we are redesigning a mobile application that allows users to find, book, and fly on private jets. Our goal is to create a seamless user experience to provide the best app possible for our customers. We want to provide customers with an easy viewing experience, one that is unique and professional at the same time.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Supporting Documents:
- Current app screenshots (screenshots.zip)
- Logo (Logo.psd.zip)
Branding Guidelines:
- Please refer the client screenshots for branding guidelines and logo.
Design Concept Goals:
- How should this mobile app look?
- How quickly the user can find what he wants?
- The app should be easy to use.
- This app is going to use iOS operating system.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
Screen Sizes:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
Make sure you create graphic in 'shape' format, so when resize for retina versions, graphic still look sharp! It will be great if you can provide the landscape version.
Design Considerations:
- As a user I need to be able to clearly view all of the jets, and easily enter information about my travel dates.
- It should be easy for me to click on and identify what features are where, and how I interact with them.
- The icons should be laid out in a easy format allowing me to interact between screens easily.
Required Screens:
0) Navigation:
- How does the user navigate this app?
- Include navigation that you think fits with this app.
- Focus on the priority items and how things should be sized.
1) Search Page:
- This page should reflect the Takeoff360 branding and look "premium" in design.
- It should very clearly show what user can do with this application and what the application is all about.
- Please refer to search-01.png, search-02.png & search-03.png screenshots for search page.
- The search page has three travel modes:
-- One way: One way contains the from airport, to airport, departure date and time period along with passengers.
-- Round Trip: The round trip contains the same options as one way but with return date and time.
-- Multi City: Multi city contains travel up to 6 legs.; A leg is a from and to airport along with depart date and time period. This page should also contain add or remove leg options.
- The left most icon on top bar is the slide to right and reveal menu option.
- The settings icon is for default search options.
- Please refer to calendar.png & time-period.png for calendar and time period sub screens.
2) Aircraft Results Page:
Please refer to resultpage-01.png, resultpage-02.png & resultpage-03.png screenshots.
- The aircraft results page has tiles of aircrafts that will be displayed to the user.
- The header contains the search information, the back button is replaced by a search icon which takes it back to the search button.
- The filter button brings the right side menu for sort by price and time.
- Each tile has the aircraft image as the background, when an image is not present for the aircraft an stock image will be posted and indicated that it’s not an actual aircraft.
- Each aircraft has details like, duration, max passengers allowed and the number of fuel stops required for the journey.
- The price is indicated with a green background.
3) Book Page:
Please refer to bookpage.png screenshot.
- When an aircraft is selected from the result tiles, this page is shown with same details. If there are multiple pictures, then they will be able to slide left and right for preview.
- On this screen they can either choose to send an enquiry to get more details about the aircraft or they can go ahead and charter the jet.
4) Payment Page:
Please refer to payment.png screenshot.
- Payment page is a simple summary of the jet including taxes.
- They can either choose to pay now or wire transfer.
- This page has a timer that expires and doesn’t allow the user to book once the time has expired.
5) My Trip Detail Page:
Please refer to detail-01.png, detail-02.png & detail-03.png screenshots.
- The my trip detail page gives all the information about a booked trip.
- There are options to add the detail to passbook and to calendar.
- You can also update the passenger information on this screen.
- The passenger information sub screen allows to add passenger information when required.
- This screen also has option to request an UBER from within the app.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Target User:
- Travelers and business travelers.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as a mobile application
- Creativity and ease-of-use is key to the success as it must be engaging to users.
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
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.