Enhancing user experience through new features and visual components
Overview
In the first half of 2023, I contributed to Trulioo's design system expansion and feature redesign initiatives. The goal was to introduce new functionalities while modernizing the user experience to align with the company's rebranding efforts. I played a key role in creating illustrations, components, and interfaces that reflected the new Trulioo brand identity. Here are some of those works!
UX Design
New interfaces
Trulioo’s transaction history experience was similar to online banking, including a default list view and a more detailed view of individual transactions, however the existing design lacked modern features like advanced filtering and search, and did not follow Trulioo’s new design system.
Advanced filtering
Improved searching
The detailed transaction view showed a lot of information that immediately bombarded the user once they interacted with it. To improve the user experience, I implemented collapsible sections and accordions, which reduced information overload and saved tons of space. By carefully considering user needs and behavior, I optimized information hierarchy and visual design, making it easier for users to quickly access and understand transaction details.
Since these transactions dealt with sensitive information, I developed a secure and visually distinct approach for handling newly-coined “protected” information. This approach improved data security and user understanding by creating specific visual cues, such as illustrations and tags, to clearly communicate the reason for hidden data.
Visual design
Certifications, badges, and icons
Users were awarded with certifications and badges for completing courses in the Trulioo platform learning program. I designed the badges and certificates which would be seen by both Trulioo employees and customers.
These certificates were awarded to users for completing tutorial courses, which included videos and short quizzes.
I created icons for various features of Trulioo products such as Business Insights, Person Match, DocV, Utility ID, Transactions, and What users will see.
More icons used for actions in Trulioo's journey mapping tool including: Settings, adding conditions, services, workflows, embeds, clients, and forms.
Higher level icons used across the platform including: Leave Form, Form Step, Risk Insights, and Service Catalogue.
