Nightlife app "OneNight"

Nightlife app "OneNight"

Research, Design

early 2020

It can be tricky... organizing a joyful party night. The desired nightclub is closed or fully booked, the friends are arriving at the wrong place or other obstacles are quite common. Together as a team we developed a concept for enhancing the nightlife experience. My part was to develop a design system for a suitable app.

Tools I used

  • Adobe XD
  • Google Forms

My team

  • Lukas Dech
  • Leon Micheel-Sprenger

Overview


πŸ“Œ Further links

- Published Design File (Adobe XD)


πŸ‘¨πŸΌβ€πŸ’» Personal Contribution

I came up with the idea to digitalize the night life experience in Hamburg. For example, there are always long queues in front of the night clubs and you never find your friends in it. I then teamed up with two friends to create an app concept. I did all the design work after we had conducted interviews on the street and further research on the internet. For the design, I got inspired by the new-morphism early 2020 design trend which is a light and bright version of skeuomorphism with inner shadows to represent 3D elements with different white colors.


πŸ“² Click Demo / UI Prototype

Below you can check out my first steps in the prototype which we wanted to use for our street interviews so that people could directly test it. The prototype was created using Adobe XD which has an App to show the prototype to potential users.Β 

‍

Creation Process

‍

πŸ“Š Organization

To find out if our project will work, we used the Business Model Canvas to write down our thoughts about key partners, key activities, key resources, the value proposition, customer relationships, channels, customer segments, cost structures, and revenue streams. With the defined data (see image below) we could then further develop our concepts and ideas.

‍

Business Model Canvas - OneNight

‍

‍

Together with the parts of the business model canvas, we followed the double-diamond process of design. In the research phase, we conducted our user research e.g., with interviews. Then we defined our problem with the help of personas and mission/vision. Afterward, we started our ideate session in which we brainstormed on our defined problem and finally, I could start with the first prototype design.

Double diamond process followed in this project

‍

‍

πŸ” User Research

After we defined our initial plans, we created an interview template with Microsoft Forms which we used as our interview guideline. Afterward, we collected all the data in Forms to evaluate the results:Β 

  • The average age of the interviewed people was 21, the gender was roughly 50/50 and most are from Hamburg
  • Most of the people went to the night clubs 2-3 times a month and spend around 53€
  • They do not plan their party nights in advanceΒ 
  • Additionally, we conducted the pain-points, changes they would do in the nightlife area, and what they like the most about night life in general
MicrosoftΒ Forms

‍

‍

πŸ™πŸ½β€β™‚οΈ Persona

With the information we got from the user research, we could define our fictional persona


Peter Parker, 21

  • Student
  • Single
  • Hamburg, Germany
  • Creative, Extrovert, Fickle, Active
  • Would like to have the best night in his life
  • Spends to much time in the queues and to much money at the bar


πŸ‘ Mission and Vision

To further develop our ideas and plans, we brainstormed our vision and mission, as described in the following:Β 


Vision: Your life, your party / Creating an exceptional night life experience which is individual but for everyone.

Mission: Connect clubber / make night life transparent and accessible / Recommend the best location for your personal party needs


πŸ’‘ Ideate

After the mission, vision, and persona were defined, we started our ideate/brainstorm session on which elements and features we want to include in our app. After a brainstorm session on a white board, we put all ideas into an excel sheet to sort them. Finally, we decided which features we need in the Minimum Viable Product (MVP) and in later editions.Β 

Features and ideas of Version 1 - MVP for testing

‍

‍

Features and ideas of Version 2 - Which we planned to include in the first AppStore version

‍

‍

Features and ideas of Version 3Β 

‍

‍

Features and ideas of Version 4

‍

‍

Features and ideas of Version 5

‍

‍

πŸ”¨ Prototype

To confirm our thoughts and features with real users, I created a UI prototype in Adobe XD (which can be seen and used on top of this site). I included the main screens from our first version:

  • Login Section with a QR code to log into the club
  • Profile Page to see the current status/membership
  • Overview of nearby clubs and bars
UI Prototype in Adobe XD

‍

‍

πŸ§ͺ Test

After I finished the first prototype, we wanted to test our MVP with users. However, it was in the end of march 2020 and Germany went into the first full lockdown due to Covid-19. Even in the summer time all night clubs and bars where still closed. So we had no time to test our prototype. Together with Lukas, I then started the development of DAISY instead, Leon had left our project group by then.

‍


Back to desktop