Tailor-made for UQer
DESCRIPTION
UQ CSSA APP Contains the functions and some activities needed for daily learning and life, and information will no longer have barriers.
When
May 2020
This project is a mini-program developed by UQ Chinese Students and Scholars Association (UQ CSSA) specifically for their target users, UQ students.

Initially, the president of UQ CSSA approached me to create an electronic membership card registration mini-program. I spent two days understanding the services provided by their organization to UQ students and identified the existing challenges, such as the high cost of physical membership cards. With the aim of reflecting their association's unique features and enhancing competitiveness, I proposed the idea of developing a mini-program.

After receiving the president's approval, I formed a team consisting of fellow students I met at UQ. The team comprised three members, with my role focusing on understanding user requirements, matching them with the target audience's needs, and creating prototype designs based on their preferred design style. The other two team members were responsible for development based on the prototype designs. The entire project took three months to complete, and during the testing and launch phase, we received excellent feedback. Both customers and users expressed their satisfaction with the final product.

What my design changed for them?

User-centered directional integration of required functions!

Based on the findings of our previous investigation, I have organized all the functions commonly used by Chinese students, who constitute our user group, and integrated them into this platform. The integration aims to delve deeper into the issues that arise during their usage and identify the parts they find most useful.
Consideration of User's Perspective and Needs
Directional Integration of Required Functions
Benefits to User Experience

By replacing physical cards with digital membership cards, technology reduces spending.

The association currently needs to issue at least 600 physical cards every year, with each card costing $2, resulting in an annual expense of $1,200. I recommend that they convert all their physical cards to e-cards, which would save them almost $1,500 per year.
Cost-saving Potential
Easy Portability
Reduced Risk of Loss

In today's digital age, a digital business card is a must-have tool for networking and staying connected.

Given that modern people spend a significant portion of their lives on the Internet, sharing all community information online can effectively foster awareness and encourage widespread participation.
Internet Usage
Sharing Community Information Online
Benefits of Online Sharing

This is the framework of the first version. It serves as the blueprint for the design, with meticulous attention given to the placement of each function, including icons, carousels, and more. The sketch provides a clear visual representation of the layout, ensuring that every element is positioned precisely as intended. By following this framework, we can confidently move forward with the development process, knowing that the design and functionality are thoughtfully planned.

Building upon the framework, I made a second iteration by incorporating theme colors and icons. However, feedback received indicated concerns about the light color and complexity of the function jump area. I address these issues by exploring alternative color options for better contrast and simplifying the function jumps for a smoother user experience.

Once the layout and style design were finalized, I proceeded to apply the design across all frame design drawings, ensuring consistency and cohesiveness throughout. The completed style design was then presented to the client as the final version. By encompassing the entire project with the chosen style design, we aimed to deliver a visually unified and polished outcome.

This is the presentation of the final design draft, showcasing the culmination of our efforts. The color scheme is inspired by the distinctive purple hue of the UQ school badge, ensuring a strong visual connection to the institution. The chosen style reflects the preferences of the students, creating a design that resonates with their tastes and preferences. I believe this combination of color and style will not only capture attention but also foster a sense of familiarity and affinity among the target audience.