This project is a course final project for the module "Web Application Engineering" during my current master's study. The state of the project is still ongoing and the functioning web application will potentially be deployed at the end of August. Thus, my role in the student team is UX designer & full-stack developer.

‍

"An informed and happy customer base is key to any event’s success. "

‍

As some of the team members and me are in the organization team of various student festivals (e.g. Stustaculum 2022, Schollheim Sommerfest 2022), we thought about new ways to improve the organization processes. Many festival visitors often struggle to keep an overview of all offerings of a big gathering. Even if event organizers put much effort into creating a diverse portfolio of happenings within event spaces, these can go to waste because of an uninformed customer base. With eventy7, we enable better provision of information for event visitors and give involved parties of the event organization a digital platform to showcase their offerings, and we want to do it natively. This means no more searching on external sites to find the time slot your favorite act is playing at.

‍

Since the main purpose of the course project is to practice web development skills with MERN stack (MongoDB, Express.js, React.js, Node.js), we didn't take the standard Design Thinking path. Instead, we concentrated on the business perspective of a web app and generated clear value propositions for our project. Afterward, we constructed different user stories to visualize our app and how the users will interact with it.

‍

Our main goal is to add value to events of all sizes by creating a platform that provides a better overview of all happenings and offerings of an event. This means that every festival, like Stustaculum, gets their own digital event space and platform, that its visitors can browse through and interact with. eventy7 also takes care of integrated advertisement channels for sponsors. This enhances the value of a single placement and the regarding value of it for the event organizer.Operators like beloved food trucks can also use these channels to inform about their products inadvance.

‍

Some festivals struggle with problems such as overfilling at certain stages / bathrooms or workshopsduring busy times. eventy7 helps to solve this by displaying live capacities of venues in the eventspace. The platform also provides dashboards for the organizers e.g., mood barometer or todaysnumber of attendees. For very limited capacity scenarios like workshops, a preregistration can bedone via the platform. By offering cashless payment methods within the platform, we are confident to increase the conversion rate at all payment points like bars or food trucks. Scanning your personal QR Code and the app will be sufficient. eventy7 introduces chatrooms for scenarios like “lost &found”, “spotted” or simply just interaction about the current music. This improves social interactionand glues together the festival community.

User Stroy: "Event visitor purchases a beer"

‍

If a user (event visitor) wants to buy a beer through our application, they can first locate the corresponding food/beverage vendor on the main page of the digital event space under the section“Vendors”. After clicking on the displayed section of the corresponding food/beverage vendor, theentire offering of this vendor will be shown. The offering consists of a list view containing single items such as beers, soft drinks, hot dogs etc. The event visitor swipes through the list of items and finally decides to take a beer. By altering the number picker beside the beer price, the user selects the number of beers that he wants to purchase. Next, they click on the “Add” button beside the number picker, and the beers should be added to the cart. The modification to the carted items canbe noticed by the cart overview on the right side of the screen. If the user wants to add more items to the cart, the described carting process will be repeated.

‍

On the other hand, if the user wants to proceed to check out, they have to click on the “Go toPayment” which can be found at the top right corner above the cart overview. Afterwards, they will be directed to the payment page containing important information which have to be confirmed: the name of food/beverage vendor (recipient of the payment) & the amount of money to be paid. To proceed to the PayPal payment gateway, the user clicks on the “Confirm” button. After finishing all the payment process with PayPal, they will be redirected back to our event application. In case of successful payment, the user will receive a QR code for picking up the purchased items at the food/beverage seller. In case of failed payment, the user will be directed back to the ordering page (with vendor’s product catalogue and cart) and an error message will pop up indicating “The payment process has failed. Please try again.”

‍

As the event visitor approaches the food/beverage vendor, the staff scans the QR code and two situations might occur. In case of a valid QR code, the staff will be directed to a page embodying the list of purchased item and a “Confirm” button which disables the QR code on the backend/database. In case of an invalid QR code, the staff will see a page containing the message “This QR code isinvalid!”. Respectively, the staff will either hand out the purchased items to the event visitor or inform them that the QR code is invalid.