.png)
To gain deep insights into user pain points, I conducted extensive foundational research for my project. This involved interviewing users to understand their business operations.
Due to time constraints, I focused on qualitative research, allowing me to explore users' subjective experiences and perspectives in depth. This approach generated valuable and nuanced data, enabling thorough analysis and informed decision-making.
Time consumed
The interviews are estimated to last between 15 to 30 minutes each.
# of interviewee
A total of four individuals, including managers and officers
Set of question
A set of 10 questions will be prepared to gather their insights and feedback.
Location
The interviews will take place at the participants' company in a designated private room.
" What kind of questions will be consist for the survey ?"
" How the residents to join the activity in the app ? need to be approved ?"
" How to identify who are the qualified resident to join the app? How many type of resident in the app?"
Problem statement
Mary Kwong, a property manager, seeks solutions to optimize property data management, streamline operations, and improve client service in order to drive success and growth for her property management company.

The purpose of creating a user journey map for Mary Kwong is to visualize and understand the entire experience and interactions she has as a property manager. It helps identify pain points, opportunities for improvement, and gaps in the current process.


We use a flat structure and hierarchy layer sitemap. Survey, news, and activity are prioritized. Identification is the initial step for users. It enhances navigation, access, and permissions based on roles, ensuring an efficient and secure experience.
Moodboard & Paper wireframes
Following the paper wireframe, I have created digital wireframes for the main functions: news, activity, and survey, as well as the identification process.
These digital wireframes provide a more refined and detailed visualization of the user interface and interactions. They showcase the layout, content organization, and user flow within each function, ensuring a seamless and intuitive user experience.
The digital wireframes serve as a valuable reference for further design and development stages.

Using the digital wireframes as a foundation, I have developed a low-fidelity prototype that emphasizes user identification and the display of news and activity. The prototype showcases the user identification process, allowing users to select their user type or role.
It also demonstrates the interface for viewing and interacting with news and activity, presenting a basic representation of their layout and functionality.
View prototype:
Low-fidelity prototype

Time consumed
The interviews are estimated to last between 30 minutes each.
# of interviewee
A total of three individuals, including managers and officers
Set of task
A set of 3-5 tasks will be prepared to gather their insights and feedback.
Location
The interviews will take place at the participants' company in a designated private room.
" You have to register the type of user you are then to browse the certain news and activity, can you do it ? "
" There is a different survey for you, please try to do one of the surveys. "
" You can join any activity that is displayed on the app, please try to join an activity."
Emphasis the survey module
Given that the survey module is the primary focus of the app, it is important to accommodate the customer's request to display news and activities on the home page.
To strike a balance, a solution could be to include a dedicated button in the navigation bar specifically for accessing the survey module.
This approach ensures the prominence of the survey module while still providing convenient access to news and activities, creating a well-rounded user experience.

Designed the UI for the filter and label features in the news module, enhancing the user experience. Users can now personally categorize news articles with tags and conveniently filter the content based on their preferences.
This functionality allows for a personalized and tailored news browsing experience, ensuring users can easily access relevant articles aligned with their interests.

I have addressed the client's requirement by designing a publisher profile page with a user-friendly interface. This page allows users to access detailed information about publishers, providing them with a comprehensive understanding of the content they are engaging with.
Additionally, I have integrated a filter and label feature, enabling users to search for specific information published by a particular account. This functionality enhances the overall user experience and facilitates easy access to desired content.

I have created a high-fidelity prototype that encompasses all the essential modules of the application. This prototype will facilitate further iteration and usability testing, allowing us to gather valuable feedback.
I'm excited to explore the interactive user experience and gather insights to refine the design and ensure an intuitive and user-friendly final product.

To gain fresh perspectives and identify potential improvements for the system, we will invite external individuals to test and provide feedback on the application. By involving outsiders, such as users from the target audience or industry experts, I can gather valuable insights from a different viewpoint.
After design approval, prepare clear documentation with instructions, design assets, and guidelines for programmers. This ensures their understanding of specifications and facilitates a smooth and efficient development process.
Thank you for watching my entire project portfolio.
Your interest is greatly appreciated.