Challenge Summary
Welcome to $400 Travel Buddy Design Updates F2F Design challenge!
For this F2F Design, we need your help updating existing storyboards by following the requirements stated below. Storyboards were originally created from the Travel Buddy - Mobile App Design Concepts challenge.
IMPORTANT
This F2F is subjective - so the first solution that the client likes and fulfills the required updates will win. We will consider all submissions until a the winner is declared.
F2F Design Requirements
- Use Final-Fixes-TravelBuddy.zip as the base of your submission update.
Overall
- If you have suggestions for a better user experience, please post them in the forums. We're open to recommendations!
00 - Application Flow
00_Application Flow.png
- Update based on changes below.
- Login -> Forgot Password, Create Profile, Dashboard
- Create Profile -> Dashboard, Login
- Dashboard -> Create Trips, Discover a Trip, Manage My Trips, Trip Alerts, Edit Profile
- Discover a Trip -> Search Results
- Search Results -> Other User Profile, Manage My Trips
- Create Trip -> Manage My Trips
- Manage My Trips -> Riders Pending, Riders Riding
00 - Splash_Screen
00_Splash_Screen.png
- Move Praxair logo to top (flip placement across horizontal axis of screen)
- Open to alternative design suggestions. Include as 00_Splash_Screen_X.png if you do.
01 - Login
01_Login.png
- Admin will want to be able to swap out image or use solid color. Provide a solid color alternative that you think looks good and fits with the style guidelines, e.g. 01_Login_Color_Background.png.
- Somewhere, add “New User? Create Profile” link so users can register.
01_Login_Forgot_Password.png (New)
- Create alternative 01_Login_Forgot_Password.png based on 01_Login.png to show how the page would look if a user clicked “Forgot Password”.
- An example might be to replace username and password input fields with email address input field. Add some explanation text, e.g. “Please enter your email address to receive instructions on how to change your password.” Includes “Submit” and “Cancel” buttons.
02 - Create Profile
Arrive at Create Profile from 01 - Login, after clicking new “Create Profile” link. This would also be the same page used if clicking “Edit Profile” from a flyout menu.
02_1_Create Profile STEP1.png
- Combine Step 1 and Step 2 into a single page/step (use Step 2 as the base, and bring in components of Step 1).
- No longer capturing “Ride Details” or Vehicle Picture. Can remove “Pictures” heading.
- Allow ability to upload profile pic.
- Allow ability to upload background pic. If no background pic, app will use a default.
02_2_Create Profile STEP2.png
- Should capture both email address and phone number.
- Remove “Willing to Share Driving” section. Update to “Ride or Drive Preference”, with possible values = Drive, Ride. Layout similar to “Smoking Preference” (one line).
- Smoking preference options should be “Non-smoking”, “Smoking okay”, “No preference”.
03 - Profile Page
Would arrive on these pages when viewing a profile. Potentially either after tapping on your own profile from the Dashboard, or on another user’s profile when searching for new rides under Discover a Trip.
03_1_Profile Page for the first time (after finished create a profile).png
- Don’t use - Remove this screen from your submission
03_2_Profile.png
- Remove nickname (e.g. The Flying Walenda)
- Remove “My Ride”, “Availability”.
- Rename “Sharing” to “Ride or Drive Preference” and display the preference from the profile
- Rename “Smoking” to “Smoking Preference”, and display the preference from the profile
- NEW: Include both email and phone input
03_3_Other User Profile.png
- Remove “4” alert icon.
- Same as 03_2_Profile.png notes above.
- Remove “Select this driver”.
04 - Dashboard
Would arrive at this page after logging in or finishing creating a new user profile.
04_1_Dashboard.png
- Remove nickname, e.g “The Flying Wanda”
- Remove “My Ride” button.
- Remove “Edit Profile” button. Add “Edit Profile” to Menu drawer.
- Rename “Discover Trip” -> “Discover Trips”
- Rename “Manage My Trip” -> “Manage My Trips”
- Change “Trip Talk” to “Trip Alerts”. This will be used of new trips if you have a saved search, or pending ride requests.
04_2_Swipe Down to Peek.png
- Don’t use - Remove this screen from your submission
05 - Discover Trip
Would arrive at this page from “Discover Trip” button on Dashboard.
05_1_Discover Nearby Trip.png
- Don’t use - Remove this screen from your submission
05_2_Discover Driving Trip.png
- Remove “Nearby / Driving / Flying” toggles. We will just be doing Driving for phase 1.
- Remove “Time” for Pick Up and Drop Off.
- NEW: Add checkbox to “Save search for future Trip Alerts”.
05_3_Pick Start Date.png
- Replace with inline native date picker example.
05_4_Pick End Date.png
- Don’t use - Remove this screen from your submission (replacing with native date picker).
05_5_Time Picker.png
- No change
06 - Search Results
Would arrive at this page after filling out search criteria in Discover a Trip, and hitting Search.
06_1_Search Result.png
- No change
06_2_Expanded.png
- Change “COMMITE TO TRIPS” -> “REQUEST TRIPS”
07 - Create a Trip
Would arrive at this page from “Create Trip” button on Dashboard.
07_Create a Trip.png
- Show “Trip name” as read-only, as “Brent’s Danbury-Buffalo Trip”.
- Remove Driving/Flying toggles. Flying will be for Phase 2.
- Pick start date -> Similar to 05_3_Pick Start Date.png, but inline for “Create a Trip” page.
- Replace “Next” with “Save”.
08 - Add Riders
Do not do. Remove these images. 08_1_Add Rider.png, 08_2_Add Rider SEARCH.png. Riders should add themselves, not the other way around. Drivers should not search and add riders.
09 - Manage My Trip
Arrive here from Dashboard “Manage My Trips” button, 07 - Create a Trip, or 06 - Search Results, after requesting rides.
09_1_Manage My Trip.png
- New: Separate into sections. Top section = trips I own (I’m the driver). Bottom section = trips I’ve requested (I’m the rider).
09_2_Note.png
- Don’t use - Remove this screen from your submission
09_3_Riders Already Riding.png
- Selected = “Already Riding”
- Remove “Add Riders” button on bottom.
09_4_Riders Pending.png
- Remove “Add Riders” button on bottom.
09_5_Rider Details.png
- Remove nickname, e.g. “The Flying Frog”
- Update “Sharing” to “Ride or Drive” preference from profile
09_6_Accepted.png
- No change
09_7_Rejected.png
- No change
10 - Trip Alerts
Arrive here from Dashboard “Trip Alerts” button.
New: Trip Talk will be repurposed as “Trip Alerts”. For Riders, you will get trip alerts for upcoming trips that matched one of your saved searches (the “Save search for future Trip Alerts” checkbox was checked).
10_1_Trip Talk.png
- Change “Trip Talk” heading to “Trip Alerts”
- New: Separate the page into sections. Top section = “Pending Trip Requests” for trips I own where there are outstanding rider requests. Bottom section = “Trip Discovery” for trips that match one of my saves searches.
- Include “Brent’s Danbury-Buffalo Trip” in top section. Clicking on “1” notification goes to 09_4_Riders Pending.png
- Remove “Sarah: Want to join the trip” text.
- Include “Keith’s” trip in bottom section.
- Remove “Brent: OK! See you tomorrow :)” text.
- Remove “3” notification for Keith’s trip.
- Tapping on Keith’s trip goes to 06_2_Expanded.png
- Swipe left to ignore/delete trips in “Trip Discovery” section.
10_2_Talk.png
- Don’t use - Remove this screen from your submission
10_3_Riders.png
- Don’t use - Remove this screen from your submission
10_4_Notes.png
- Don’t use - Remove this screen from your submission
Supporting Documents
- Current Design Assets (Final-Fixes-TravelBuddy.zip, winning designs from previous challenge)
- Design Direction from previous challenge (Travel-Buddy-Design-Direction.pdf, only for reference)
- Visual Identity (Visual_Identity.pdf, for reference)
- Inspiration examples (Inspiration.zip, from previous challenge, for reference)
F2F GUIDELINES
We will review submissions as they are submitted
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
Let us know if you have some questions!
Thank you
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.