Challenge Summary
Welcome to "GlobalPoints - Mobile Booking App Design Concepts Challenge". In this challenge, we need your creative and innovative thoughts to help us create a new application where users that have accumulated airline reward points (from any airlines) can utilize their points in the most effective way possible. The application needs to be simple, easy to use, offer a great experience and able to trigger Call To Action (CTA) to the user, and at the same time it needs to look modern and professional.
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!
04. Search Screen - IMPORTANT SCREEN!
05. Search Result Screen - IMPORTANT SCREEN!
01. Login and Register Screens
02. Setup Profile Screens
03. Dashboard Screen
- 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 flow. Use the proper file numbers, (1, 2, 3, etc.)
01. Login and Register Screens
02. Setup Profile Screens
03. Dashboard Screen
04. Search Screen - IMPORTANT SCREEN!
05. Search Result Screen - IMPORTANT SCREEN!
06. Admin and Support Screens
07. FAQ and Help Screen
- 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 flow. Use the proper file numbers, (1, 2, 3, etc.)
Project Description
In this project, we want to solve the problem of how to book trips using accumulated airline points e.g. Virgin miles and Avios for holiday travel. This app will allow customers the ability to utilize their reward points (from multiple airlines/alliances) in the most effective way possible to meet their travel needs. Current experience is time consuming, difficult and requires multiple searches across different routes to find available options. Complicated by multiple locations, multiple possible air alliance point providers and existing poor apps and journeys.
The home pilot market is expected to be the UK, although the expectation is that this app is global and location agnostic. The points are driven by the account holder who may be resident in one or more locations and may be holding points in multiple geographic locations.
Challenge Goal
Provide a new look and feel that able to provide an unique, creative, innovative, simple and clear way to understand what is available and possible - the user will either know their locations, but want to know flight availability without having to enter many many dates, OR they will know the type of vacation they aspire to and want to know what is available for the points they have already or will soon have
User Flow 1
- I want to see all my Points in one place so that:
-- ...I can see where I can go with the points I have
-- ...See if I can use my points most efficiently (to reduce overall cost) to book my (known) trip
User Flow 2
- I want to see where I can travel so that:
-- ...I can see where I can go with the points I have
-- ...based on the type of trip required e.g. sun/beach holiday
Design Consideration
- CREATIVE and INNOVATIVE thoughts for this app
- Simple, Clean, Professional, and Modern look and feel.
- Needs to use Mobile design best practice
- Easy to understand flow from page to page
- Intuitive for the user; should never be left asking "what do I do next?"
- Easy viewing for pages that may be over overcrowded with information (eg. when hovering over an item will enlarge for easy viewing or similar)
- Top choices easily distinguishable
- Gamification options should be explored
- Engaging UI to show options available for travel focussed on customer needs e.g. Beach holiday request should allow the user to imagine themselves in destination-based for the recommended option
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=639200
- The user will need to fill in the following information in this setup screen:
03. Dashboard Screen
- See summary of all airline partners linked on one page – showing points held with each partner, points expiry, membership expiry, membership level, points to next tier
- Show user points held with each supplier (airline or card provider) with company logos. Where family profile exists show the points held at family level also e.g. Avios
- Any banner/notification/etc that show opportunity or offers from partners that match user point rewards condition
- Search forms where user can enter their request
- Recent requests – previous search(s) conducted
04. Search Screen – IMPORTANT SCREEN!
- This search and search results is the most important features in this app.
- We want to see a new approaches to this, and NOT just a sort and a filter.
- For example, for the search requirements screen, what if the user is presented with a 3-D globe that they can interact with to decide where they want to go, and they can pinch and swipe to get to a location, let's say, New York. Then, when the search results are presented, maybe its tiles with different views on it, the Statue of Liberty, the 9/11 memorial, Trump tower, etc.... those are shown instead of a standard list of places to go. This is the type of innovation the we want!!
- Search is expected to be developed using several different entry points and provide clear and concise outcomes e.g. selecting destination on map rather than entry on a form, selecting from top destination banners etc
- Focus on simplicity of choosing and editing active searches, such as dates or routes
- Default values should be prepopulated based on user set preferences e.g. LHR, 2 adults, points available etc
- See searchFlow.docx to see user search sample scenario
- Maybe gamification of search?
- A search will be processed based on the following criteria:
-- Points available from each airline and/or card provider
-- Plus points
-- Route availability from airlines
-- Seat availability on chosen routes (IMPORTANT) and sub routes
- Search Fields:
-- [Enters flight from] includes groupings for cities where co-located and countries (saves prior entries as drop down)
-- [Enters flight to] includes groupings for cities where co-located and countries (saves prior entries as drop down)
-- [Enter Date Ranges] allow an option of +/- 3 days or +/- one week
-- [Enter people traveling] – the key that this is remembered from profile set up in Load and is intelligent. If I load two children assume they are mine.
- Search Scenario:
-- Search 1: I know the intended destination and will go direct if possible
--- Sub-search 1a: same as search 1 but using additional points as specified in Preferences
-- Search 2: I know the intended destination and would prefer a single stopover of a set time
--- Sub-search 2a: same as search 2 but using additional points as specified in Preferences
-- Search 3: I know the intended destination and would accept or prefer 2 stopovers of a set time
--- Sub-search 3a: same as search 1 but using additional points as specified in Preferences
-- Search 4: I don't know the intended destination, just tell me where I can go for my points...Limit by: Activity, Region, Weather
--- Sub-search 4a: same as search 4 but using additional points as specified in Preferences
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 design for a Checkpoint Feedback04. Search Screen - IMPORTANT SCREEN!
05. Search Result Screen - IMPORTANT SCREEN!
01. Login and Register Screens
02. Setup Profile Screens
03. Dashboard Screen
- 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 flow. Use the proper file numbers, (1, 2, 3, etc.)
Round 2
Submit your Final Design plus Checkpoint Updates01. Login and Register Screens
02. Setup Profile Screens
03. Dashboard Screen
04. Search Screen - IMPORTANT SCREEN!
05. Search Result Screen - IMPORTANT SCREEN!
06. Admin and Support Screens
07. FAQ and Help Screen
- 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 flow. Use the proper file numbers, (1, 2, 3, etc.)
Project Description
In this project, we want to solve the problem of how to book trips using accumulated airline points e.g. Virgin miles and Avios for holiday travel. This app will allow customers the ability to utilize their reward points (from multiple airlines/alliances) in the most effective way possible to meet their travel needs. Current experience is time consuming, difficult and requires multiple searches across different routes to find available options. Complicated by multiple locations, multiple possible air alliance point providers and existing poor apps and journeys.
The home pilot market is expected to be the UK, although the expectation is that this app is global and location agnostic. The points are driven by the account holder who may be resident in one or more locations and may be holding points in multiple geographic locations.
Challenge Goal
Provide a new look and feel that able to provide an unique, creative, innovative, simple and clear way to understand what is available and possible - the user will either know their locations, but want to know flight availability without having to enter many many dates, OR they will know the type of vacation they aspire to and want to know what is available for the points they have already or will soon have
User Flow 1
- I want to see all my Points in one place so that:
-- ...I can see where I can go with the points I have
-- ...See if I can use my points most efficiently (to reduce overall cost) to book my (known) trip
User Flow 2
- I want to see where I can travel so that:
-- ...I can see where I can go with the points I have
-- ...based on the type of trip required e.g. sun/beach holiday
Design Consideration
- CREATIVE and INNOVATIVE thoughts for this app
- Simple, Clean, Professional, and Modern look and feel.
- Needs to use Mobile design best practice
- Easy to understand flow from page to page
- Intuitive for the user; should never be left asking "what do I do next?"
- Easy viewing for pages that may be over overcrowded with information (eg. when hovering over an item will enlarge for easy viewing or similar)
- Top choices easily distinguishable
- Gamification options should be explored
- Engaging UI to show options available for travel focussed on customer needs e.g. Beach holiday request should allow the user to imagine themselves in destination-based for the recommended option
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=639200
Screen Requirements
For this challenge, we are looking for the below pages to be designed/considered in your concepts. The screen functionality details listed below are suggested functionality for consideration. Do not allow the suggestions below to impact the creativity of design. If there is a better way to accomplish the same goal, then feel free to take creative liberties.
01. Login and Register Screens
- Provide ordinary login form for the user (username[email address], password (biometric [touch/face] id where available), forgot password, remember me, submit, etc)
- Need to have a configurable option when white labeled where they can log in using 3rd party account (using credentials determined by the 3rd party)
- Need to have register link, where first time user will use it to register to the application
- Provide registration page where the user can create an account in the application: providing name, login credentials, then first-time login flow (refer to setup profile screens)
- Need to have error scenario where user fails to log in to the app e.g. reset password flow, email address validation
02. Setup Profile Screens
- First time user that just start using the application will need to go through this page first
- Need an ability/interaction where the user can skip the setup profile screens during first time login flow and do it later via profile screen
- Provide information to the user that completing this step earlier as possible will benefit them when using the application because they will get the maximum result
- Provide an indicator on number of steps to complete setup
- The user will need to fill in the following information in this setup screen:
-- Personal Information Screen (full name, address, city, verified phone, verified email, etc)
-- Add Partner Airline Screen, can be multiple airline (Mandatory: membership number, password to login/source from App/ability to scan membership card or add manually, etc) - Provide feature to delete the airline too
-- Preference Screen:
--- Home currency - default to the country of app download e.g. GBP for the UK, USD for the US. Used to convert multiple country taxes (e.g. USD for AA and GBP for BA) back to home currency
--- Plus points (the number of points to add to search criteria above and beyond points already held) default set to 100,000 (setting is configurable)
--- Default home airport or city e.g. LHR or London – default to the primary airport in the capital of a country of download
--- Default stopovers (none/1/2)
--- Default passengers (if under 18 then ask for ages)
--- Default date range search i.e. +/-3 days, exact dates only, +/- 7 days – default set to +/- 7 days
--- Preferred airline
--- Basically, we could include anything here that will help reduce the search timing if such timings become too long, for example: customer can add points that are likely to be accumulated before booking. E.g. Current balance 25,000 Avios points, but expect to have another 5,000 in next 5 weeks from card use. Therefore the customer adds 5,000 expected points. When a search is committed the first search is based on 25,000 points and the secondary search is based on 30,000 points (see Search scenario).
--- Rate this app - prompt up to 3 times only
03. Dashboard Screen
- See summary of all airline partners linked on one page – showing points held with each partner, points expiry, membership expiry, membership level, points to next tier
- Show user points held with each supplier (airline or card provider) with company logos. Where family profile exists show the points held at family level also e.g. Avios
- Any banner/notification/etc that show opportunity or offers from partners that match user point rewards condition
- Search forms where user can enter their request
- Recent requests – previous search(s) conducted
04. Search Screen – IMPORTANT SCREEN!
- This search and search results is the most important features in this app.
- We want to see a new approaches to this, and NOT just a sort and a filter.
- For example, for the search requirements screen, what if the user is presented with a 3-D globe that they can interact with to decide where they want to go, and they can pinch and swipe to get to a location, let's say, New York. Then, when the search results are presented, maybe its tiles with different views on it, the Statue of Liberty, the 9/11 memorial, Trump tower, etc.... those are shown instead of a standard list of places to go. This is the type of innovation the we want!!
- Search is expected to be developed using several different entry points and provide clear and concise outcomes e.g. selecting destination on map rather than entry on a form, selecting from top destination banners etc
- Focus on simplicity of choosing and editing active searches, such as dates or routes
- Default values should be prepopulated based on user set preferences e.g. LHR, 2 adults, points available etc
- See searchFlow.docx to see user search sample scenario
- Maybe gamification of search?
- A search will be processed based on the following criteria:
-- Points available from each airline and/or card provider
-- Plus points
-- Route availability from airlines
-- Seat availability on chosen routes (IMPORTANT) and sub routes
- Search Fields:
-- [Enters flight from] includes groupings for cities where co-located and countries (saves prior entries as drop down)
-- [Enters flight to] includes groupings for cities where co-located and countries (saves prior entries as drop down)
-- [Enter Date Ranges] allow an option of +/- 3 days or +/- one week
-- [Enter people traveling] – the key that this is remembered from profile set up in Load and is intelligent. If I load two children assume they are mine.
- Search Scenario:
-- Search 1: I know the intended destination and will go direct if possible
--- Sub-search 1a: same as search 1 but using additional points as specified in Preferences
-- Search 2: I know the intended destination and would prefer a single stopover of a set time
--- Sub-search 2a: same as search 2 but using additional points as specified in Preferences
-- Search 3: I know the intended destination and would accept or prefer 2 stopovers of a set time
--- Sub-search 3a: same as search 1 but using additional points as specified in Preferences
-- Search 4: I don't know the intended destination, just tell me where I can go for my points...Limit by: Activity, Region, Weather
--- Sub-search 4a: same as search 4 but using additional points as specified in Preferences
05. Search Result Screen – IMPORTANT SCREEN!
- The simplicity of results and how to view in different ways - such as the cost of points, other costs such as taxes payable (convert differing currencies using base currency rates [held in admin], routing.
- Recommended options should be based on % matching to requirements from Search scenario requested + simplicity of booking :
-- complete route via single partner using minimal points
-- route via different partners using minimal points
-- complete route via single partner using more points
-- route via different partners using more points
- Sort order available cost of points, trip duration, tier of travel, departure/arrival time
- Expectation is that searches should be displayed as they are available from API's and indeed multiple API queries results will be reduced initially with view that background queries continue in expectation of use.
- Visualization of all route options on an interactive globe (or other graphical interactive UI interface) highlighting main route choices, cities, airline + logo, time
- Summary page of all airline partners on one page – showing points held, points expiry, membership expiry, membership level.
- Able to see the search result in INNOVATIVE and CREATIVE ways (see sampleData.docx and ListOfAirlines.docx from attachment to see sample data, feel free to modify it to match with your creative concept)
- If multiple options are available on date, route, points or class then the UX needs to be able handling presenting the multiple options – the results sort order should then be based on relevance and points used value e.g.1 virgin mile = 1.2 BA mile so
06. Admin and Support Screens
- We need to have an admin area where we can manage the application
- Ability to set white label partner set-up:
-- Define authentication
-- Style guide definition (including logo, colours)
-- Content and copy definition
-- Configuration of alliances (e.g. British Airways will include only One World partners and Virgin, but not other alliances)
-- Base currency source
- This screen will have an ability to access logs and audit trails
- Base currency list (for all in scope airline home country currencies) - source currency tables from Google [note: we will need to credit them on conversion small print]) conversion will be against users home currency
- No. of linked partners (i.e. Star Alliance)
- Access to MI (reports on usage – raw data is fine initially)
- Monitor app and user performance/View KPI's:
-- No. of unique users
-- No. of concurrent users
-- No. of active users
-- Frequency of use
-- Time on application
-- Points per user
-- No of linked airlines/partners
-- Searches and points used completed by: Airline(s), Region, and Type
- Ability to:
-- Clear logs
-- Update certificates
-- Implement upgrades and deployments
-- Troubleshoot wherever possible (TBA)
-- Update bad hyperlinks and APIs
07. FAQ and Help Screen
- FAQs will need to be smart
- Provide direct links to each alliance and airline
- Making sure any failed links get notified into support section and are able to be modified by the support team
- Results need to be available on an interactive moving image as well as a traditional list view.
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
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
- Open to Designers (Design Style, Font, Colors, etc)
- The expectation is that this will be a fully functional standalone product and available as a fully or partly (restricted to available airlines/alliances) white label product
- We need to use neutral colors for the default appearance with options for styling (able to handle supplied style guides in the futures)
Documentation
- InitiationGPAv0.2.docx (The whole main idea)
- searchFlow.docx (Search sample scenario)
- sampleData.docx & ListOfAirlines.docx (sample data for search result)
Target Devices
- Mobile Device (iPhone X): 1125px(w) x 2436px(h)
Target Audience
- Anyone who accumulates air mile related points
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
- Overall unique design and frictionless 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 72dpi 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) or Sketch and saved as editable layer
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colours) or modify overall colours.
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.