meetmatch app pt 3

3/2/2025 - 21/3/2025 Week 1 - Week 7

Wong Kai Xin / 0353027

Major Project / Bachelor of Design in Creative Media / The Design School

Task 3

---

INSTRUCTIONS

---

TASK 3

figjam link: https://www.figma.com/board/OEZxuJDrmWYs2lzThouUCg/Major-Project?node-id=597-2271&t=NkGGU7a7kVNojZfl-1

Task 3 requirements:

IDEATE:

• 

  Brainstorm ideations using storyboarding, sketches etc. 

• 

  Design inspiration from other design resources/websites for ideations

• 

  Develop Information Architecture (using Card Sorting Method) for your proposed solution

• 

  Develop User Flow/Work Flow diagram 

• 

  Design Design Guideline (colour scheme, typography, UI component etc) that is related to the project topic and targeted user personas [Individual Work or Group Work]

• 

  Initial Lo-fi prototype (sketches, wireframe) [Individual Work]

• 

  Group Presentation (10%) on 19 March 2025 (On-site)

•⁠  ⁠Task 3 will have group presentation for ALL 16 groups On-site on 19 March 2025 (Wednesday) whole day. Schedule will be arranged later. All supervisors are required to attend ALL UI/UX students' presentations unless you have other appointments. 

•⁠  ⁠The purpose is to give feedback for ALL UI/UX students for their overall Major Project 1, and allow all other supervisors to know other groups students' projects. 

•⁠  ⁠After group presentation, students are required to revise their work and submit on 25 March 2025 (Tuesday) as Final.

Week 5:

First, we each had to come up with a features list each and then discuss which were necessary to add into our card sort

My Features list:

Home

• Activity Recommendations
• Advanced Filtering
• Trending & Popular Events
• Search
• Event Countdown Timer
• Quick RSVP Button

Advanced Filtering

• Date & Time Filter
• Price Range Filter
• Activity Level (Beginner, Intermediate, Advanced)
• Solo vs. Group Activities

Near me

• Nearby Events Map
• Event Categories

Member

• Achievement Badges
• Loyalty Points System
• Find Event Buddies
• Community Groups
• Event Reviews & Feedback
• Invite friends
• Direct Messaging Between Users

Favorites

• Saved posts

Settings

• User Profile
• Event Cancellation & Refund Policies
• Privacy & Security Settings

Others

• User ratings
• Emergency Contact Feature
• Notifications
• In-App Chat Support
• Multi-Language Support
• Weather Forecast for Outdoor Events

Final feature list:

Home

Voice & Text AI-Powered Activity Matching  

Explore

Trending & Popular Events

Search

Advanced Filters

Weather Forecast for Outdoor Events

Map-Based Search

Join Groups / RSVP

User-Generated Reviews & Ratings  

Community

Friend List

Built-in Event Chat / Forum 

In-App Direct Messaging  

Visual Content Sharing  

My Event

Host an Event 

Event Calendar 

Past Events  

Saved Events  

Going Events  

Push Notifications & Reminders  

AI-Powered Attendance Verification  

Invite Friends

Event Cancellation

My Account

User Profile

Theme Customization  

Avatar Customization  

Customizable Activity Preferences / Interest

Invite Rewards  

Credit System for Event Participation  

Exclusive Group Creation for High-Rated Users  

Coin Collection & Redemption / Reward System 

Leaderboards

Achievement Badges

My Voucher / Rewards

History  

Settings  

FAQs  

Enquiry & Feedback  

Privacy Policy / Terms & Conditions  

Help Center

With these features, we had to do a card sort activity with one potential user. The platform we have used is Optimal Workshop.

card sort results:

link: https://app.optimalworkshop.com/optimalsort/8sbrwie4/0u5q31yz/shared-results/wcuimrg5hsboxcr844lp1tl8dwz69i12

After we each completed our card sorting, we did a review on our results to better understand our potential users, then proceeded with completing our information architecture. 

final information architecture

With our information architecture completed, we did our user flow together 

final user flow

After, we had a look online for some design inspiration

here is mine, I went for a more simple minimalistic approach, as I figured it would attract more people to use our application. I also really like the calendar design as well as the reminder feature. 

final design inspiration

Week 6:

To do:

• 

  Design Guideline (colour scheme, typography, UI component etc) that is related to the project topic and targeted user personas [Individual Work or Group Work]

• 

  Initial Lo-fi prototype (sketches, wireframe) [Individual Work]

Week 6 feedback:

- need design logo

- lofi can separate do, no need do all

- next week present task 3

- presentation time limit to be updated

- brainstorm ideations those is wireframe

- no need do all, just the main user flow

Design guideline:

After a group discussion, we have all agreed on the following style guideline

design guideline

Then, we came up with 4 different user flows to complete for our lofi prototype.

I was in charge of the:

Onboarding & Profile Setup

1. Register/Login: User opens the app and completes the registration or login process.
2. Preference Settings: User sets initial activity preferences.
3. Home Screen: User is directed to the home screen.
4. Avatar Creation (Optional): User customizes their avatar.

lofi prototype progress

complete lofi prototype of onboarding & profile setup

I will briefly talk about the flow of my lofi prototype. First, users will be greeted with the login page where they can choose to either sign in with email or social media. After, they will be asked to fill in their details and then get a confirmation code. Next, they will be directed to our home screen, where an AI assistant will be present. Then, after clicking the "my account" icon in the bottom navigation bar, the icon will float up

reference picture of bottom navigation bar

After, users will click on "user profile" in order to change their avatar.

Logo:

I also designed the logo of MeetMatch

logo making progress

final logo

We started off with the letter M, which is the initial of our application (MeetMatch). We went for a cute mascot design to make it look like our app is more approachable. The icon in the middle will also be our mascot for MeetMatch.

---

SUBMISSION

link to slides: 

https://www.canva.com/design/DAGh4G6kKgE/Mk5akNFXmttZ3VYxrAumgw/edit?utm_content=DAGh4G6kKgE&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

task 3 (PDF)

---

REFLECTION

The past two weeks have been really intense, but also very rewarding. We had to complete so many things in such a short time, and at times, it felt overwhelming. From brainstorming features, doing card sorting, and building our information architecture to designing user flows and starting on the lo-fi prototype, everything moved so fast.

One of the biggest challenges was organizing all the ideas and making sure the app stayed simple and user-friendly. There were so many features we wanted to add, but we had to carefully pick the ones that actually made sense for our users. The card sorting and user flow were especially tricky because we had to think from a user’s perspective, not just our own.

Designing the logo was another big step. We wanted something fun and inviting, and after a lot of drafts, we finally settled on a mascot-style logo that fits the vibe of our app. I also worked on the lo-fi prototype for onboarding and profile setup, which took longer than expected since I had to ensure it was smooth and easy to understand.

Even though it was exhausting, I feel like I’ve learned so much about UI/UX design, teamwork, and problem-solving. There were moments when things got frustrating, but in the end, seeing everything come together was really satisfying.