Year
2025
Background
This project began one week before a weekend camping trip. Our team needed a simple way to stay organized, making it easy to check the itinerary, view weather updates, and assign equipment responsibilities.
I designed a mobile-first collaborative checklist that consolidated all information in one place: navigation links, countdown timer, itinerary, weather forecast, and packing list. The key focus was achieving real-time synchronization, allowing everyone to see each other's preparation progress.
Problem
I observed the discussion patterns in our LINE group chat and identified several core issues:
Messages get buried
Itinerary details and important task assignments quickly get buried under other conversations. Finding previous decisions requires endless scrolling, which is frustrating.
Lack of overall visibility
Everyone only knows what they need to bring, but has no clear view of the overall preparation progress. We often encounter questions like "Wait, has anyone prepared XX item?"
Repetitive confirmations
Unable to find previous messages, people repeatedly ask the same questions, making the group chat even more chaotic.
Unclear responsibilities
Some items might have multiple people volunteering to bring them, while others get no response. We only discover uneven distribution or missing items at the last minute.
Design Process
User Research
To gain deeper insights into users' actual needs, I conducted one-on-one interviews with 7 camping participants to understand their requirements:
"What role do you usually play when discussing task allocation in the LINE group? What problems do you see with using LINE for task discussions?"
"During the camping preparation process, what moments made you feel frustrated? Can you describe them specifically?"
"Based on your past travel experiences, have you encountered problems during the trip due to unclear itineraries?"
"What features would you like to have to help you better prepare for camping?"
After the interviews, I identified several common issues:
During preparation:
Missing group messages and being unaware of detailed itinerary changes
Unable to find previous task allocation decisions, requiring constant scrolling up
Not knowing others' preparation progress, worrying about missing important shared items
During the trip:
Frequently needing to ask in the group for destination addresses (e.g., restaurants, attractions, accommodations)
Design Solution
Based on the core pain points discovered through interviews, I designed a mobile-first real-time collaboration solution. I used GitHub Pages combined with Firebase Realtime Database to quickly implement this MVP. During the development process, I utilized Claude AI to accelerate frontend development, allowing me to focus on user experience design.
One-Stop Information Hub
The core concept of the solution is to integrate all key information originally scattered across LINE group chats into a single page. Users no longer need to search for important information within lengthy conversations.
All content is arranged according to usage scenario priority:
Navigation links enable quick navigation for drivers
Countdown timer creates urgency
Itinerary information as reference
Weather forecast assists with packing decisions
Collaborative checklist functions as the core feature
Real-time Collaborative Checklist
The packing checklist is the core feature of the entire solution, providing users with complete editing and adding permissions, allowing all team members to stay updated on each other's preparation progress in real-time.
To address users' different needs for "personal focus" and "team oversight," I designed a tag-based perspective switching feature.
In the "All Overview Page," users can see the complete item list and everyone's preparation status. When clicking on a personal name tag to switch to the "Personal Page," the interface filters to show only items belonging to that user, presented as a clean checkbox list. This design avoids information overload while maintaining collaborative transparency.
Outcome
Actual Usage Results
When we actually used this tool for camping preparation, the results exceeded expectations. Everyone could get started within 1 minute, and discussions about "who brings what" in the LINE group almost disappeared. Everyone could clearly see their responsibilities and overall progress. Watching the progress bar fill up gave everyone more confidence and reduced pre-departure anxiety.
Future Development Plans
The current version has content written directly into the frontend. Future development will include a backend management system allowing users to directly edit content. The long-term goal is to expand into a complete trip planning product supporting various group activity needs.