Viken is a simple and easy collaborative trip planner that allows you to keep all your trip details and bookings in one place. Not only can everyone on the trip see the newest update for the trip itinerary, they could also sync their flight and hotel details onto the page. To get inspired, users can save popular attractions to then organize into specific days in their itinerary. If they’re stuck on creating a whole new trip, explore itineraries of other’s successful trips, easily copy them and edit them to your liking with a simple click. Also meet new people with Viken, by requesting to join fun public trips that are happening soon.
The purpose of the landing page introduces first time users to Viken, with a simple on-boarding of what the app is and how they could use the app. We have a hide option to close out the introduction for returning users and we didn’t want it to log cookies to not show it for returning users. The rest of the page provides the user a sense of what the app does and allows you to browse through various destinations in huge highlighted panels as well as cards of upcoming trips the user could go on.
The Itinerary is the page the user would spend the most time on because it consists of the daily schedules for the trip, which are presented in cards of the individual days. This is organized into morning, afternoon, and evening activities; this helps avoid conforming to a tight schedule. Breakfast, lunch and dinner activities are highlighted to easily differentiate between food activities and other excursions. The message screen is also featured on the left which allows trips participants to easily discuss the trip whilst simultaneously looking at the trip plan.
The other pages includes the explore pages, messages, create trip, announcements, flights/hotels, and profile page. They all follow similar patterns and serve their individual functions. The profile archives all the trips the signed in user has been to allow easy reference as well as going back to see their trip memories. We wanted messages to be a function in Viken to allow the conversation about the trips to be seperate from private conversations. The Announcement page allows admins to post important notices that may get lost within messages.
Initial Ideas & Development
We initially designed the itinerary cards with a focus on photosbut we realize that it is unnecessary for it to take up so much space. Especially for a packed day it may result in the page being extra long. We also had arrows to flip back and forth through the days but found that dragging it is easier and cleaner. In the end, we resorted to a smaller full bleed image for the hero because it might be confusing and unnecessary to fill the entire viewport.