User Story and Low-fidelity Wireframe

Lim Si Yu
3 min readJul 14, 2022
Overview of user story/wireframe
Pt 1

Upon opening the app, users must either sign in or sign up for an account. For signing up, wireframe 2 to 9 illustrates the process. For signing in, wireframe 10 demonstrates the process. To ensure that users can accurately portray their personalities and identities to other users, the process of creating a profile will be more tedious and detailed. It involves more questions and even a personality test which will be assessed by the partner psychology research firm. This then leads them to the homepage.

Pt 2

From the home page, users can then choose to either continue browsing other profiles or explore the other 3 buttons below. They are namely, Suggestions (Wireframe 13), Chatroom(Wireframe 14 to 17) or Activities(Wireframes 18 to 21). Users will get a number of recommended profiles daily under the Suggestions tab. The Settings(Wireframes 22 to 23) tab is also accessible upon tapping the profile icon on the top left corner of the home screen.

Pt 3

These suggested profiles are carefully accessed by the psychology research firm and generated by the system, making them more likely to be compatible with the user. Under Chatroom, users can chat with users they have matched with. They can also explore an array of interactions with each other such as through dual-player games within the application.

Once the user has found a user that he or she is interested in meeting physically, they can also choose to browse and book any activities offered by the partner matchmaking company. As it is a joint partnership, exclusive prices and promotions will be available. Users need not fret about browsing through ideas for fun and suitable activities across different websites online. As the activities are on the app, both parties can easily browse and select an activity that best fits their budget and interest.

Wireframe pt 1
Wireframe pt 2
Wireframe pt 3
Wireframe pt 4
Wireframe pt 5
Wireframe pt 6
Wireframe pt 7
Wireframe pt 8
Wireframe pt 9

--

--