NFC Card Design for CISSA Members
TECH SOCIETY HARDWARE
CHALLENGE
The graphic printing and credibility of the manufacturer was unknown
The time restriction to get the designs out and for shipment to arrive before O-week
The usability of the technology wasn’t tested
OPPORTUNITY
To create a physical and novel product (NFC membership card) that is accompanied with a First Year Guide (FYG) webpage that encourages students to become CISSA members as well as improve their student experience through the FYG.
TIMELINE
4th December 2023 - 14th January 2024
MY ROLE
Product Designer, Product Manager
RESPONSIBILITIES
#
UI Design
#
Graphic Design
#
Branding
#
Product Design
TECH STACK
Figma
Illustrator
Photoshop
Notion
NFC Card Design for CISSA Members
TECH SOCIETY HARDWARE
CHALLENGE
The graphic printing and credibility of the manufacturer was unknown
The time restriction to get the designs out and for shipment to arrive before O-week
The usability of the technology wasn’t tested
OPPORTUNITY
To create a physical and novel product (NFC membership card) that is accompanied with a First Year Guide (FYG) webpage that encourages students to become CISSA members as well as improve their student experience through the FYG.
TIMELINE
4th December 2023 - 14th January 2024
MY ROLE
Product Designer, Product Manager
RESPONSIBILITIES
#
UI Design
#
Graphic Design
#
Branding
#
Product Design
TECH STACK
Figma
Illustrator
Photoshop
Notion
NFC Card Design for CISSA Members
TECH SOCIETY HARDWARE
CHALLENGE
The graphic printing and credibility of the manufacturer was unknown
The time restriction to get the designs out and for shipment to arrive before O-week
The usability of the technology wasn’t tested
OPPORTUNITY
To create a physical and novel product (NFC membership card) that is accompanied with a First Year Guide (FYG) webpage that encourages students to become CISSA members as well as improve their student experience through the FYG.
TIMELINE
4th December 2023 - 14th January 2024
MY ROLE
Product Designer, Product Manager
RESPONSIBILITIES
#
UI Design
#
Graphic Design
#
Branding
#
Product Design
TECH STACK
Figma
Illustrator
Photoshop
Notion
Client
CISSA’s (Computing & Information Systems Students Association) is the largest student tech club in Melbourne. They focus on connecting the students of the University of Melbourne with industry professionals, academics and students (in Computers Science, Data Science, Product Design) alike.
Events such as social gathering, industry nights and panels, workshops and hackathons are some of the ways CISSA give back to the community. They had over 2000 members in 2023; to maintain and exceed that level of membership, they were in need of a novelty item that would stand out among the other tech clubs. Therefore the need of the NFC membership cards were designed.
Problem
There was a lack of information provided to first year students on how to go about life in University.
There was no easy access for members to check the current events held by CISSA except social media and the UMSU website
CISSA wanted to have a novelty to stand out from the rest of the clubs.
Goal
To create an eye catching design that attracts new members
By using consistent branding of CISSA while including the annual theme of pixel art.
To design a seamless user experience so new members can navigate the webpage easily
By creating a mobile friendly First Year Guide webpage that allows easy function of the NFC feature, while making it easy to navigate across the first year guide.
To produce both physical and online design in a short time frame of 2 months
By designing using simple blocks that could be easy to code in the frontend development. Therefore the design was to be as minimal while making it graphically appealling.
Problem
There was a lack of information provided to first year students on how to go about life in University.
There was no easy access for members to check the current events held by CISSA except social media and the UMSU website
CISSA wanted to have a novelty to stand out from the rest of the clubs.
Goal
To create an eye catching design that attracts new members
By using consistent branding of CISSA while including the annual theme of pixel art.
To design a seamless user experience so new members can navigate the webpage easily
By creating a mobile friendly First Year Guide webpage that allows easy function of the NFC feature, while making it easy to navigate across the first year guide.
To produce both physical and online design in a short time frame of 2 months
By designing using simple blocks that could be easy to code in the frontend development. Therefore the design was to be as minimal while making it graphically appealling.
Problem
There was a lack of information provided to first year students on how to go about life in University.
There was no easy access for members to check the current events held by CISSA except social media and the UMSU website
CISSA wanted to have a novelty to stand out from the rest of the clubs.
Goal
To create an eye catching design that attracts new members
By using consistent branding of CISSA while including the annual theme of pixel art.
To design a seamless user experience so new members can navigate the webpage easily
By creating a mobile friendly First Year Guide webpage that allows easy function of the NFC feature, while making it easy to navigate across the first year guide.
To produce both physical and online design in a short time frame of 2 months
By designing using simple blocks that could be easy to code in the frontend development. Therefore the design was to be as minimal while making it graphically appealling.
Desktop version of the First Year Guide
Final Designs
Choosing iconic buildings around the University of Melbourne would lead to attracting more members as it was something relatable to them hence they would want to be connected/involved in the club. Moreover, the First Year Guide buildings were chosen to assist in showcasing the major sponsors of the club such as Jane St and ANZ. Their buildings were designed in pixel art alongside the University buildings to give a more packaged look with the club and sponsors.
Final Designs
Choosing iconic buildings around the University of Melbourne would lead to attracting more members as it was something relatable to them hence they would want to be connected/involved in the club. Moreover, the First Year Guide buildings were chosen to assist in showcasing the major sponsors of the club such as Jane St and ANZ. Their buildings were designed in pixel art alongside the University buildings to give a more packaged look with the club and sponsors.
Final Designs
Choosing iconic buildings around the University of Melbourne would lead to attracting more members as it was something relatable to them hence they would want to be connected/involved in the club. Moreover, the First Year Guide buildings were chosen to assist in showcasing the major sponsors of the club such as Jane St and ANZ. Their buildings were designed in pixel art alongside the University buildings to give a more packaged look with the club and sponsors.
The statistics of the NFC Membership card usage in the first two weeks of University
Student POV use case
Admin POV use case
Final designs of the physical NFC membership card
Future Steps
As a reflection to what went well during this project were:
Collaborating as a team smoothly and efficiently via comments and discussions
Managed to complete the design of both the card and webpage within a short time frame
The membership cards were very popular item during Orientation week which led to other clubs and students enquiring about the creation of the card and webpage.
For future considerations on how to improve the design process of the team, would be to begin the design process earlier. This led to a rushed order for the production of the membership cards. Therefore samples weren’t available at the time for the design team to revise and improved on the sample.
Future Steps
As a reflection to what went well during this project were:
Collaborating as a team smoothly and efficiently via comments and discussions
Managed to complete the design of both the card and webpage within a short time frame
The membership cards were very popular item during Orientation week which led to other clubs and students enquiring about the creation of the card and webpage.
For future considerations on how to improve the design process of the team, would be to begin the design process earlier. This led to a rushed order for the production of the membership cards. Therefore samples weren’t available at the time for the design team to revise and improved on the sample.
Future Steps
As a reflection to what went well during this project were:
Collaborating as a team smoothly and efficiently via comments and discussions
Managed to complete the design of both the card and webpage within a short time frame
The membership cards were very popular item during Orientation week which led to other clubs and students enquiring about the creation of the card and webpage.
For future considerations on how to improve the design process of the team, would be to begin the design process earlier. This led to a rushed order for the production of the membership cards. Therefore samples weren’t available at the time for the design team to revise and improved on the sample.
Credits
CISSA Product Team
Wei Kai Khoo
Lucy Martin
Gunjan
Liza Orlovskaya
CISSA IT Team
Kailai Dong
Khang luong
Eden Xu
Harrison Langdon
Michael Ren
Related Projects
Research to Reality: Improving the Emote Digital Website
#
UI Design
#
UX Research
#
Branding
#
Website
INTERNSHIP
DECEMBER 2023 - MARCH 2024
Emote Digital, a digital marketing agency, aims to provide better SEO and design for clients. In this case study, they are the clients where I will design incremental updates to their own website.
MentorMe: A Career Guide Chatbot
#
Service Design
#
Conversation Design
#
Chatbot
UNIVERSITY PROJECT
FEBRUARY 2024 - JUNE 2024
MentorMe is a service that acts as a replacement to the current University of Melbourne mentoring and academic advising program. MentorMe provides a physical space that participants of the program can use to communicate, socialise and learn.
Related Projects
Research to Reality: Improving the Emote Digital Website
#
UI Design
#
UX Research
#
Branding
#
Website
INTERNSHIP
DECEMBER 2023 - MARCH 2024
Emote Digital, a digital marketing agency, aims to provide better SEO and design for clients. In this case study, they are the clients where I will design incremental updates to their own website.
MentorMe: A Career Guide Chatbot
#
Service Design
#
Conversation Design
#
Chatbot
UNIVERSITY PROJECT
FEBRUARY 2024 - JUNE 2024
MentorMe is a service that acts as a replacement to the current University of Melbourne mentoring and academic advising program. MentorMe provides a physical space that participants of the program can use to communicate, socialise and learn.
Related Projects
Research to Reality: Improving the Emote Digital Website
#
UI Design
#
UX Research
#
Branding
#
Website
INTERNSHIP
DECEMBER 2023 - MARCH 2024
Emote Digital, a digital marketing agency, aims to provide better SEO and design for clients. In this case study, they are the clients where I will design incremental updates to their own website.
MentorMe: A Career Guide Chatbot
#
Service Design
#
Conversation Design
#
Chatbot
UNIVERSITY PROJECT
FEBRUARY 2024 - JUNE 2024
MentorMe is a service that acts as a replacement to the current University of Melbourne mentoring and academic advising program. MentorMe provides a physical space that participants of the program can use to communicate, socialise and learn.