B6 Bachelor Cargobike Adventures  

Team

  • Dustin Reimann
  • Chung-Fan Tsai
  • Ngoc Huong Phan
  • Hasan Al Mohamad

Supervision

Johannes Weyers, Patrick Zagajewski

In the past few months, our project has gone through various phases, and they could be roughly divided into the following segments:

Kicking off

Fortunately, we decided to meet in person very early on and got to do it before the lock down, we went to the start-up company–Cargobike Adventurer’s site at MotionLab Berlin, a coworking, or co-building, space for entrepreneurs and aspiring inventors. In this first kick off meeting, we got to know the origin of the start-up and also experience the top quality cargo bikes they were building and improving firsthand. And it was in this first session that we were informed of what sort of web app would help promoting, marketing, and operating the business.

Preparation & Planning

Having learned about the needs of the business, we understood that this project could become a real product that’s being used by real users, meaning it has a heavier impact and higher stack. With that in mind, we wanted to understand the product and its target users together with the start-up company we were working with, so that there we were on the same page and knew exactly what we were building and who we were building it for. And in order to have a good understanding of whom the target users are, we started out by conducting user researches into user personas, user stories, and use cases.

tech stack visualized

Database Structure & Website Blueprint

Now that we had a more concrete image of what the site should do, an e-commerce site for users to select a tour date and its corresponding available items to rent, so we must be clear of how the data should be structured and related to make it easier for our site to interact with the database:

tech stack visualized

In addition to designing the database structure, we also started on the website blueprint to understand the most intuitive and functional way to users to navigate the site. And once we had a concrete idea of what pages were needed and their hierarchy, we applied our findings in user research and built a mock-up for the site:

tech stack visualized

Go Live!

Just like any project, changes are inevitable, and we must always embrace them. As in the middle of the project, we decided to go live for the Christmas season, we first finished the first version of our customized theme that made every element on the site customizable by the business owner, then we built another feature—voucher booking, letting users purchase gift vouchers for themselves or their loved ones in this festive time. This event also gave us a first insight into how companies manage their digital orders and sort out errors in the process. Furthermore, now that the site had to be online, we had to build a test environment for us to makes changes to before deploying them live so that users won’t be seeing the incomplete test environment.

Booking System Prototyping

After going live and making sure the orders were going through and functioning appropriately. We went back to prototyping our booking system that allows users to select when their tours will be and what add-on gears they need to rent.

tech stack visualized