Building a new ID system T-ID app design
Building and designing an app version of T-ID service to lock in previous 19 million users and transforming T-ID as a gateway to other associated services.
PURPOSE
Designing the T-ID app for previous/future users
ROLE
Product Designer
UX position PM
TIMELINE
June - Nov 2020
TEAM MEMBER
Product Designer
2 people, 50%
Background
What is needed when an ID system as a mobile web becomes an app?
T-ID is an integrated login service with 19 million users and it is linked with 30 sites. It was a mobile web service but I had to newly design the app. The challenge at this time was not just simply converting a web service to an app, but adding useful contents with different UX and making existing users' inflow. In addition, the app should also include a new feature called Quantum Secure Login, so it had to show the completeness of security.
Solution
To become an integrated account platform, T-ID’s UX was focused on delivering different and unique features. Released at Google Play and Appstore.
English based screens are located in the design part (down below)
01
Selecting today’s mood
By selecting today’s mood among the 7 options, users can earn points, and this will lock-in them. The emojis and colors are designed differently according to the mood that the user selected, and the phrase is exposed differently depending on the mood.
02
Safe QR login
Users can log in safely and conveniently with a QR login that enables quantum security. In the design, the QR code camera’s box was configured like a banner rather than a full screen, so the design was seamlessly melted into the UI without being burdensome.
03
Viewing visualized data
Through the TID app, customers can regularly check analysis information on services that individuals frequently use among 30 linked sites.
04
Mood calendar
Users can check today's mood on a calendar. Today's selected emoji and the background color can be displayed as a simplified emoji instead of the date, and if the mood is not selected on the main page, users can pick it additionally on the My Today page.
Designs
Process
Overall Research
Conducted several user-tests and overall paper/UX research about SSO buttons and ID systems in the global portal services. This process helped me setting a UX goal for the brand new T-ID app.
UX Goal
Conducted several user-tests and overall paper/UX research about SSO buttons and ID systems in the global portal services. These process helped me setting a UX goal for the brand new T-ID app.
Main Page
Conducted several user-tests and overall paper/UX research about SSO buttons and ID systems in the global portal services. These process helped me setting a UX goal for the brand new T-ID app.
QR Login Page
The QR code camera’s box was configured like a banner rather than a full screen, so the design was seamlessly melted into the UI without being burdensome. Interaction was delicately set by designers.
Getting Points
You can get points if you choose the mood of the day. The designs and interactions are lively moving to entertain users. The bottom popups are acting like gateways to other channels connected to T-ID.
Personalized pages
You can get points if you choose the mood of the day. The designs and interactions are lively moving to entertain users. The bottom popups are acting like gateways to other channels connected to T-ID.
Design System
Designed ‘Design System’ and ‘UI Styleguide’ for the T-ID app and symbolized buttons and objects to use easily. Also because the default fonts and grids are different from Android and iOS, I distinguished design by OS.
