Launched
LOG
Health & Wealth Care Platform
ROLE
Product Design Lead
TIMELINE
January - June 2022 (6 Months)
Figjam
Figma
Protopie
Adobe Illustrator
Adobe After Effects
TEAM
2 Product Designers
6 Engineers
1 Information Security Officer
TOOLS
• Spearheaded end-to-end design process:
from research and strategy to prototyping, testing, and delivery of final design.
• Led cross-functional team communication as a design team lead.
• Iterated improving design solutions at various levels of fidelity.
• Analyzed user research data and derived UX insights.
CONTRIBUTION
Final Outcome
HEALTHGRADE CALCULATION
Improved Loading Experience
Changed animations and phrases to prevent users from leaving due to the long health rating calculation
MAIN HOME
Enhanced HealthGrade Visibility
The HealthGrade display is enlarged for better visibility, and complex jargon is simplified for user ease. Also, the health data is visually summarized to increase the visibility of their health values.
Intuitive Health Checkup Results
Used intuitive health status chip for users, with added explanations for medical terminology
HEALTHCARE
Enhanced User Clarity and Engagement
To relieve user’s confusion, all functions are put at the top with icons.Additionally, we have added gamification to the Health Guide to increase user engagement and retention with a character system.
HEALTH SECRETARY
Senior-Focused Personalized Health Recommendations
A feature recommending health supplements, exercise, and health videos tailored to individual needs has been added, providing seniors with easy-to-find, suitable content within the app.
LOG is the Health-Wealth care app in South Korea, by GradeHealthChain, a company at the intersection of fintech, healthcare, and insurtech. It rewards users with financial benefits based on their HealthGrade, an index derived from health checkup results and medical usage statistics. In this project, I improved the overall UX for 50s and 60s users.
PROJECT OVERVIEW
ACHIEVEMENT
Increased userbase by 10,000X
I contributed to boosting the user base from 30 to 300,000 of the LOG app in three years by collaborating with multiple stakeholders and leading the design process as a UX/UI design lead.
This project's achievements over 6 months
PROCESS
Need to enhance app usability and boost retention rates for users in their 50s and 60s
PROBLEM STATEMENT
Insurance Agent
“ My senior customers struggle with HealthGrade calculations and technical terms. ”
“ User app retention rates are falling.”
“ 50% of users failed to submit health data
via the LOG app manually. ”
Company
How might we create a user-friendly and accessible experience for users in their 50s and 60s?
Discovered UX insights through data analysis
USER RESEARCH & UX STRATEGY
A survey conducted on 30 senior users by an UX research team, which I led in communication, helped us identify pain points related to HealthGrade calculations and LOG app usage, enabling me to develop data-driven improvement strategies.
QUOTES
“ I exit the app due to the long time to calculate HealthGrade. ”
“ So many features in UI made it unclear what to do. ”
“ The difficult terms and health information difficult to understand the service. ”
INSIGHTS
Something is needed to alleviate boredom during loading times
Users find it difficult to focus due to multiple contents on a single page
Need to simplify terms and visualize information for clarity.
SOLUTION
Adding animations during HealthGrade calculation
Streamlining each page for a single objective
Intuitive health data visualization and distributing a LOG UX Writing Guide
KEYWORDS
Lively
Friendly
Intuitive
Before jumping into designing, I thought hard about how to make the app more accessible to our target users age at 50s and 60s
DESIGN ACCESSIBILITY
01. Increase the size of components
02. Utilize minimal design.
03. Be mindful of color usage.
After synthesizing user insights, I developed the IA (information architecture) and focused on key features, swiftly creating wireframes and refining the design through iterative revisions. I led user testing with engineering, information security, and legal teams, enhancing the UX/UI to a high-fidelity level.
IA & WIREFRAME & DESIGN
ITERATION
01. Calculating HealthGrade
USER TESTING FEEDBACK
2. Engineering team told me that they cannot make the progress bar sync up with the actual calculations.
1. During Health Grade calculation, users exiting the app led to calculating failure.
KEYWORD
Lively
1. Added animations and HealthGrade explanations to the loading screen to reduce boredom.
INITIAL VERSION
2. Replaced the progress bar with a message asking users not to leave the app.
FINAL VERSION
02. HealthCare
1. The UI needs to be modified to focus on one content per screen.
USER TESTING FEEDBACK
2. With time left until deployment, the CEO requested additional engaging features to increase user retention.
KEYWORD
Focused
1. Moved numerous features into top screen icons for better organization.
INITIAL VERSION
2. Enhanced Health Guide with a character and level system for ongoing app retention.
FINAL VERSION
03. Main Home
1. Use easy terms or provide explanations for complex ones, unless legally restricted.
USER TESTING FEEDBACK
2. While conducting usability testeing, I found that the additional information was useful but overly text-heavy.
KEYWORD
Intuitive
1. Communicated with the legal team and simplified complex app terms or added explanations for clarity together.
INITIAL VERSION
2. Developed UI by minimizing text, and focusing more on graphics and visual effects.
FINAL VERSION
Takeaways
Utilized the LOG Design system, which not only unified the app's tone and manner but also significantly saved the design team's UI workload time during this project.
Gained a deeper insight into user behavior and psychology of seniors, enhancing a data-driven strategy through market research and user research outcomes.
Learned the importance of clear communication in project success when communicating with engineers, legal, and information security teams.
Developed expertise in adjusting task priorities amidst a multitude of responsibilities.
Next Steps
I planning to more expand the functionality of the LOG app to cater to seniors and users who may have difficulty accessing the app. As seniors often struggle to differentiate between similar colors, I plan to take the time to ensure that the whole text and image colors of the LOG app have a contrast ratio of 4.5:1. Additionally, I will consider those who are colorblind and make necessary adjustments such as changing the font thickness for components that use green and red simultaneously.