A mortgage provider with a robust financial presence across multiple industries and regions initially briefed Coforge on an obstacle in their note-taking system.
Specifically, the client was looking for two solutions:
What stood in Coforge's way was a series of technical and design problems that each required solutions. Each solution had to be pieced together to meet the client's objectives. Some of the more salient issues Coforge solved were:
After in-depth analysis and several design iterations, it became clear to Coforge that we needed to use Salesforce's Lightning Design System and Lightning Web Components. to inspire and implement a custom solution. What coforge delivered was a custom activity timeline that:
The primary focus behind each decision taken with the UI was to ensure that each individual function was built with robust logic that was easily understood, learned, and actively used.
Examples of this were:
The clear and thoughtful "load more" and "load less" functions in the descriptions with an initial view limited to 190 characters to allow for enough information without flooding the user with info and the option to find out more.
The introduction of client-customized design, like on-brand icons. Helping to make everything more easily recognizable, reducing mental load, and improving productivity.
Another example was the filter functionality (shown below). We could not set activity types in columns; we had to assign all values vertically instead. The second challenge came when hitting the 'Apply' button. The selected filter needed to be displayed, but it was a complex job requiring lots of JavaScript.
Salesforce Lightning Design System:
The Salesforce Lightning Design System includes the resources to create user interfaces consistent with the Salesforce Lightning principles, design language, and best practices. Rather than focusing on pixels, developers can focus on application logic, while designers can focus on user experience, interactions, and flows.
Salesforce Lightning Web Components:
Lightning web components are custom HTML elements built using HTML and modern JavaScript. Lightning web components and Aura components can coexist and interoperate on a page. To admins and end users, they both appear as Lightning components.
Activity Timelines:
Salesforce builds tools designed to give us a 360-degree view of customers. Activities are critical to this; they consist of Tasks, Events & Calendars that show entries such as follow-ups, emails, and meetings. It provides a simpler view of otherwise-complex interactions with entire swaths of people. Because our task was based on the capture of dossiers, we chose to mold everything as custom.
The Activity Timeline displays activities associated with the name field (such as mortgage user or agent) and the Related To field (such as account).