Pakr
Mobile App Design
Product Design
UX Design
Software
  • Adobe XD
  • Adobe Illustrator
  • Adobe Photoshop
Deliverables
  • Mobile App Prototype
  • Process Book
Timeline
  • April–May 2021
01.
Objective
Design a packing helper app that will help users find the right things to bring along for any kind of trip and collaborate with other members joining your trip.
02.
Roles
Thanhthao Van & Ryan Parajas
Creating wireframes, designing the app screens, and prototyping using Adobe XD.
Sarah Sauerzoph
Creating brand identity, digital illustrations, and vector icons.
All Together
Researching, storyboarding, creating a site map, developing user persona, testing, and compiling a process book.
03.
Interviews
All of us wanted to create an app related to traveling but didn’t know what exactly. To figure out our topic space, we interviewed 16 people asking about how they travel and what struggles they have faced.
04.
Problem Statement
Based on our interviews, many people enjoy traveling with friends, family, or relatives. But some people struggle to know what to pack for their trip, whether it is under or overpacking, not knowing what to pack, and other related issues. We want to take the hassle out of packing and make it collaborative since trips are usually accompanied by others.
05.
User Testing
Throughout the project, we had many people, both the same people and new people, test our storyboards, wireframes, and prototype.
06.
Final Idea
Introducing
Pakr
If you’ve ever struggled in any way related to packing and being prepared for trips, Pakr is the app for you!
Pakr is a collaborative packing helper app that will help users find the right things to bring along for any kind of trip.
Uses machine learning to develop a list of items to bring for any type of trip, taking into account weather, activities, destination, accommodations, transportation, and so on.
Collaborate with members on your trip and create a group list and your personal list. Let users assign, modify, and cross out items on the group list.
Has the ability to add or remove items from generated item lists.
Remind users that they are missing an item before they leave for their trip.
07.
Site Map
08.
User Persona
09.
Storyboard
10.
Mobile App
Directions
  • You and your friend want to go camping again. Start by creating a trip.
  • Input your trip details.
  • Invite your friend (Charlotte).
  • Select the categories related to your trip.
  • Assign which item should each member to be responsible for (clipboard icon).
  • Start checking off your items in the group list.
  • Go to your personal list and add the item “Reservations” to your essentials section.
  • Go through your list and swipe on “Epipen”. Delete the item because it doesn’t apply to you.
  • Start checking off your items.
  • Turn off your screen (by clicking on the bars icon on the top right).
  • Click on the notification and check off “bug repellent.”
App Screens
01. Home
Home screen when there are no active packing lists. Press orange + button to create a new trip.
02. Input Trip Details
After clicking the orange button, you will need to enter trip details.
03. Select Collaborators
Choose if you’re traveling alone or with others.
04. Invite Collaborators
Add the usernames of those who are going on your trip.
05. Select Trip Categories
Select the activities, transportation, and accommodation that applies to your trip.
06. Group List
The app will generate a group list and personal list based on your input. Click on the clipboard to assign items.
07. Assign Items
Users can assign certain items to specific users in the group list.
08. Items Assigned
If a profile picture is next to an item, that item is assigned to them, not you.
09. Your Personal List
Your personal list is private but optional to be shared.
10. Add New Item
Click “Add Item” to a specific section. Input the item or use one of the suggested items.
11. Delete Item
If you see a generated item you don’t need, swipe on the item and press “Delete.”
12. Checked Off
As you and other users check off items, there will be a checkmark with the item crossed out and the percentage on top will increase.
13. Home (Active List)
This is what the home screen will look like if you have an active list.
14. Missing Item Notification
As it gets closer to your trip and items are still missing, the app will notify you.
15. Highlighted Missing Item
Items still not checked off before or during the trip will remain highlighted until checked off or deleted.
More Projects
Mobile App
Motion Graphics
Infographics
Branding
Web Design
Motion Graphics
Music
Show more

Hi there, I’m
Ryan Parajas

Hi there, I’m
Ryan Parajas