COLAB9 WEB APP

BookMi

BookiMi is an event management tool for entertainers to easily book and manage bookings.

Problem Background  

One of the biggest challenges for newer and self-represented entertainers is to manage their administrative tasks associated with bookings so that they can focus on securing clients and their performance. Currently entertainers manage the administrative aspects in many different platforms. For example, they use a separate calendar app to book shows, manage payments on a case by case scenario (cash/etransfer/cheque), and align on booking details via email or social media and the process is very manual and details are likely missed.

On average, self represented entertainers spend ~3hours on administrative tasks which are not billable. It costs hundreds of dollars to hire a representative so it’s not economical for early stage entertainers. An automated all-in-one tool can help solve this problem at a much lower cost. 

Research Insights & User Pain Points

Through conducting user focus groups, we noted these sentiments from prospective users: 

“I love what I do and want to spend my time focusing on my art/performances, so I put off administrative tasks and sometimes I forget about some pieces. I don’t currently have an agency to help me manage these.”

“I manage my bookings in Google Calendar, booking notes in a notebook, and payments on a case by case scenario.”

Our participants shared a theme of pain points:

1. All of their booking administrative tasks are on different platforms and don’t sync up with one another. For example, calendar bookings are on Google Calendar, event details are discussed over the phone, and payments are agreed upon over email. 

2. Our users would rather focus their efforts on their performances rather than project management but acknowledge the importance of staying organized if it were more frictionless. 

Landing on the Solution

Based on our target users’ pain points, we knew we wanted to work on a simple to use platform which would encompass all the basic event management tools that would be necessary to run a successful event. 

Given the 5-week period to build this product, we only wanted to focus on the most value added features that our user would want which includes a profile of their work, a calendar booking feature, and a payment request functionality. 

Lofi & Hifi Mockups

Login & Signup page:

User’s homepage:

Client’s request for event booking:

Payment requests from clients:

Implementation Details

Technical implementation

  • Our web based app is hosted on Netlify. 
  • Our tech stack is HTML/CSS/JS/React/Node/Firebase/Google Calendar API

Technical challenges

The biggest technical challenge faced was working with the Google Calendar API. There was a lot to learn in terms of authentication, scope and getting it initially set up. Thankfully there was great documentation to help with the process. Another challenge was the structuring of files in React. As our app grew and we added more components it felt like the structure was getting messy and at times it was hard to find specific code blocks. I think if we had mapped out our folder structure from the start we would have had an easier time navigating through files and wouldn’t have had to spend as much time cleaning things up. 

Our product doesn’t have any scaling issues at the moment. If we were to hit a larger number of users we would need to look at upgrading our Firebase to a paid plan to accommodate usage. Our product is also very scalable in terms of the various features that we can add to enhance a user’s experience.

Our biggest key takeaway is to really take the proper time needed to create a plan before diving into the code. This will help immensely with efficiency and prevent having to spend time going back to fix bugs, restructure files, or refactor code. Another takeaway was everything we learned through the research lessons. It was fascinating to gain an understanding of best practices when learning about our users, identifying problems, and creating solutions.

Future Steps

Our team plans to continue the development of our product. We have achieved our MVP, but would love to add some additional features that we had initially thought of including that were nice-to-haves but not essential to solving the problem. We’ll continue to keep in touch and provide updates on what we’ve accomplished independently, and identify any areas for collaboration.

Learnings

Product Manager Learnings:

Amy Cheung

As a PM, I learned to be user-centric especially when discussing product features with the team. I was able to work collaboratively with the team using agile methodologies to create a product with the user in mind at all times. This meant being hyper focused on solving the pain points for our user and making tough trade-offs when necessary.

Designer Learnings:

Imhade Amavu

1. Documentation 

2. Trade offs with developers

3. Brainstorming with the team

Designer Learnings:

Jo Sturdivant

  1. Adapting to an Established Team: Joining the team in week 6 of 8 was challenging, as I had to quickly adapt to existing workflows, dynamics, and goals. This mirrors real-world situations where you often integrate into teams mid-project, and flexibility is essential.
  2. Work-Blocking for Efficiency: With only two weeks to complete the project, I learned the importance of a structured work-blocking system. This approach allowed me to manage my time effectively and meet deadlines under pressure.
  3. Making Data-Driven Design Decisions: Unlike my past projects, I had to rely on research conducted by others. This was a valuable experience in using pre-existing data to guide design decisions, helping me focus on the core insights without starting from scratch.

Developer Learnings:

Dave Henry

1. ​​I learned how to work in a cross functional team to develop a project from concept to completion, and have a deeper understanding of everyone's roles within a team.

2. I have a greater understanding of approaching problems and coming up with solutions that best meet the users needs.

3. I was able to further my knowledge and experience with various React concepts and become more familiar with working with databases through Firebase.

Developer Learnings:

Vanady Beard

&

As the back-end developer, I learned how important it is to create efficient and reliable systems that support the entire application. This experience also taught me the importance of optimising the database and ensuring the backend is scalable and easy to maintain.

Developer Learnings:

Stephen Asiedu

&

As a back-end developer, I've come to understand the importance of being familiar with various database systems and modules. This knowledge enables me to build diverse applications and maintain versatility in my work. I've also learned that the responsibility for making the right choices rests on my shoulders, guided by my best judgement.

Developer Learnings:

Kai Lin Zhang

&

Developer Learnings:

Maurquise Williams

&

  1. Process of Creating an MVP: Developing a Minimum Viable Product (MVP) taught me how to focus on delivering core functionalities balancing between essential features and avoiding scope creep.
  2. Collaboration in a Real-World Tech Setting: This experience taught me how to collaborate efficiently in a fast-paced tech environment, keeping the team aligned and productive, even while working remotely across time zones.
  3. Sharpening Critical Thinking and Problem-Solving Skills: This experience honed my ability to think critically and solve problems efficiently. By tackling challenges and finding quick solutions, I sharpened my decision-making and troubleshooting skills in a dynamic, real-world setting.

Developer Learnings:

Jeremiah Williams

&

All in all this experience was very awesome I learned that in coding with others being transparent is key

Developers Learnings:

Justin Farley

&

I learned how important communication is when working with a team. Communication provides understanding, advice, ideas, and much more. While working with the product team, I’ve found that communication keeps everything flowing smoothly. Working with a team also showed me that every member brings something different to the table and we all have to work together in order to align and meet our end goal.

Full Team Learning

Prior to Co.lab, the team has had experience in their subject matter and specialty; however, Co.lab gave us the opportunity to work cross functionally and taught us the tools to work in an agile environment. As a team, we were able to collaborate effectively and solve problems with the user in mind at all touchpoints.