Drift app
- 2. 2
Plan Trips with Friends.
Save Places • Create Itineraries • Collaborate with Friends
- 6. 6iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
WELCOME > 01 WELCOME > 02 WELCOME > 03 WELCOME > 04
- - Intro video (first-time users only)
- 7. 7iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
SIGN IN SIGN IN > Touch ID SIGN IN > Passcode
- 8. 8iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
SIGN UP > Step 01 SIGN UP > Step 02 SIGN UP > Step 03 SIGN UP > Step 04
01 Required fields
01
- Required
- Tapping ‘Review’ opens T&C via in-app Safari
01 - Required fields
01
- Optional
- Activating enables Touch ID sign in
01 01
01 01
- 10. 10iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
DESTINATIONS > Landing DESTINATIONS > Search DESTINATIONS > Selected > Detail DESTINATIONS > Selected > Detail (scrolled)
01
- Custom international flag icons animate onscreen
- Library of 100 icons
- Limit of 10 icons onscreen at once
- User can drag icons or tap to view top city results
- Animation reference: Apple Music app (‘For You’ section)
02
- Tap activates keyboard
- Opens search upon submit (next screen)
01
- Exchange rate via Google API
- 1st currency matches user’s preference in SETTINGS
- 2nd currency is selected destination’s default currency
02
- Opens default map view via MapKit
- Image overlay applied
03
- Inactive state
- Localized emergency contact (ex: 911, 999)
- Active only when physically in selected city
- Tapping opens alert to dial emergency number
04
- Opens user’s email app
- Pre-populates subject line with page details
01 - Search limited to City names
02
- Results via MapKit API
- Grouped by continent (as applicable)
03 - Tapping ‘Favorite’ saves to TRIPS
04
- Tapping result opens:
DESTINATIONS > Selected > Detail
01 - Return to results
02 - City info and data via Google API
03 - Tapping ‘Favorite’ saves to TRIPS
04
- Localized weather via forecast.io API
- Weather icons via Skycons (forecast.io)
- Temperature preference in SETTINGS
02
01
02
01
02
03
04
01
02
04
03
01
03
04
- 12. 12iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
TRIPS > Landing (none) TRIPS > Landing (saved)
01 - Message when no destinations have been saved
02 - Opens search in DESTINATIONS
01 - Saved TRIPS grouped by continent
02 - Custom country icons (same as DESTINATIONS landing)
03 - Enables removal of saved TRIPS
02
01
01
02
TRIPS > Landing (saved > edit)
01
- Tap or swipe to delete
- Tapping delete opens alert (see Alerts)
- Removing saved TRIP also deletes saved itineraries,
places, and notes for that destination
02 - Return to previous screen
03
01
02
- 13. 13iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
TRIPS > Selected > Info TRIPS > Selected > Info (scrolled)
01 - Return to saved TRIPS
02
- Info for selected TRIP
- Same functionality / data sources:
DESTINATIONS > Selected > Detail
01
- Active state
- Localized emergency contact (ex: 911, 999)
- Active only when physically in selected city
- Tapping opens alert to dial emergency number
01
02
01
- 14. 14iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
TRIPS > Selected > Places (none) TRIPS > Selected > Places (saved) TRIPS > Selected > Places > Search
01 - Return to saved TRIPS
02 - Saved places for selected TRIP
03 - Message when no places have been saved
04 - Opens ‘Places’ search
01 - Saved places for selected TRIP
02 - Tap for place details
03 - Save / Unsave
04
- Custom saved places
- Opens: TRIPS > Selected > Saved Custom Place Details
05 - Swipe left to delete
01
- Limited to places or addresses within selected TRIP
- Results via MapKit API
02 - Tappable search category filters (white = selected)
03
- ‘Catch All’ for most likely or most popular results
- Based on search term and/or selected categories
04 - Grouped by selected category
05 - Opens map search
03
01
01
04
02
04
05
03
02
03
04
05
01
02
- 15. 15iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
TRIPS > Selected > Place > Details TRIPS > Selected > Place > Details (scrolled) TRIPS > Selected > Place > Details > Reviews TRIPS > Selected > Place > Details > Map
01 - Returns to list of saved places
02
- Upper: Selected place name
- Lower: Selected city name
03 - Add to itinerary
04 - Save / Unsave place
05 - Data and images via Google API
06
- Swappable place images (5 maximum)
- Image overlay applied to all
01
- Default map view via MapKit
- Image overlay applied to maps01
- Opens default map view via MapKit
- Image overlay applied
02 - Reviews via Google API
01 - Return to selected place details
02
- Ratings data via Google API
- Tap to view full review (when applicable)
01
01
01
01
02
03
04
06
02
05
02
- 16. 16iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
TRIPS > Selected > Place > Add Custom Place TRIPS > Selected > Place > Add Custom Label TRIPS > Selected > Place > Custom Place Details
01 - Custom address searched (friend’s apartment, etc)
02
- Default map view via MapKit
- Image overlay applied to maps
03
- Upper: ‘Dropped Pin’ appears until label is created
- Lower: Searched address
01 - Return to Map result
02
- Upper: Searched address
- Lower: Searched city (matches selected Trip city)
03 - Saves custom label and adds place to saved Places
01 - Return to saved Places for selected Trip
02
- Upper: Custom place label
- Lower: Custom place city (matches selected Trip city)
03
- Opens default map view via MapKit
- Image overlay applied
01 01
02
03
02
03
01
02
03
- 17. 17iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
TRIPS > Selected > Itineraries (none) TRIPS > Selected > Itineraries (create) TRIPS > Selected > Itineraries (saved) TRIPS > Selected > Itineraries (saved > edit)
01 - Return to saved TRIPS
02 - Saved itineraries for selected TRIP
03 - Message when no itineraries have been created for TRIP
04 - Opens TRIPS > Selected > Itineraries (create)
01 - Return to itineraries list
02 - Tap or swipe left to delete
03 - Tap to edit itinerary name
04 - Drag to sort list order
01 - Returns to itineraries list (does not save)
02 - Required to save
03 - Saved to Itineraries list for selected TRIP
01 - Add new itinerary
02 - Edit itinerary list
03 - Tap to mark as done / undone (green denotes complete)
04
- Indicates itineraries awaiting permanent deletion
- Tap to view / restore
01
02
01 01
03
04
03
01
02
03
04
02
03
04
02
- 18. 18iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
TRIPS > Selected > Itineraries > Deleted
01 - Return to itineraries for selected TRIP
02
- Upper: Section name
- Lower: Selected TRIP
03 - Deleted itinerary name
04 - Tap to recover to saved itineraries
01
02
03
04
- 19. TRIPS > Selected > Itinerary > Details w/ Notes
01 - Return to selected itinerary
02
- Upper: Selected place
- Lower: Selected Itinerary
03 - Share place via iOS Share
04 - Tap note marker to view note
05 - Copy, highlight, note via iOS toolbar (reference iBooks)
01
02
03
04
05
19iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
TRIPS > Selected > Itinerary > Details
01 - Return to itineraries for selected TRIP
02 - Upper: Selected TRIP
- Lower: Selected itinerary
03
- Active collaborators (up to 8)
- Active collaborators must be registered
- Tap row for details
04
- iOS share (recipient must download app)
- Sharing does not add recipient as collaborator
05 - Generates pinned map of all places (need offline view)
06 - Opens ‘Places’ search
01
02
04
03
05
06
TRIPS > Selected > Itinerary > Details (edit)
01 - Tap to delete
02 - Drag to sort list
03 - Swipe left to delete or move to another itinerary
01
03
02
TRIPS > Selected > Itinerary > Collaborators
01 - Registered name (icon displays initials)
02 - Swipe left to delete
03
- Enter email address to send invitation
- Recipient must register to become active
01
02
03
- 20. 20iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
TRIPS > Selected > Notes (none)
01 - Return to saved TRIPS
02 - Saved notes for selected TRIP
TRIPS > Selected > Notes (saved)
01 - Name of place where note is applied (auto-generated)
02 - Custom note or highlighted text
03 - Note type (highlight or note)
04 - Links to place page where note is applied
05 - Timestamp of last update to note
TRIPS > Selected > Notes (saved > edit)
01 - Tap to edit note
02 - Swipe left to delete
01
01 01
02
02
02
03
04
05
- 22. 22iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
SETTINGS > Landing (scrolled)SETTINGS > Landing
01 Current setting
02 Activates iOS Share
02
01
- 23. 23iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
SETTINGS > Name SETTINGS > Email SETTINGS > Security SETTINGS > Home Location
01 Fields pre-populate current setting
01
01 Opens iOS Picker to select country
01
- 24. 24iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
SETTINGS > Currency SETTINGS > Temperature SETTINGS > Info
01 Opens website page via in-app Safari
02 Opens App Store page
03 Opens Twitter app or via Safari
04 Opens website page via in-app Safari
05 Opens email with pre-populated subject line
06 Opens website page form
02
01
01 Opens iOS Picker to select currency
01
01 Tap to select default
01
03
04
05
06
- 26. 26iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
3D Touch Default iOS Share Add to Itinerary
01 Reference Apple Music ‘add to playlist’
01
Move to Itinerary
01 Reference Apple Music ‘add to playlist’
01
- 27. 27iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
Default iOS Keyboard (light only) Default iOS Keypad (light only)
- 28. 28iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
Emergency Call Unsave Destination Unsave Place Delete Itinerary
- 31. DESIGN
Screens Optimized for iPhone 6
Icons iOS standard where possible
Transitions iOS standard
Alerts iOS standard style
Font San Francisco
31iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
DEVELOPMENT
Service Google Cloud Platform
- server / hosting
- storage
- database
- backups
- authentication
- system emails
- website server
Type PHP
Analytics Google
- 32. 32iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
APIs
MapKit
- Maps
- Search results
Google
- City data
- Currency exchange
- Reviews
- Place images
forecast.io
- Weather data
- Skycons (weather icons)
Touch ID Authentication
TBD Emergency calls data
iOS SEARCH
NSUserActivity
(public - Spotlight results)
Pubic
- Searchable data within app (destinations, places)
- Keywords: TBD
Private
- Siri (reminders, suggestions for getting back to user activities)
CoreSpotlight
(private - Spotlight results)
- Saved destinations
- Saved itineraries
- Saved places
- Saved notes
Web Markup
(website)
- Allow App to discover and index
- Mobile deeplink markups (open URL)
- Smart app banners
- Universal links
- Pages: landing, FAQ, contact
- 33. 33iOS AppDRIFT
© ALEX POOLE STUDIO LLC Proprietary and Confidential
WEBSITE - Phase 01
Domain drift-app.co
Pages Landing
- intro video
- submit mobile to receive download link
Terms of Use
Privacy Policy
FAQ
Contact form
Suggestion form
Admin CMS
Emails
- registration confirmation
- password reset
- collaborator invite
WEBSITE - Phase 02 (TBD)
User account admin
Webapp version