University - Responsive Alumni Travel Study Portal Design Concepts Challenge

BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$150‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to "University - Alumni Travel Mobile Apps Design Concepts Challenge". In this challenge, we will be creating a travel study portal site to support trip-specific collaboration for a prestigious university. This is a site that is geared towards university alumni but non-alumni may also travel. We are looking for the best UI/UX concepts for this application. Join this fun challenge now!!

Round 1

Initial Design for client review (Mobile + Desktop)
01. Trip information Screen
02. Marketing the trip Screen
03. Preparing for Trips Screen
04. Registration and Payments Screen

 

Round 2

All requirements as stated in challenge details with client feedback applied
01. Trip information Screen
02. Marketing the trip Screen
03. Preparing for Trips Screen
04. Registration and Payments Screen


Background Overview

We want to create a travel study portal site to support trip-specific collaboration for a prestigious university. This is a site that is geared towards university alumni but non-alumni may also travel. The travel study website is used as a marketing brochure with various ways of displaying trip information. There are approximately 70 trips per year, 2000 travelers going to 80 countries. The trips are education vacations that create engagement with the University. 

Here is an example of a site that using this features - https://alumni.stanford.edu/get/page/travel-study/overview - we are trying to prove that is effort would have value short and long term for an organization like this.

The site/apps should illustrate the following areas:
- Trip Information
- Marketing the Trip
- Preparing for Trip
- Registration & Payment

Challenge Goals:
- Create a mobile first look at booking a fun and educational trip with your University

Design Consideration
- Design for exploration of trips, setup and complete 
- Focus on what would make you want to take a trip. 
- User Experience is very important. 
- Basically, make this design think about never having to go back to your PC
- Create a portal for the kids that go on the family trips (would need parents to opt-in)

Features Consideration:
- Trip information
- Marketing the trip
- Preparing for Trips
- Registration and Payments
- The University would like travelers to have the ability to manage their own personal information online. 
- Would like the new system to create a group for each trip
- Once you sign up for a trip you become a member of a group and can communicate 
- Need to be careful of what information is shared because not all travelers are University alumni
- Would like to setup an event during the trip with other University alumni
- Find alumni to join trip
- Use a mapping tool to search

User Flow:
- User open the apps to find available trips offers
- User can check each trips and learn more about trip details
- If user interested with the trip, they will be able to prepare the specific trip
- User can secure and pay for Trip

Screen Sizes
- Mobile: 750px x 1334px (portrait orientation, PRIORITY!!).
- Desktop: 1280px width and height as required.

Screen Requirements :
Below are the initial screens suggestions that needs to be create in this challenge, feel free to add/edit/modify any features for better UI/UX performance :

01. Trip information Screen
- Trips are categorized by region, time of year, type of trip (family, etc) - this is done at setup
- A travel study team member and a professor join the trip
- Trips are open to alumni and non-alumni
- Staff needs to store various information about the trip including faculty attending, faculty bio, brochure, images/map, itinerary, deposit amount, cancellation policy, registration question, etc.
- This information needs to be displayed on the site/apps, user can dig into the details of the trips.
- Would like to link to professor's page

02. Marketing the trip Screen
- A travel planner is created for the year as a first preview of what is coming for the year
- This is also used to assess interest in certain trips
- Brochures are created for each trip and sent based on request
- Requests for brochures are made through the site/apps
- Users can request multiple brochures to be mailed
- Brochure requests go into PostGrads
- This information is used track leads
- The travel study website is used as a marketing brochure with various ways of displaying trip information 
- assigning categories/attributes to manage different views/searches
- Special trips - marketed to the top 10% percent of donors based on giving and ratings<

03. Preparing for Trips Screen
- Keep a spreadsheet for optional trips and ideas for the next year
- Interests and active feedback is also tracked in a separate spreadsheet
- Track interactions with all  travelers, customers, special needs, dietary restrictions
- Would like to track faculty and be able to search by past trip
- track engagement with faculty, prepare and store syllabus for a trip
- Trip cost are determined based on interest, market price, what the trip cost the year before
- Would to send out ticklers for things that people need to do

04. Registration and Payments Screen
- Travelers can register for trips on the website and make deposits
- Would like to show room availability - graphic representation
- Would like to have wait lists
- Both alums and non-alums need logins to register for trips
- Logins have different access to the rest of the alumni portal
- To register online you must pay a $1000 deposit/Would like travelers to be able to fully book trips
- Once you are registered for a trip you will receive information about the trip
- Information collected will create passenger list, name tags, emergency contact list, bed preferences, diet preferences, sensitive info such as health, medical - critical to travel business.

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.

Branding Guidelines
- We are much more Interested in the flow and apps functionality on the apps, let use this as a guidelines for now  - https://alumni.stanford.edu/get/page/travel-study/overview

Target User
- Mainly Alumni or friends and relatives of Alumni - Very tech aware and power users - close circle of people who you would travel with and want to learn
- Family and Individual.

Judging Criteria
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- 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.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

ELIGIBLE EVENTS:

2015 topcoder Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30049448