Skip to content

Figma Trip Section

Trip Overview

Explanation

The trip overview page in the app provides a comprehensive view of all essential details related to a specific trip. It typically includes: name, description, date range, participants preview, activities preview, checklist preview, map preview

User Flow Diagramm

Trip Participants

Explanation

The app allows you to easily show all participants and add friends to your trip. You can search for users and inspect their public profile before adding them to the trip.

User Flow Diagramm

Trip Chat

Explanation

Each trip in the app includes a dedicated chatroom where all participants can communicate and coordinate plans. This feature allows group members to easily discuss itineraries, share updates, ask questions, and make decisions collaboratively in real time.

User Flow Diagramm

Shared Memories

Explanation

Each trip in the app includes a shared gallery where all participants can upload and view photos and videos from their journey. This feature allows group members to collectively save and cherish memories, creating a visual story of their trip. The shared gallery helps preserve the experiences and highlights of the trip, making it easy for everyone to relive and enjoy those moments.

User Flow Diagramm

Data Flow Diagram

Here you can see the data flow diagram, which shows how data flows through the application. There is a trips collection with several sub-collections. (Take a look at the firebase architecture)!

Sub-Collections: ChatMessages, GalleryItems, ChecklistItems and Activities.

dataflow

Trip Map

Explanation

For each trip the added activities can be shown in a map. Additionaly all the participant position are synchonized to help finding each other. Routing can also be used. See also map-screen.

Trip map activities